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

认知与设计-格式塔原理

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

    故事使人记忆。

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

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

    1. 猫咪靠近:接近性

    2. 双胞胎:相识性

    3. 面条:连续性

    4. 监狱:封闭性

    5. 比心:对称性

    6. 一起游泳:共同命运

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

    格式塔原理

    格式塔的7个原理

    1. 接近性

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

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

    2. 相似性

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

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

    3. 连续性

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

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

    4. 封闭性

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

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

    5. 对称性

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

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

    6. 共同命运

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

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

    7. 主体/背景

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

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

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

    相关文章

      网友评论

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

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