认知与设计-格式塔原理
故事使人记忆。
在广州塔旁边的珠江边。有一只猫靠近一对双胞胎,看到双胞胎在吃面条,他们刚刚从监狱出来。吃完面条了之后,他们就比心,比完心了之后,一起去游泳,游泳的时候,看到一个岸边的美女在唱歌。
这是胡编乱造的记忆,有点胡乱扯了,但是依然能把格式塔原理里面的七个原理串联起来:
1. 猫咪靠近:接近性
2. 双胞胎:相识性
3. 面条:连续性
4. 监狱:封闭性
5. 比心:对称性
6. 一起游泳:共同命运
7. 岸边美女唱歌:主体/背景
格式塔原理
格式塔的7个原理1. 接近性
接近性的秘诀就是,越接近的,越像一组。
实际使用:界面上可以通过间距替代分割线,区分不同的模块,区分不同类的内容。
2. 相似性
相似性的秘诀是:越相似,越像一组。
实际使用:有些表单行距很高,但是用户依然能知道属于一个表单的内容,这是因为,表单元素大多相似,而且左边文字,右边表单项,也能很好地体现在空间上的相似性。
3. 连续性
连续性的秘诀是:大脑自动解析非连续性的物品,使之看起来是连续的整体(视觉想象力)
实际使用:滑动条的滑动,就很好地使用了连续性原理
4. 封闭性
封闭性的秘诀是:大脑自动解析空白的区域,形成一个物体(视觉想象力)
实际使用:多文档选择时,设计的叠起来的文档就使用了封闭性原理
5. 对称性
对称性的秘诀是:大脑对视觉区域会以简单化的方式进行解析,同时赋予解析结果对称性。而且对称性让人感受到稳固和有秩序。
实际使用:大部分页面都会呈现左右怼成习惯呢
6. 共同命运
共同命运的秘诀是:空间和形状不具接近或相似的物品,当他们都具有同样的运动属性的时候,则会让人感知到彼此相关。
实际使用:一些动态模拟中展示不同的实体关系,如推论具有共同发展历史的国家的分析。
7. 主体/背景
主体/背景的秘诀是:视觉会区分主体和背景,占据额我们主要注意力的元素是主体,其余是背景。
实际使用:弹窗依然通过一定透明度显示前一个步骤的界面,这种方式能帮助用户理解他们在交互中所处的环境(我在哪里)。
书名:《认知与设计》作者:Jeff Johnson