易懂好用的UI界面，都建立在良好的视觉层次之上

微交互 · 公众号 · 设计 · 2017-12-11 23:02

正文

设计师通过排版系统将文本内容以最适宜用户感知的方式组织起来。通过合理的选择字体的样式和排版布局，设计师让最重要、最迫切需要被用户关注到的内容突出显示。字体的大小、色彩和字体家族都在样式调整的范围内。

排版层次中，包含着不同的排版元素，包括标题、副标题、正文内容、CTA元素、说明以及其他内容。为了建立层次感，这些内容和元素会被分割成为不同层级。通常，为了保证层次分明又不会让信息的呈现过于复杂，会将层次划分为3个层级。

第一层级。诸如头条标题，这些元素旨在为用户提供核心的信息，并且引起访客能够立刻注意到它们。

第二层级。诸如普通标题和副标题，它们应该能够让用户快速扫视阅读，尽快了解到其中的主要内容。

第三层级。正文和一些额外的信息（比如引用）构成了第三个层级。在这个部分设计师通常需要使用较小的字体，并且确保内容的可读性。

由于正文内容通常是UI中内容信息的主要载体，而大量的信息和内容需要逐步的呈现，所以设计师和编辑会将内容切割为不同的段落，让用户可以轻松的一段一段地、按照顺序来感知并吸收信息。