不同類(lèi)型的網(wǎng)站在網(wǎng)頁(yè)設(shè)計(jì)上的布局是不同的,,但無(wú)論使用哪一種布局,,都要圍繞用戶的瀏覽習(xí)慣來(lái)布局。下面就來(lái)看看這篇設(shè)計(jì)網(wǎng)頁(yè)布局常用方法,,相信你們會(huì)喜歡的,。
[圖片0]
布局一、大框套小框,。這種布局是很多網(wǎng)站經(jīng)常使用的一種布局,,在一個(gè)大的欄目里再布局幾個(gè)小的相關(guān)欄目,這種布局方式大小有限,,讓用戶專(zhuān)注于某一方面的內(nèi)容,,主體突出。
布局二,、環(huán)繞式布局。環(huán)繞式布局更加靈活方便,,橫幅面積相對(duì)較小,,但可以在頁(yè)面中放置更多的信息和內(nèi)容,這種布局適合內(nèi)容較多或以內(nèi)容為基礎(chǔ)的網(wǎng)站穿插布局,。這種布局在企業(yè)網(wǎng)站中并不常用,,也不適合企業(yè)網(wǎng)站。這類(lèi)網(wǎng)站都是大面積的橫幅,,而且它的靈活性相對(duì)較差,。
布局三、通欄布局,。這種布局相對(duì)于大框套小框而言,,用戶瀏覽網(wǎng)頁(yè)不受框的限制,這種方式顯得更大氣,視野顯得更開(kāi)闊,。這種方法的另一個(gè)優(yōu)點(diǎn)是,,主要的視覺(jué)區(qū)域可以隨意和靈活地移動(dòng),可以向上移動(dòng)到網(wǎng)站logo和導(dǎo)航的位置,,也可以向下移動(dòng)到擴(kuò)展的內(nèi)容區(qū)域,。這種布局在網(wǎng)站中也很常見(jiàn)。
布局四,、左中右布局,。這種布局是不常見(jiàn)的,但它是一種新的布局方式,,這種布局更有條理和邏輯性較強(qiáng),。在主視圖下面導(dǎo)航布局,這種布局在一些信息門(mén)戶中很常見(jiàn),,導(dǎo)航欄直接放在橫幅下面,,這可以彌補(bǔ)banner中設(shè)計(jì)素材被截?cái)嗟娜毕荨?/p>
另外這種布局方式,用戶打開(kāi)網(wǎng)頁(yè)時(shí)就可以看到網(wǎng)站的導(dǎo)航,,這樣對(duì)新客戶來(lái)說(shuō)是極其友好的,,新客戶不用刻意去找網(wǎng)站的導(dǎo)航,而且訪客可以一眼就看清楚網(wǎng)站導(dǎo)航的主要內(nèi)容,。
不同類(lèi)型的網(wǎng)站在網(wǎng)頁(yè)設(shè)計(jì)上的布局是不同的,,但無(wú)論使用哪一種布局,都要圍繞用戶的瀏覽習(xí)慣來(lái)布局,,布局的方式要主次分明,,重點(diǎn)突出,比如,,用戶一般喜歡從左到右的瀏覽網(wǎng)頁(yè)的方式,。假如網(wǎng)站的布局是由上而下,一定程度上違背了大多數(shù)用戶的瀏覽習(xí)慣,。