現(xiàn)在做室內(nèi)設(shè)計(jì)的越來(lái)越多，各有各的千秋，室內(nèi)設(shè)計(jì)行業(yè)網(wǎng)太多了，如：A963、家圖網(wǎng)、例外軟裝設(shè)計(jì)、谷居網(wǎng)、id-china、id-zoom、ecphk、houzz、馬蹄網(wǎng)等太多了，就不一一列舉了。

1<img src="圖像地址" width="寬度" height="高度" alt="圖片說(shuō)明" />例如上面的是html代碼引用圖片，圖片地址、寬度、高度、圖片說(shuō)明都必不可少。

設(shè)計(jì)師找圖片素材，個(gè)人推薦一些國(guó)內(nèi)比較好的網(wǎng)站，請(qǐng)看下圖：

　　在網(wǎng)頁(yè)效果圖的設(shè)計(jì)階段，應(yīng)按照繪制結(jié)構(gòu)草圖，在Fireworks中繪制輔助線、繪制結(jié)構(gòu)底圖、添加內(nèi)容、對(duì)效果圖進(jìn)行切片、對(duì)切片進(jìn)行優(yōu)化、輸出切片刀Dreamweaver的順序來(lái)依次進(jìn)行。下面將會(huì)介紹網(wǎng)頁(yè)效果圖設(shè)計(jì)中各個(gè)流程的作用?！　≡趫D像軟件中設(shè)計(jì)網(wǎng)頁(yè)效果圖，總體可以分為7個(gè)步驟：（1）、創(chuàng)建畫(huà)布，添加輔助線來(lái)布局；（2）、繪制結(jié)構(gòu)底圖；（3）、添加內(nèi)容，包括圖像和文字；（4）、切片；（5）、優(yōu)化；（6）、導(dǎo)出；（7）、布局?！　　　?、創(chuàng)建輔助線　　在具體設(shè)計(jì)前，應(yīng)當(dāng)考慮到網(wǎng)頁(yè)的布局形式，可以根據(jù)策劃階段確定下來(lái)的網(wǎng)頁(yè)布局草圖，在Fireworks的畫(huà)布中添加輔助線，這樣做的目的是為了明確頁(yè)面布局形式和面積?！　⌒枰⒁獾氖牵瑢?duì)于布局結(jié)構(gòu)比較復(fù)雜的頁(yè)面，輔助線不是一次就能夠全部創(chuàng)建好的，而是一部分內(nèi)容創(chuàng)建一部分否則輔助線過(guò)多會(huì)使頁(yè)面混亂?！　?、繪制結(jié)構(gòu)底圖　　根據(jù)創(chuàng)建好的輔助線，使用Fireworks的工具或者是矩形選取框工具，把網(wǎng)頁(yè)效果圖中帶有底色的“矩形塊”依次繪制出來(lái)，形成一個(gè)整體的布局效果?！　∵@里的“矩形塊‘只是一個(gè)統(tǒng)稱，可以使任意的形狀。除了得到形狀以外，還可以直接對(duì)這些”矩形塊“配色，或添加紋理、濾鏡，從而在整體上對(duì)頁(yè)面的配色方案進(jìn)行控制?！　　　?、添加內(nèi)容　　結(jié)構(gòu)底圖繪制完畢后，就可以開(kāi)始在網(wǎng)頁(yè)效果圖中添加實(shí)際的內(nèi)容了，包括文字和圖像，從而完成最終的效果圖方案。　　添加圖像的時(shí)候，如何選擇最合適的圖像素材，如何對(duì)圖像素材進(jìn)行處理是非常重要的，可以說(shuō)網(wǎng)頁(yè)中圖像設(shè)計(jì)的好壞，直接影響到整體的頁(yè)面效果。　　　　4、切片　　效果圖制作完畢后，首先需要進(jìn)行切片。把網(wǎng)頁(yè)比喻成一幅圖，而切片工具就像是剪刀，使用切片工具可以把一張大圖像裁剪成很多小圖像。這樣做目的之一是為了加快下載速度。因?yàn)镮E瀏覽器是多線程的，同一時(shí)間可以下載3幅圖像?！　∏衅牧硗庖粋€(gè)目的，也是最主要的目的是為了布局的需要。很多人不知道該如何對(duì)效果圖進(jìn)行切片，這是因?yàn)閷?duì)布局技術(shù)不了解。同一個(gè)網(wǎng)頁(yè)效果圖，按不同的方式布局就會(huì)得到不同的切片，并沒(méi)有說(shuō)哪一個(gè)才是”標(biāo)準(zhǔn)”的，所以要想靈活運(yùn)用切片，必須熟悉流行的布局技術(shù)。

你好~我一般是選擇 http://www.china-designer.com/pics/上的圖片作參考的，還不錯(cuò)的。