相关文章

苏州UI设计培训之UI界面视觉层次

来源网址:http://www.szlrhb.cn/

构建视觉层次是设计师在设计过程中最核心的设计技术之一。最初心理学家基于格式塔原理来检测用户对于元素之间关系的视觉感知,发现人们倾向于将视觉关系靠近的元素群视作为有关系的一组。

通过将内容按照一定的视觉层次进行构建,从而让用户在看到APP和网站内容的时候,能够轻松理解各个元素之间的关系,明白他们的重要程度差异。通过控制不同视觉元素本身的视觉差异(大小、色彩、对比度、风格等),让它们可以区分彼此。

UI元素的视觉呈现方式对于用户体验有着极大的影响。如果UI中的元素组织性很差,看起来会是一团糟,最终用户也无法有效地获得导航指引,也难以正确地交互了。此外,非结构化的内容,可读性也较低,用户无法一目了然地获取信息,需要花费大量的气力区分内容,从中找到自己想要的信息,这样很容易招致用户不满,甚至导致产品失败。

苏州UI设计培训之UI界面视觉层次

文本内容是绝大多数UI设计中需要处理的主要组成部分。这也是为什么视觉层次的构建很大程度上依赖排版。所以,视觉设计专家会将排版层次从视觉层次中单独提取出来作为一个独立分支来进行探讨。

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

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

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

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

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

苏州UI设计培训之UI界面视觉层次

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