App设计体系之格式塔原理

253天前发布

原创文章 / UI / 教程
渐渐见减减简 原创,如需商业用途或转载请与渐渐见减减简联系,谢谢配合。

App设计体系之格式塔原理

交互设计原则:格式塔原理

格式塔心理学诞生于1912年,是由德国心理学家组成的研究小组试图解释人类视觉的工作原理。“形状”和“图形”在德语中是Gestalt,因此这些理论也称为视觉感知的格式塔原理。

包括七项原则:相似性、接近性、连续性、闭合性、简单法则/对称性、主题背景、共同命运。


1、相似性

有共同视觉元素的物体看起来更有关联性,且不管他们的位置是不是相邻,总是把他们联系起来,我们倾向于将看起来相似的对象视为一组或者一个模式。

网易云音乐的金刚区的5个图标是一个整体,推荐歌单中都是由图和文字组成,也是一个整体。


2、接近性

等同于四大基本原则中的亲密性原则:要看亲不亲,就看离的近不近,离得近则被看作一个整体。

App Store中的“大家都在用”和下方图标距离比上方图标要近的多,因此“大家都在用”和下方内容是一个整体。


3、连续性

我们的视觉偏向于感知连续的形式而不是离散的碎片,在阅读上更有连贯性。


4、闭合性

人类的心智模型会在视觉上自动将空出/残缺的图形闭合或脑补出来,从而将其感知为完整的物体而不是零碎的物体,在设计上,合理运用闭合性,隐藏某些部分,即节省空间也不影响理解。


5、主体背景

视觉区域分为主体和背景 2 个部分,突出主要模块或层级,内容与背景颜色区分。


6、共同命运

共同命运原理指出我们倾向于将同样操作的物体,感知为一个彼此相关的整体。

微博编辑已添加的分类,左上角都有“x”,这就是共同命运。



拓展


停顿

在浏览“有节奏”的feed流时会出现一些推荐,通常推荐内容的样式与列表内容不一样,这种停顿是一种抓住用户注意力很好的方法。


视觉路线

尽可能缩短视觉的路径,根据人的阅读习惯,重要且需要突出的放在左边,不太重要的放在右边。



一个界面会使用多个设计原理,可能会产生预期相反的副作用,为了消除这种影响,在设计好之后,逐一使用各个原理对界面进行走查。


11
- 位站酷推荐设计师推荐 -

声明:站酷(ZCOOL)内网友所发表的所有内容及言论仅代表其本人,并不反映任何站酷(ZCOOL)之意见及观点。

    没有新消息