思缘教程网欢迎你! 思缘旧版思缘图库思缘论坛软件下载网站登陆加入思缘

详细解析UI设计中的格式塔原则

文章来源于 站酷,感谢作者 游阿油呀呦 给我们带来经精彩的文章!
思缘教程/设计理论/设计理论2019-02-13
你是否曾经观察过天空,注意到一团不同寻常的云,像一个熟悉的动物或物体,今天就一起来解析UI设计中的格式塔原则。

详细解析UI设计中的格式塔原则,PS教程,思缘教程网

你是否曾经观察过天空,注意到一团不同寻常的云,像一个熟悉的动物或物体?你有没有想过,为什么或者如何通过观察一团蓬松的气体来建立这种联系?这都是因为你的大脑运作方式! 你的大脑总是试图通过比较以前的经验或视觉模式来理解这个世界,并把这些点连接起来。它有自己的“怪异”方式来感知形状和形式,分组信息,填补空白,绘制大图。

详细解析UI设计中的格式塔原则,PS教程,思缘教程网

了解你的大脑如何工作将有助于你成为一个更聪明的设计师,掌握视觉沟通的操纵者。它可以帮助你确定在任何特定情况下哪些视觉元素是最有效的,因此你可以利用它们来影响用户的感知、引导他们的注意力,并最终引起行为的改变。这个方法对于以完成目标为导向、解决问题、无意识设计、用户界面的设计上都格外有用。

“伟大的设计师理解心理学在视觉感知中的强大作用。当别人的目光与你的设计创作相遇时,会发生什么?他们对你所分享的信息有什么反应?”

 - Autodesk品牌内容策划师Laura Busche

现在很清楚,视觉设计和心理是相互联系的,并且可以相互影响。格式塔原则可以帮助我们理解和控制这些联系。

什么是格式塔?

格式塔(德式造型)是20世纪20年代由德国心理学家提出的一组视觉知觉原理。它建立在“一个有组织的整体,被认为大于其各部分之和”的理论基础上。

“整体不是各部分之和。”

– 库尔托夫卡

格式塔原则试图描述当某些条件适用时,人们是如何看待视觉元素的。它们是建立在四个关键思想的基础上的:

出现

人们倾向于通过物体的粗略轮廓来识别它们。相较于一个细节丰富的物体,我们的大脑能更快的识别一个简明清晰的物体。

详细解析UI设计中的格式塔原则,PS教程,思缘教程网

物化

人们可以识别物体,即使它们有部分缺失。我们的大脑将我们所看到的东西与记忆中的熟悉模式相匹配,并填补空白。

详细解析UI设计中的格式塔原则,PS教程,思缘教程网

多稳定性

人们常常会用不止一种方式来解释模棱两可的事物。我们的大脑会在寻找确定性的选择之间来回穿梭。因此,一种视角将变得更加主导,而另一种视角将变得更难看到。

详细解析UI设计中的格式塔原则,PS教程,思缘教程网

不变性

人们在识别简单物体时,不会受到它被旋转、缩放、变形的干扰。我们的大脑可以从不同的角度感知物体,尽管它们的外观不同。

详细解析UI设计中的格式塔原则,PS教程,思缘教程网

以下是格式塔原则,它可以为今天的UI设计提供参考。

邻近

排列在彼此之间的邻近元素被认为比那些放置得更远的元素更相关。这样,不同的元素主要被看作是一个组,而不是单个的元素。

详细解析UI设计中的格式塔原则,PS教程,思缘教程网

邻近原则如何适用于UI设计?

我们可以在UI设计中使用邻近原则来分组相似的信息,组织内容和整理布局。它的正确使用将对视觉交流和用户体验产生积极的影响。

如原则所述,相关的项目应该保持紧密的联系,而不相关的项目应该保持更远的距离。白色的空间在这里起着至关重要的作用,因为它创造了对比,引导用户的眼睛朝着预期的方向看。空白可以增强视觉层次结构和信息流,便于阅读和浏览布局。它将帮助用户更快地实现他们的目标,并深入研究内容。

详细解析UI设计中的格式塔原则,PS教程,思缘教程网

我们几乎可以在任何地方应用邻近原则,从导航、卡片、图库和横幅到列表、正文和分页。

共同区域

与邻近原则类似,将放置在同一区域内的元素被视为分组。

详细解析UI设计中的格式塔原则,PS教程,思缘教程网

你可能感兴趣的教程
版权所有思缘教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa