长沙网站设计_读书笔记-认知与设计:理解UI设计准则(二)

发布日期:2016-10-20 07:50

第二章:为观察结构优化我们的视觉

格式塔原理:接近性

接近性原理说的是物体之间的相对距离会影响我们感知他们是否以及如何让组织在一起。相互靠近的物体看起来属于一组,而距离远的则不是。

如图,左边的星相互之间在水平方向比垂直方向靠的近,因此我们看到的是成三行;而右边的则成三列。在实际应用中,设计者们可以使用分组框或分割线将屏幕上的控件和数据显示分隔开。不使用可见的边界,可以通过拉近某些对象之间的距离,拉开与其他对象的距离使它们在视觉上成为一组,可以有效减少用户界面上的视觉凌乱感和代码数量。

格式塔原理:相似性

格式塔相似性原理指出影响我们感知分组的另一个因素:如果元素相同,那么相似的物体看上去属于一组。

如图,第二行空心的星感觉上属于一组

我们可以结合接近性原理,将紧密相关的元素使用相似外观表现出来并且摆放在互相靠近的位置,用户就很容易看出它们之间的相关性。

但是,如果不具有相关性的元素以相似的外观显示,则很有可能会误导用户认为它们之间时相关的。

格式塔原理:连续性

我们视觉倾向于感知连续的形式而不是离散的碎片。这个与我们的视觉系统试图解析模糊或者填补遗漏来感知整个物体的倾向性有关。

在图形设计上,使用了连续性原理并且广为人知的例子就是IBM的logo。它由非连续的蓝色块组成,但一点都不含糊---很容易就看到三个粗体字母,就像透过百叶窗看到的效果。

格式塔原理:封闭性

我们的视觉系统自动尝试将敞开的图形关闭起来,从而将其感知为完整的图片而不是分散的碎片。人类视觉倾向于看到整个物体,即使他本身是不完整的。

封闭性原理常被应用于图形用户界面(GUI),例如:GUI里面经常要用叠起来的形式表示图片的集。仅仅是显示一个完整的对象和其“背后”对象的一角就足以让用户感知由一叠对象构成的整体。

格式塔原理:对称性

我们倾向于分解复杂的场景来降低复杂度。我们的视觉区域中的信息有不止一个可能的分析,但我们是的视觉会自动组织并解析数据,从而简化这些数据并赋予他们对称性。

实际应用中,可以利用视觉系统对对称性原理的依赖,用平面显示来展示三维物体。

格式塔原理:主体/背景

主题背景原理指出我们的大脑是将视觉区域分为主题和背景。主体包括一个场景中占据我们主要注意力的所有元素,其余的则是背景。此原理说明场景的特点会影响视觉系统对场景中的主体和背景的解析。我们对主体与背景的差别的感知也依赖于观察者的注意力。

如上图的背景和主题就随着我们注意力的变化而变化

此原理常用于在显示内容“之后”放置印象诱导的背景。背景可以传递信息或者暗示一个主题、品牌或者内容表达的情绪。

此原理还用于其他内容之上的弹窗。作为用户注意力焦点的内容临时成为了新信息的背景,新的信息短暂的作为新的主体。这能够帮助用户更好的理解他们在交互中所处的环境。

格式塔原理:共同命运

前面的六个原理针对的是静态图像(非运动)和对象,这个则涉及运动的物体。共同命运原理与接近性原理和相似性原理相关,都影响我们多感知的物体是否成组。共同命运原理指出一起运动的物体被感知为属于一组或者彼此相关的。共同运动暗示共同的历程。

在现实世界的视觉场景中,各种格式塔原理不是孤立的,而是共同起作用的。同时用上以上所有的格式塔原理时,设计可能会导致无意导致的视觉关系。这时我们可以在设计一个显示之后,使用每一个格式塔原理---接近性原理、相似性原理、连续性原理、封闭性原理、对称性原理、主体背景原理以及共同命运原理,来考量各个设计元素之间的关系是否符合设计的初衷。

以上信息由长沙网站建设--长沙蒲公英网络收集与整理,禁止用于任何商业行为