美文网首页
认知与设计-格式塔原理

认知与设计-格式塔原理

作者: 帅春风 | 来源:发表于2022-08-28 10:10 被阅读0次

故事使人记忆。

在广州塔旁边的珠江边。有一只猫靠近一对双胞胎,看到双胞胎在吃面条,他们刚刚从监狱出来。吃完面条了之后,他们就比心,比完心了之后,一起去游泳,游泳的时候,看到一个岸边的美女在唱歌。

这是胡编乱造的记忆,有点胡乱扯了,但是依然能把格式塔原理里面的七个原理串联起来:

1. 猫咪靠近:接近性

2. 双胞胎:相识性

3. 面条:连续性

4. 监狱:封闭性

5. 比心:对称性

6. 一起游泳:共同命运

7. 岸边美女唱歌:主体/背景

格式塔原理

格式塔的7个原理

1. 接近性

接近性的秘诀就是,越接近的,越像一组。

实际使用:界面上可以通过间距替代分割线,区分不同的模块,区分不同类的内容。

2. 相似性

相似性的秘诀是:越相似,越像一组。

实际使用:有些表单行距很高,但是用户依然能知道属于一个表单的内容,这是因为,表单元素大多相似,而且左边文字,右边表单项,也能很好地体现在空间上的相似性。

3. 连续性

连续性的秘诀是:大脑自动解析非连续性的物品,使之看起来是连续的整体(视觉想象力)

实际使用:滑动条的滑动,就很好地使用了连续性原理

4. 封闭性

封闭性的秘诀是:大脑自动解析空白的区域,形成一个物体(视觉想象力)

实际使用:多文档选择时,设计的叠起来的文档就使用了封闭性原理

5. 对称性

对称性的秘诀是:大脑对视觉区域会以简单化的方式进行解析,同时赋予解析结果对称性。而且对称性让人感受到稳固和有秩序。

实际使用:大部分页面都会呈现左右怼成习惯呢

6. 共同命运

共同命运的秘诀是:空间和形状不具接近或相似的物品,当他们都具有同样的运动属性的时候,则会让人感知到彼此相关。

实际使用:一些动态模拟中展示不同的实体关系,如推论具有共同发展历史的国家的分析。

7. 主体/背景

主体/背景的秘诀是:视觉会区分主体和背景,占据额我们主要注意力的元素是主体,其余是背景。

实际使用:弹窗依然通过一定透明度显示前一个步骤的界面,这种方式能帮助用户理解他们在交互中所处的环境(我在哪里)。

书名:《认知与设计》作者:Jeff Johnson

相关文章

  • 《认知与设计》 | 格式塔原理

    用户界面设计准则的基础 所有的设计准则背后,都基于人类心理学基础,即人们如何感知、推理、记忆以及把意图转换为行为的...

  • 认知与设计-格式塔原理

    故事使人记忆。 在广州塔旁边的珠江边。有一只猫靠近一对双胞胎,看到双胞胎在吃面条,他们刚刚从监狱出来。吃完面条了之...

  • 网页资源

    知乎 平面设计三大构成怎么学-知乎 三大构成是什么 认知与设计-格式塔原理 「大产品小细节」5分钟了解格式塔原则 ...

  • 设计法则: 格式塔原理

    【2015/4/1 NEXTDAY】设计法则: 格式塔原理 前序:因为格式塔原理在设计中应用的比较广泛,有众多前辈...

  • 格式塔原理在UI中的运用

    一切设计的背后都是有原理的,今天跟大家分享一下格式塔原理及其在UI中的运用 什么是格式塔原理? 格式塔原理诞生于1...

  • UX小课堂:格式塔原理

    相信设计师对格式塔原理都无比熟悉,提起格式塔我们总会记得几个原理:相近、相似、对称……,但它的全貌应该比较模糊了。...

  • 【设计】格式塔原理

    1.接近 通过创建一系列外观近似的图形来迅速而直接地传达出它们的功能或目的 颜色,大小,排列上的近似性 2. 相似...

  • ’格式塔‘视觉原理的运用

    格式塔心理学科是认知心理学中的一个重要理论,在视觉设计中已经有较大的影响,了解大众的视觉认知工作原理不仅可以设计出...

  • UI设计如何做好排版?你可以学习一下格式塔原理

    今天给大家分享来自UI中国会员-skys的一篇文章,关于格式塔原理与设计排版的关系。 格式塔是一种视觉感知的理论,...

  • 格式塔

    格式塔原理

网友评论

      本文标题:认知与设计-格式塔原理

      本文链接:https://www.haomeiwen.com/subject/aabqnrtx.html