桂平網(wǎng)站建設(shè)想知道一個網(wǎng)站首頁效果圖制作的基本流程是怎樣的?下面就來一起看看吧!

　　網(wǎng)頁效果圖的設(shè)計階段，要按照繪制結(jié)構(gòu)草圖、在Fireworks中繪制輔助線、繪制結(jié)構(gòu)底圖、添加內(nèi)容、效果圖切片、切片優(yōu)化、切片刀Dreamweaver輸出的順序進行。以下將介紹網(wǎng)頁效果圖設(shè)計中各個流程的作用。

　　在圖像軟件中設(shè)計網(wǎng)頁渲染可以分為七個步驟:(1)創(chuàng)建畫布，添加輔助線進行布局;(2)繪制結(jié)構(gòu)底圖;(3)添加內(nèi)容，包括圖片和文字;(4)切片;(5)優(yōu)化;(6)出口;(7)布局。

　　1.創(chuàng)建輔助線。

　　在具體設(shè)計之前，要考慮網(wǎng)頁的布局形式，關(guān)于網(wǎng)站建設(shè)設(shè)計，可以根據(jù)規(guī)劃階段確定的網(wǎng)頁布局草圖，在Fireworks的畫布上添加輔助線，以明確網(wǎng)頁的布局形式和面積。需要注意的是，對于布局結(jié)構(gòu)復(fù)雜的頁面，輔助線不能一下子全部創(chuàng)建，可以創(chuàng)建部分內(nèi)容，否則輔助線太多會使頁面混亂。

　　2.繪制結(jié)構(gòu)基礎(chǔ)圖。

　　根據(jù)創(chuàng)建的輔助線，使用Fireworks工具或矩形選取框工具，在網(wǎng)頁渲染中依次繪制帶有背景顏色的“矩形塊”，形成整體布局效果。這里的“矩形塊”只是一個統(tǒng)稱，可以是任何形狀。除了獲取形狀，還可以直接給這些“矩形塊”上色，或者添加紋理和濾鏡，從而從整體上控制頁面的配色方案。

　　3.添加內(nèi)容。

　　繪制完結(jié)構(gòu)底圖后，您可以開始添加實際內(nèi)容，包括文本和圖像，以完成終的渲染方案。在添加圖像時，如何選擇合適的圖像素材以及如何對圖像素材進行處理是非常重要的?？梢哉f，網(wǎng)頁中圖像設(shè)計的好壞直接影響到整個頁面的效果。

　　4.切片。

　　渲染完成后，需要先切片。把網(wǎng)頁比作一張圖片，切片工具就像剪刀。使用切片工具，您可以將一個大圖像切割成許多小圖像。這樣做的目的之一是加快下載速度。因為IE瀏覽器是多線程的，可以同時下載三張圖片。

　　切片的另一個目的，也是主要目的，是為了布局的需要。很多人不知道如何切片效果圖，因為他們不知道布局技術(shù)。相同的網(wǎng)頁渲染以不同的方式布局，會得到不同的切片。并沒有說哪一個是“標準”的，所以要想靈活運用切片，必須熟悉流行的排版技術(shù)。