一般情況下，網(wǎng)站設(shè)計(jì)公司會(huì)使用兩種布局方式和方法，即使用在白紙上進(jìn)行布局規(guī)劃以及在計(jì)算機(jī)上使用軟件進(jìn)行布局規(guī)劃。其實(shí)大多數(shù)網(wǎng)頁(yè)設(shè)計(jì)師還是比較喜歡實(shí)用這種比較原始的使用白紙打草圖的方法，而不是直接使用網(wǎng)頁(yè)的設(shè)計(jì)軟件一邊加入內(nèi)容一邊設(shè)計(jì)布局。下面簡(jiǎn)單介紹一下網(wǎng)站設(shè)計(jì)公司常用的這兩種網(wǎng)頁(yè)布局方式。

1、 紙上布局

①首先在白紙上首先勾勒出瀏覽器的輪廓，所畫出來的輪廓就是我們大致所要布局的最大范圍。我們可以選擇一些圖形來作為網(wǎng)站的主體造型，例如使用半圓形。這個(gè)時(shí)候可以隨意畫一些圖形和線條，例如一些孤影或者其他搭配的形狀。

②網(wǎng)站設(shè)計(jì)公司把豎著的半圓放在草圖的左側(cè)，作為網(wǎng)站的導(dǎo)航系統(tǒng)，右側(cè)與左側(cè)呼應(yīng)，也設(shè)計(jì)一個(gè)半圓圖形，中間則設(shè)計(jì)為網(wǎng)頁(yè)的內(nèi)容主體。

③可以在白紙上編輯出信息主體，欄目?jī)?nèi)容以及導(dǎo)航內(nèi)容等鏈接。

④把網(wǎng)站要設(shè)計(jì)圖片的地方畫出輪廓，這樣整個(gè)網(wǎng)頁(yè)的紙上布局基本就成型了，可以作為下一步把布局編輯在電腦上的準(zhǔn)備。

2、 軟件布局法

當(dāng)然網(wǎng)站設(shè)計(jì)公司也會(huì)使用軟件布局來進(jìn)行網(wǎng)站最開始的設(shè)計(jì)，一般都會(huì)利用Photoshop來對(duì)網(wǎng)站的圖片和圖形進(jìn)行編輯和優(yōu)化。其較紙上布局的優(yōu)勢(shì)是能夠隨意調(diào)整顏色布局，而且能夠使用相關(guān)技術(shù)實(shí)現(xiàn)紙上所不能實(shí)現(xiàn)的一些視覺效果。