设计师需要知道的设计原则 - 格式塔原则
用户界面设计并不全是关于漂亮的像素和闪亮的图形,它主要是关于沟通、性能和便利性。
前言
你是否曾经观察过天空,注意到一团不同寻常的云,像一个熟悉的动物或物体?你有没有想过,为什么或者如何通过观察一团蓬松的气体来建立这种联系?这都是因为大脑运作方式。
你的大脑喜欢用过去的经验和视觉模式来解读和理解周围的世界,并把这些相关的信息串联起来。它有一套独特的方法来感知和解析形状和形式,组织信息,填补空白,并构建完整的画面。
了解你大脑的工作方式将使你成为更出色的设计师,掌握视觉沟通的技巧。这将帮助你明确在各种情境下,哪些视觉元素最有效,从而使你能够利用它们来引导用户的感知、吸引他们的注意力,并最终激发特定的行为反应。这种方法在目标导向设计、问题解决、无意识设计和用户界面设计等方面都特别有效。
一、了解格式塔原理
1.格式塔的起源
1910年,心理学家韦特海墨在经过一个铁道路口时,由于闪烁的灯光让他产生了光在运动的错觉,他下车买了一个西洋镜来测试,并发现了“似动现象”。这奠定了格式塔心理学的基础,后来由三位德国心理学家韦特海默、苛勒和考夫卡创立和发展。格式塔(德文为“Gestalt”,意为“形状”和“图形”)在心理学中可以看作是被分离的整体。格式塔心理学的研究源于视知觉,是现代认知主义学习理论的先驱,为后来的社会心理学的发展打下了坚实的基础。
2.什么是格式塔
"格式塔"主张整体大于部分的总和,即人类的视觉感知倾向于将复杂的视觉信息整合为一个整体。当面对复杂的图像或物体时,我们的神经系统会首先感知形状、图形或物体的整体特性,然后在大脑的调控下,将这些视觉输入自组织成一个有结构的整体,而不仅仅是一些互不相关的边、线或区域。
人们倾向于通过物体的粗略轮廓来识别它们。相较于一个细节丰富的物体,我们的大脑能更快的识别一个简明清晰的物体。
3.为什么选择格式塔
格式塔原理是设计心理学的基础,指导着设计师的工作。它包括对齐、重复、对比和亲密等原则,可以影响用户感知、吸引注意力,并引导用户做出特定行为。通过这些方法,我们可以创造出符合用户需求的设计。
4.常用的原则有哪些
格式塔原理描述了人类视觉系统如何从神经系统感知事物,经过心理学研究者的总结,得出了若干理论。在设计领域中,常用的格式塔原理有以下七种:
· 接近性原则
· 相似性原则
· 连续性原则
· 封闭性原则
· 简单对称性原则
· 主体与背景原则
· 共同命运原则
二、接近性原则
1. 什么是接近性原则
我们的大脑会倾向于将彼此靠近的元素视为一个组,这就是接近原则。
2. 应用于设计
当我们进行图文布局时,对于同组信息,需要充分利用接近原则,让图片和文字之间的成组关系能够一目了然,而不是模棱两可。
三、相似性原则
1. 什么是相似性原则
相似性原理认为,具有共同视觉元素的物体在视觉上更有关联性,我们倾向于将相似的元素分组。这意味着在功能、含义和层次结构相同的情况下,应该在视觉上保持一致,以增强关联性。
2. 应用于设计
以图为例,左侧的三个图标具有显著的相似性,但由于左侧图标信息与右侧文本信息的间距更小,因此在浏览时,我们仍会将图标与右侧的文本信息轻松地视为一个整体。
四、连续性原则
1. 什么是连续性原则
我们的视觉倾向于感知连续的形式而不是离散的碎片,这就是连续性原则。
以图为例,对于左一的图形,我们在视觉认知的时候,大概率不会把他按照中间的三段式进行分解,而是会把它看做一条连续的蛇,只不过下方被其他物品所遮挡。
2. 应用于设计
在互联网产品中,断点字体和图标的设计,都是利用了连续原则,打破常规,让人们忽略特意设计的断点,连接成线而不影响视觉认知。
五、封闭性原则
1. 什么是封闭性原则
封闭性原理认为,人们倾向于将不完整的局部视为整体。这与连续性相似,但封闭性没有特定规律,只需控制不完整物体的尺度并使各元素相互辅助,即可与我们的认知模型匹配。因此,无论缺少一部分还是更多,我们都可以自行脑补并视作完整物体。
2. 应用于设计
在图形用户界面中,利用封闭性原则进行省略或简化处理,可以有效节省空间资源。例如,通过横向滑动组件的右侧只显示少量内容作为提示,用户可以自行推断出隐藏的更多内容。此外,一些卡片设计下方被水平截断,用户通过观察不完整的形状也可以想象出缺失的部分。
六、简单对称性原则
1. 什么是简单对称性原则
人们倾向于简单且对称的物体。当面对复杂事物时,神经系统会简化并移除无关细节,使其成为简单统一的形状。简单物体可以降低认知负荷,更容易识别。规则、对称的物体给人一种坚不可摧的感觉,可以归为一个整体。但有时,对称物体可能显得单调,需要添加修饰元素来吸引注意力。
2. 应用于设计
瀑布流布局是该原则最直观的体现之一,尤其是以图片流为主的产品。这种布局方式大大减轻了用户的阅读压力,提高了浏览效率。
七、主体与背景原则
1. 什么是主体与背景原则
人们在感知事物时,会将视觉区域分为主体和背景两部分。主体是吸引视觉注意力的主要元素,而其他元素则被视为背景。这种区分对于我们识别重要信息和次要信息至关重要。在同一画面中,无论元素数量多少,都只能有一个主体。
2. 应用于设计
瀑布流布局是该原则最直观的体现之一,尤其是以图片流为主的产品。这种布局方式大大减轻了用户的阅读压力,提高了浏览效率。
八、共同命运原则
1. 共同命运原则
共同命运原则指出,人们倾向于将具有共同运动形式的事物视为相互关联的整体。无论元素之间的距离多远或属性(形状、颜色、大小)如何不同,只要它们沿着相同的方向、以相同的速度运动,共同命运就会将它们归类。
2. 应用于设计
结合我们前面提到的接近性>相似性,我们可以再增加一项:共同命运>接近性>相似性。共同命运给我的启示是,在产品设计中,为了让信息形成一个整体,可以适当运用共同命运原则。比如当我们在做loading设计时,
九、结语
从设计案例中可以看出,这7项常用法则不是独立存在的,它们相互关联,在实际工作中需要组合使用,使设计方案更具有依据,用户更易理解、使用产品。
作为UI设计师应理解用户需求,利用格式塔原则指导布局、色彩、形状和互动设计,以创建有效、易于理解和使用的用户界面。同时保持创新和实验精神,不断探索新的设计方法和思路。
本文旨在提醒更多设计师认识到格式塔心理学在设计中的重要性。格式塔虽是基本理论知识,但善于学习和探索可发现更多心理学对设计的帮助。













































































