今天給大家介紹的內(nèi)容是關(guān)于UI網(wǎng)頁(yè)布局類(lèi)型，現(xiàn)在網(wǎng)頁(yè)布局是網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中非常重要的一環(huán)，很多客戶(hù)可能都會(huì)糾結(jié)甚至?xí)孀憔W(wǎng)頁(yè)設(shè)計(jì)和布局的工作當(dāng)中，可以說(shuō)一個(gè)好的布局不僅能夠給企業(yè)帶來(lái)長(zhǎng)期發(fā)展的前景，不知道大家都了解哪幾種形式，小編給大家總結(jié)了以下幾種布局類(lèi)型，在你UI設(shè)計(jì)工作中可以根據(jù)具體需求來(lái)做分析。
1.國(guó)字型布局，一些大型網(wǎng)站更傾向于這種布局類(lèi)型，即上面是網(wǎng)站的標(biāo)題和橫幅廣告條，接下來(lái)是網(wǎng)站的主要內(nèi)容，中間是主要部分，左右分出兩小條內(nèi)容，這種結(jié)構(gòu)是我們?cè)诰W(wǎng)上見(jiàn)過(guò)的差不多多的一種結(jié)構(gòu)類(lèi)型。
2.匡字型布局，這種結(jié)構(gòu)與國(guó)字型布局只是形式上的區(qū)別，這樣的布局形式釋放了更多空間，接下來(lái)的左側(cè)也是一窄列的鏈接，右側(cè)是很寬的正文，如下圖顯示：
3.左右框架型，這種結(jié)構(gòu)與上一種只是形式上的區(qū)別，但其實(shí)很相近，上面是標(biāo)題和廣告橫幅，接下來(lái)的左側(cè)是一窄列鏈接，右側(cè)就是非常正規(guī)的正文，下面是網(wǎng)站的輔助信息，這種類(lèi)型是一種很常見(jiàn)的結(jié)構(gòu)類(lèi)型。我們見(jiàn)到的大部分的大型論壇都采用這種結(jié)構(gòu)，當(dāng)然也有一些企業(yè)網(wǎng)站也喜歡采用。
4.上下框架型，其實(shí)質(zhì)與左右框架類(lèi)似，區(qū)別只是這種類(lèi)型是一種上下分為兩頁(yè)的框架。這種類(lèi)型的布局形式大多在一些文章頁(yè)面或者是注冊(cè)頁(yè)面會(huì)出現(xiàn)。
5.川字型布局，整個(gè)頁(yè)面在垂直方向上分為三列，網(wǎng)站的內(nèi)容按照欄目肺部在這三列當(dāng)中，大限度的突出主業(yè)的索引功能。
6.F型布局，這種布局方式屬于傳統(tǒng)的布局方式，更依賴(lài)于視覺(jué)線(xiàn)索，更好地控制用戶(hù)的視覺(jué)路徑，相比較來(lái)講，F(xiàn)布局也更加自然，更加友好。F式布局符合用戶(hù)的瀏覽習(xí)慣，更自然。符合“從上到下，從左到右”的閱讀模式。
后還有兩種網(wǎng)頁(yè)布局類(lèi)型，一種是Flash型局部形式，另一種是封面型布局形式，下邊兩組，小編就不添加圖片了，這兩種形式的布局，大家應(yīng)該很好理解。
Flash型局部，這種網(wǎng)站的布局類(lèi)型是采用了目前很炫的Flash，由于Flash強(qiáng)大的功能，頁(yè)面表達(dá)的信息更加豐富，這種視覺(jué)效果以及聽(tīng)覺(jué)效果如果能夠處理得當(dāng)，絕不會(huì)比傳統(tǒng)的多媒體差。
封面型布局，這種網(wǎng)站一般是出現(xiàn)在一些網(wǎng)站的首頁(yè)，大部分是精美的平面設(shè)計(jì)組合成的，加幾個(gè)比較簡(jiǎn)單的鏈接甚至沒(méi)有任何提示，這種類(lèi)型的UI布局類(lèi)型大部分都出現(xiàn)在企業(yè)網(wǎng)站或者是個(gè)人主頁(yè)，如果能夠處理得當(dāng)，會(huì)給人帶來(lái)賞心悅目的感覺(jué)。
熱點(diǎn)新聞
課程問(wèn)答
