資訊 · NEWS

關于網頁布局的(de)幹貨

2021-09-24 設計(jì)前沿 100 分(fēn)享

很多人(rén)也(yě)知道網頁設計(jì)的(de)布局,但(dàn)是對它不是很熟悉。設計(jì)網站時要選擇什(shén)麽樣的(de)網頁設計(jì)布局,網頁設計(jì)中會(huì)涉及到(dào)多少(shǎo)種類型的(de)網頁設計(jì)布局,即使是好的(de)設計(jì)師(shī)也(yě)不是很清楚這一點,因爲很多設計(jì)師(shī)往往隻使用(yòng)兩種設計(jì)布局,但(dàn)其實有(yǒu)很多。今天,我們将一起總結并分(fēn)享它們。

 1、“國”字型。

      也(yě)可(kě)以稱之爲“同”字型,是一些大(dà)型網站最喜歡的(de)類型,即頂部是網站的(de)标題和(hé)橫幅廣告欄,後面是網站的(de)主要内容,分(fēn)爲左右兩個(gè)小(xiǎo)項,中間是主體部分(fēn),與左右一起列出,底部是網站的(de)一些基本信息、聯系方式和(hé)版權聲明(míng)。這種結構幾乎是我們在網上(shàng)看到(dào)最多的(de)一種。 

2、拐角型。

     事實上(shàng),這種結構隻是形式上(shàng)與前一種不同,但(dàn)實際上(shàng)非常相(xiàng)似。上(shàng)面是标題和(hé)廣告橫幅,下一個(gè)左欄是窄欄的(de)鏈接,右欄是很寬的(de)文(wén)字。以下也(yě)是一些網站的(de)輔助信息。在這些類型中,非常常見的(de)一種是頂部是标題和(hé)廣告,左側是導航鏈接。 

3、标題文(wén)本類型。

     這種類型是頂部的(de)标題或類似的(de)東西(xī),以及下面的(de)文(wén)本,例如(rú)一些文(wén)章(zhāng)頁面或注冊頁面。 

4、封面類型。 

    這種類型基本上(shàng)是一些網站的(de)首頁,大(dà)部分(fēn)是一些精美(měi)的(de)圖形設計(jì)結合一些小(xiǎo)動畫,有(yǒu)幾個(gè)簡單的(de)鏈接或者隻是一個(gè)“回車(chē)”鏈接,甚至是直接在首頁圖片上(shàng)的(de)鏈接,沒有(yǒu)任何提示。這些類型大(dà)多是公司網站和(hé)個(gè)人(rén)主頁。如(rú)果處理(lǐ)得好,它們會(huì)給人(rén)帶來愉悅的(de)感覺。

5、“T”型結構布局。 

    所謂“T”型結構布局,是指網頁的(de)頂部和(hé)左側相(xiàng)結合,頂部有(yǒu)橫向的(de)網站标志和(hé)廣告欄,左下方有(yǒu)主菜單,右側顯示内容,是網頁設計(jì)中應用(yòng)最廣泛的(de)布局方式。在實際設計(jì)中,也(yě)可(kě)以改變“T”結構的(de)布局形式,比如(rú)左右兩列布局,一半是文(wén)字,另一半是圖片和(hé)導航。或者将文(wén)字排列成兩列,用(yòng)背景色區分(fēn),分(fēn)别放(fàng)置圖片和(hé)文(wén)字。 

這種布局有(yǒu)其固有(yǒu)的(de)優勢,因爲人(rén)們的(de)注意力主要集中在右下角,所以企業(yè)想發布給用(yòng)戶的(de)大(dà)部分(fēn)信件(jiàn)都(dōu)可(kě)以被可(kě)能(néng)性的(de)用(yòng)戶獲得,非常方便。其次,頁面結構清晰,主次分(fēn)明(míng),使用(yòng)方便。缺點是規則不靈活。如(rú)果不注意細節和(hé)顔色,很容易讓人(rén)“看起來沒品味”。

 

文(wén)章(zhāng)及圖片來源網絡

版權歸原作者所有(yǒu)

如(rú)涉及版權問題請及時聯系我們處理(lǐ),謝謝!


   


QQ2285001706 0592-5865936
x
Title