視覺層次結構是設計中圖形元素按每個(gè)元素的(de)重要性排列的(de)排列。視覺權重定義了(le)元素在設計層次結構中的(de)重要性，向觀衆的(de)眼睛傳達了(le)要關注的(de)内容和(hé)順序。

　　面對(duì)密集的(de)文本和(hé)短暫的(de)注意力，專業的(de)網站設計公司，中山網訊科技的(de)設計師們總結了(le)6條原則來(lái)引導讀者注意最重要的(de)信息。

　　1.閱讀模式

　　所有文化(huà)都從上到下(xià)閱讀，大(dà)多(duō)數文化(huà)從左到右閱讀。這(zhè)些知識對(duì)頁面設計很重要。最近的(de)研究表明(míng)，在進行閱讀之前，人(rén)們首先掃描一頁以了(le)解他(tā)們是否感興趣。掃描圖案傾向于采用(yòng)“F”和(hé)“Z”兩種形狀中的(de)一種，您可(kě)以在設計中利用(yòng)這(zhè)一點。

　　F-模式

　　F模式适用(yòng)于傳統的(de)，文本密集的(de)頁面，如文章(zhāng)或博客文章(zhāng)。讀者向下(xià)掃描頁面左側，在左對(duì)齊标題或初始主題句中尋找有趣的(de)關鍵詞，然後在他(tā)或她遇到有趣的(de)東西時(shí)停止并向右閱讀，結果看起來(lái)像F。

　　Z-模式

　　Z模式适用(yòng)于其他(tā)類型的(de)頁面，例如廣告或網站，其中信息不一定以塊段落形式呈現。讀者的(de)眼睛首先掃描頁面的(de)頂部，可(kě)能會找到重要的(de)信息，然後向下(xià)射到對(duì)角的(de)對(duì)角線，并在頁面的(de)下(xià)半部分(fēn)做(zuò)同樣的(de)事情。

　　2.大(dà)小問題

　　人(rén)們習(xí)慣于先閱讀更大(dà)的(de)東西。設計師認爲文章(zhāng)标題對(duì)于讀者來(lái)說更有趣，因此首先要設計好文章(zhāng)的(de)标題，引人(rén)入勝，接下(xià)來(lái)閱讀更多(duō)的(de)内容。

　　3.空間和(hé)紋理(lǐ)

　　吸引注意力的(de)另一種方式是給予内容充足的(de)呼吸空間。如果按鈕周圍留有大(dà)量負空間，或者文本塊中的(de)線被廣泛跟蹤，則讀者可(kě)以更容易地看到這(zhè)些元素。當人(rén)們談論視覺層次的(de)“紋理(lǐ)”時(shí)，他(tā)們并不是指圖形紋理(lǐ)效果。相反，這(zhè)種“紋理(lǐ)”指的(de)是頁面上的(de)空間，文本和(hé)其他(tā)細節的(de)整體布置或圖案。

　　4.字體

　　字體選擇對(duì)于建立視覺層次是至關重要的(de)。根據網站整體的(de)設計原則選擇合适的(de)字體，讓讀者感覺舒适。

　　5.顔色和(hé)色調

　　明(míng)亮的(de)色彩從柔和(hé)的(de)色彩或灰度中脫穎而出，而較淺的(de)色調看起來(lái)更“遙遠(yuǎn)”，因此在層次結構上比較濃，較暗的(de)色彩低。

　　6.頁面布局

　　頁面布局通(tōng)常根據垂直和(hé)水(shuǐ)平線網格設計，按照(zhào)慣例，因爲這(zhè)是最易讀的(de)格式。在這(zhè)樣的(de)系統中，出現了(le)建立層次結構的(de)新方法：打破網格。排列在曲線或對(duì)角線上的(de)文本将自動脫離周圍的(de)網格鎖定文本，成爲焦點。

責任編輯：中山網站建設
 【網訊網絡】國家高(gāo)新技術企業》十年專注軟件開發，網站建設，網頁設計，APP開發，小程序，微信公衆号開發，定制各類企業管理(lǐ)軟件（OA、CRM、ERP、訂單管理(lǐ)系統、進銷存管理(lǐ)軟件等)！服務熱(rè)線：0760-88610046、13924923903，http://www.wansion.net