視覺層次結(jié)構(gòu)是設(shè)計(jì)中圖形元素按每個(gè)元素的重要性排列的排列。視覺權(quán)重定義了元素在設(shè)計(jì)層次結(jié)構(gòu)中的重要性，向觀眾的眼睛傳達(dá)了要關(guān)注的內(nèi)容和順序。

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

　　1.閱讀模式

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

　　F-模式

　　F模式適用于傳統(tǒng)的，文本密集的頁面，如文章或博客文章。讀者向下掃描頁面左側(cè)，在左對(duì)齊標(biāo)題或初始主題句中尋找有趣的關(guān)鍵詞，然后在他或她遇到有趣的東西時(shí)停止并向右閱讀，結(jié)果看起來像F。

　　Z-模式

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

　　2.大小問題

　　人們習(xí)慣于先閱讀更大的東西。設(shè)計(jì)師認(rèn)為文章標(biāo)題對(duì)于讀者來說更有趣，因此首先要設(shè)計(jì)好文章的標(biāo)題，引人入勝，接下來閱讀更多的內(nèi)容。

　　3.空間和紋理

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

　　4.字體

　　字體選擇對(duì)于建立視覺層次是至關(guān)重要的。根據(jù)網(wǎng)站整體的設(shè)計(jì)原則選擇合適的字體，讓讀者感覺舒適。

　　5.顏色和色調(diào)

　　明亮的色彩從柔和的色彩或灰度中脫穎而出，而較淺的色調(diào)看起來更“遙遠(yuǎn)”，因此在層次結(jié)構(gòu)上比較濃，較暗的色彩低。

　　6.頁面布局

　　頁面布局通常根據(jù)垂直和水平線網(wǎng)格設(shè)計(jì)，按照慣例，因?yàn)檫@是最易讀的格式。在這樣的系統(tǒng)中，出現(xiàn)了建立層次結(jié)構(gòu)的新方法：打破網(wǎng)格。排列在曲線或?qū)蔷€上的文本將自動(dòng)脫離周圍的網(wǎng)格鎖定文本，成為焦點(diǎn)。

責(zé)任編輯：中山網(wǎng)站建設(shè)
 【網(wǎng)訊網(wǎng)絡(luò)】國家高新技術(shù)企業(yè)》十年專注軟件開發(fā)，網(wǎng)站建設(shè)，網(wǎng)頁設(shè)計(jì)，APP開發(fā)，小程序，微信公眾號(hào)開發(fā)，定制各類企業(yè)管理軟件（OA、CRM、ERP、訂單管理系統(tǒng)、進(jìn)銷存管理軟件等)！服務(wù)熱線：0760-88610046、13924923903，http://www.wansion.net