层级结构按照重要性顺序排列元素，引导观看者先看什么、再看什么、最后看什么。标题比正文大，行动号召按钮比周围元素更醒目，章节标题比下方的段落更粗。层级结构引导视线浏览整个设计。如果没有层级结构，所有元素都会争夺注意力，最终谁也无法脱颖而出，观看者也不知道从何入手。
层级是通过对比来构建的。大小、颜色、粗细、位置和间距都能确立重要性。较大的元素占据主导地位。鲜艳的颜色吸引眼球。粗体字醒目突出。页面顶部的元素最先被看到。元素周围的留白使其更加突出。设计师将这些工具结合起来，构建清晰的视觉秩序。层级不仅仅是把东西放大，而是要把最重要的东西放大。最重要的元素应该最突出。如果所有东西都被强调，那就等于没有东西被强调。设计师必须决定什么最重要，并据此进行设计。层级也会随着情境而变化。手机屏幕的空间比台式电脑小。海报是从远处观看的。书本是拿在手里阅读的。层级会根据媒介进行调整。但目标始终如一：引导读者按照预期的顺序浏览内容。
层级工具
- 尺寸——较大的元素首先会吸引注意力
- 颜色——鲜艳或对比鲜明的颜色会引人注目
- 粗体字更醒目
- 首先看到的是顶部和中心位置
- 空间——隔离赋予了某个元素重要性
层级结构指的是重要性的顺序。它告诉观众应该看哪里以及按什么顺序看。
Comments (3)
Leave a comment