UI设计培训：格式塔原则的介绍及应用

    格式塔是20世纪20年代由德国心理学家提出的一组视觉感知原理。它建立在“一个有组织的整体，被认为大于其各部分的总和”的理论基础之上。下面是格式塔原则，对UI设计有很大影响：

    当各个视觉单元一个挨着一个，彼此靠得很近的时候，可以用“贴近”这个术语来描绘这种状态，通常也把这种状态看作归类。以贴近而进行视觉归类的各种方法都是直截了当的，并且易于施行。设计师可以根据需要使用贴近手法创造出完美的格式塔。这是因为由贴近而产生近缘关系，运用近缘关系无论对少量的相同视觉单元还是大量不同的视觉单元进行归类都同样容易。

贴近原则如何应用于UI设计？

    我们可以在UI设计中使用贴近原则来组合类似的信息、组织内容、调整布局。正确使用将对视觉传达和用户体验产生积极影响。

    正如贴近原则所述，关联元素应该保持亲密，非关联元素应该分开。留白在这里发挥着至关重要的作用，因为留白引导了用户视觉朝预期方向发展。留白可以增强视觉层次和信息流引导，有助于信息阅读和扫描布局，它可以帮助用户更快地实现目标并深入到内容本身。我们几乎可以在任何地方应用贴近原则，从导航、卡片、正文和分页等等。

    与贴近原则类似，放置在同一区域内的元素被视为一个分组。

共同区域原则如何应用于UI设计？

    共同区域原则非常有用，它可以帮助我们进行信息分组和组织内容，同时它也可以实现内容分离或做为一个焦点。这个原则增强了层次结构，可阅读性，并有助于信息传达。

    共同区域原则可以把许多不同的因素结合在一起，使它们在更大的组内保持统一。我们可以通过使用线条、颜色、形状和阴影来达到这个目的，它经常被用于元素前置，表示某个元素的重要性。

    具有相似视觉特征的元素比那些不具有相似特征的元素更像一个整体。

相似原则如何应用于UI设计？

    我们倾向于将相似的元素视为一个分组，相似原则可以帮助我们组织和分类组中的对象，并将它们与特定的含义或功能相关联。

    有很多方法使的元素被认为是相似的，例如颜色、大小、形状、质地、尺寸和方向等等。其中一些比其他的具有更强的相似性(如：颜色>大小>形状)。当相似发生时，对象可以通过与其他物体不同而得到强调，这称为“异常”，可用于创建对比或视觉权重。它可以提醒用户注意特定的内容，同时对可扫描性、发现性和总体流程都有很大的帮助。

    我们可以在导航、链接、按钮、标题、号召性用语等方面运用相似原则。

四、闭合原则

    有一种常见的视觉归类方法基于人类的一种完型心理：把局部形象当作一个整体的形象来感知。这种知觉上的特殊现象，称之为闭合。

闭合原则如何应用于UI设计？

    正如闭合原则所述，当提供适量的信息时，我们的大脑将通过填补空白并创建一个统一的整体来得出结论。通过这种方式，我们可以减少传递信息所需的元素数量，降低复杂性并使设计更具吸引力。闭合可以帮助我们最小化视觉噪音并传达信息，在相当小的空间内强化概念。

    我们可以在图标以及图形设计中使用闭合原则，可以简单快速且清晰的传达想表达的意义。

五、对称原则

    无论距离远近，对称元素都会被认为属于一体，给我们一种坚固和有序的感觉。 

对称原则如何应用于UI设计？

    对称元素简单，和谐，视觉上令人愉悦。我们的眼睛寻求这些属性以及秩序和稳定，以了解世界。因此对称对快速有效地传递信息非常有用。对称感觉很舒服，帮助我们专注于重要的事情。

    对称的成分令人满意，但它们也会变得有点沉闷和静止。视觉对称往往更有活力，更有趣。在对称设计中添加不对称元素有助于在留下印象时引起注意。在任何设计中，对称以及合理的不对称都很重要。

    最好将对称原则用于产品展示，列表，导航，banner和任何内容丰富的页面。

六、连续性原则

    排列成直线或柔和曲线的元素被认为与随机排列或粗糙线排列的元素相关。

连续性原则如何应用于UI设计？

    连续线后面的元素被视为分组。线段越平滑，我们就越看到它们的统一形状，我们的思想更喜欢阻力最小的道路。

连续性帮助我们通过构图来解释方向和运动。它在对齐元素时发生，它可以帮助我们的眼睛顺利地穿过页面，有助于提高易读性。连续性原则加强了对分组信息的感知，创建了秩序并引导用户通过不同的内容细分。连续性的中断可以表示一个部分的结尾，引起人们对新内容的关注。

    本文由培训无忧网长沙牛耳教育课程顾问老师整理发布，希望能够对想参加长沙UI设计培训的学生有所帮助。更多课程信息可关注培训无忧网UI设计培训或添加老师微信：15033336050

      注：尊重原创文章,转载请注明出处和链接 https://www.pxwy.cn/news-id-7592.html 违者必究！部分文章来源于网络由培训无忧网编辑部人员整理发布,内容真实性请自行核实或联系我们，了解更多相关资讯请关注UI设计频道查看更多，了解相关专业课程信息您可在线咨询也可免费申请试课。关注官方微信了解更多：150 3333 6050