视觉层次结构是設計中图形元素按每个元素的重要性排列的排列。视觉权重定义了元素在設計层次结构中的重要性,向观众的眼睛传达了要关注的内容和顺序。
面对密集的文本和短暂的注意力,专业的網站設計公司,北京分形科技的設計师们总结了6条原则来引导读者注意最重要的信息。
1.閱讀模式
所有文化都从上到下阅读,大多数文化从左到右阅读。这些知识对页面設計很重要。最近的研究表明,在进行阅读之前,人们首先扫描一页以了解他们是否感兴趣。扫描图案倾向于采用“F”和“Z”两种形状中的一种,您可以在設計中利用这一点。
F-模式
F模式適用于傳統的,文本密集的頁面,如文章或博客文章。讀者向下掃描頁面左側,在左對齊標題或初始主題句中尋找有趣的關鍵詞,然後在他或她遇到有趣的東西時停止並向右閱讀,結果看起來像F。
Z-模式
Z模式适用于其他类型的页面,例如广告或網站,其中信息不一定以块段落形式呈现。读者的眼睛首先扫描页面的顶部,可能会找到重要的信息,然后向下射到对角的对角线,并在页面的下半部分做同样的事情。
2.大小問題
人们习惯于先阅读更大的东西。設計师认为文章标题对于读者来说更有趣,因此首先要設計好文章的标题,引人入胜,接下来阅读更多的内容。
3.空間和紋理
吸引注意力的另一種方式是給予內容充足的呼吸空間。如果按鈕周圍留有大量負空間,或者文本塊中的線被廣泛跟蹤,則讀者可以更容易地看到這些元素。當人們談論視覺層次的“紋理”時,他們並不是指圖形紋理效果。相反,這種“紋理”指的是頁面上的空間,文本和其他細節的整體布置或圖案。
4.字體
字体选择对于建立视觉层次是至关重要的。根据網站整体的設計原则选择合适的字体,让读者感觉舒适。
5.顔色和色調
明亮的色彩從柔和的色彩或灰度中脫穎而出,而較淺的色調看起來更“遙遠”,因此在層次結構上比較濃,較暗的色彩低。
6.頁面布局
页面布局通常根据垂直和水平线网格設計,按照惯例,因为这是最易读的格式。在这样的系统中,出现了建立层次结构的新方法:打破网格。排列在曲线或对角线上的文本将自动脱离周围的网格锁定文本,成为焦点。