UI元素的视觉呈现方式对于用户体验有着极大的影响。经过仔细地组织和整理之后的UI界面,能够被用户更好地了解和使用。这就需要我们在设计时让视觉内容层次化。
文本内容是绝大多数UI设计中需要处理的主要组成部分。我们要通过排版将文本内容以最适合用户的方式组织起来。通过合理的选择字体的样式和排版布局,让最重要的内容突出显示。字体的大小、色彩和字体家族都在样式调整的范围内。排版时有许多不同的排版元素,包括标题、副标题、正文内容、说明以及其他内容。为了建立层次感,这些内容和元素会被分割成为不同层级。通常,为了保证层次分明又不会让信息的呈现过于复杂,会将层次划分为3个层级。
第一层级:头条标题,这些元素旨在为用户提供核心的信息。第二层级:普通标题和副标题,让用户快速阅读,尽快了解主要内容。第三层级:正文和一些额外的信息,在这个部分通常需要使用较小的字体,并且确保内容的可读性。
确定基本内容之后,可以通过以下属性来创建层次。创建层次依靠的核心就是制造对比。一个元素和另外一个元素构成对比,让用户看到不同内容和元素之间的差异。但是在对比的时候还要确保整体上的均衡,尽量不要因为对比而让某些元素被用户忽略掉。
尺寸大小。区分层次最有效的手段是通过尺寸大小差异化。用户会自然而然地关注到尺寸较大的文本和尺寸较大的图。其次,色彩对于用户的感知有着巨大的影响,不同的色彩本身就可以轻松构成层次结构的。所以在进行视觉层次构建的时候,色彩的合理运用会产生更为明显的效果。