决定UI界面设计中元素层次结构的7大设计要点

用户体验   2022-06-23

UI界面设计中的层次结构是按照用户处理信息的顺序来决定的。就像在任何其他形式的设计中一样,这个概念是必要的。通过正确规划信息的层次结构,大脑可以对元素进行分组和优先排序,给予一个特定的、有逻辑性的顺序层级,有助于用户理解你想要传达的产品内容。在UI界面设计中的一个常见问题是将各类元素分散在屏幕上,如果没有通过正确的层次结构作为引导,很容易导致产品界面的混乱,今天一起来看一下决定UI界面设计中的元素层次及结构的五大要点。

元素的尺寸
元素的尺寸越大,就越会吸引人们的注意力,人们首先看到更大的物体,其中包括文本和图像,使用尺寸层次背后的想法是为开始视觉之旅提供一个焦点。但是2组不同大小的文字之间的大小差异也不要过大,这反而会影响视觉过渡性。

色彩设定
颜色明亮的色彩比柔和的色调更突出。颜色是一种强大的视觉引导点,正确使用可以有效地分离屏幕中的元素以优先或降低它们的优先级。在UI界面设计中,通常最强烈的颜色是用于可交互的地方,比如按钮设计,因为用户需要采取行动或接收来自系统的反馈。

元素的位置
彼此靠近的元素比远处的元素更能吸引注意力。在创建阅读顺序时,使用距离进行分组是一种非常可行的资源。人类的视觉倾向于对元素进行分类,因此,进行这种聚合基本上有利于用户的脑力劳动。

对齐和整洁

对齐任何与其他元素对齐的元素都会引起注意。这是因为对齐在元素之间创造了秩序,这条规则的任何变化都会引起人类视觉的兴趣,因此会非常突出。

重复样式
重复的样式给人的印象是元素是相关的。这种类型的层次结构包括在界面中重用相同或相似的元素。基于视觉模式,重复也提供了一些优势。如果某件事被重复,那是因为它很重要。

负空间
元素周围的空间越大,产生的注意力就越多。负空间的意思就是显示更多空白区域,给予界面更多呼吸感,不仅可以在同一元素周围找到,还可以在同一元素之间和内部找到。不适合单一的颜色,而是采用背景的颜色来给人以空间的错觉。

更多细节
更多的细节和复杂度比平面更受关注,墙壁的平坦表面将比人行道的表面更突出。这是因为复杂性总是比极简主义更能吸引用户的注意力。细节的使用还融入了其他重要的设计元素,如风格和氛围。

总结,当你的UI设计没有清晰的视觉层次结构时,用户会无规则的进入混乱阅读模式,可能视觉视线流是F型或Z型模式,也可能是其他,但是作为设计师,我们需要强化这些模式或打破她们以找到更多的阅读模式,以此去引导用户的视线流,从而提升产品的用户体验度。

维好维可-用户体验体验创新设计

联系我们:

关注我们微信

关注我们,持续输出与分享

+86-21-51115850
©2010-2022 维好维可 | 用户体验创新设计咨询公司-版权所有
沪ICP备19006116号-1

请留下您的联络方式
我们将在两个工作日内安排专人与您联系

合作咨询
+86-21-51115850
© 2010-2022  维好维可 | 用户体验创新设计咨询公司
沪ICP备19006116号-1
维好维可-微信二维码