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

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

　　1.閱讀模式

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

　　F-模式

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

　　Z-模式

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

　　2.大小問題

　　人們習慣于先閱讀更大的(de)東西。設計師認為(wèi)文章(zhāng)标題對于讀者來說更有趣，因此首先要設計好文章(zhāng)的(de)标題，引人入勝，接下來閱讀更多的(de)內(nèi)容。

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

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

　　4.字體

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

　　5.顔色和(hé)色調

　　明亮(liàng)的(de)色彩從柔和(hé)的(de)色彩或灰度中脫穎而出，而較淺的(de)色調看起來更“遙遠”，因此在層次結構上比較濃，較暗的(de)色彩低(dī)。

　　6.頁面布局

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

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