用户体验设计 | 界面设计遵从格式塔原理

故事使人记忆。

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

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

1. 猫咪靠近:接近性

2. 双胞胎:相识性

3. 面条:连续性

4. 监狱:封闭性

5. 比心:对称性

6. 一起游泳:共同命运

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

格式塔原理

格式塔的7个原理

1. 接近性

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

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

2. 相似性

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

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

3. 连续性

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

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

4. 封闭性

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

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

5. 对称性

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

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

6. 共同命运

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

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

7. 主体/背景

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

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

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章