拆书之《认知与设计》Jeff Johnson（2）

第二章  视觉感知的格式塔原理

      格式塔是由德语Gestalt音译而来，它描述了视觉感知的基础框架，对图形和用户界面设计也提供了有用的基础。

     最重要的格式塔原理有：接近性原理、相似性原理、连续性原理、封闭性原理、对称性原理、主体／背景原理和共同命运原理。

      接近性原理和相似性原理是我们对感知的事物会有个分组的倾向。顾名思义，就是距离近的，长得像的物体我们会自动把它们划分为一组。

      当前扁平简约的设计风格盛行，界面中的辅助或装饰性元素越来越少，为了让用户感知页面布局和结构，可以从这两个原理入手。比如，用控件之间的距离代表相关度，同一类别的组件距离一致且外观相似，从而使得软件易于学习和记忆。

      共同命运原理跟接近和相似原理一样都是对物理分类的一个倾向，不同之处在于共同命运涉及物体运动。是指一起运动的物体被感知属于一组或彼此相关的。

     那么如果说接近性原理和相似性原理是界面布局的依据，那共同命运就是动效设计的一个参考啦。MD设计规范里也有类似的规定，同一页面上的卡片具有相同运动趋势。

     连续性原理、封闭性原理和对称性原理提出我们的视觉系统试图解析模糊或者填补遗漏来感知整个物体。

      在图形设计中，连续性原理广为人知的例子就是IBM的标志，它由非连续的蓝色块组成，但第一眼就可以看到三个粗体字母。可以看出我们的视觉倾向于感知连续的形式而不是离散的碎片。

       封闭性原理之处，人类视觉系统会倾向于填充敞开的图形，感觉到的是个整体。

       对称性原理是人类视觉将复杂的二期图形三维化的基础。

       主体／背景原理说明场景的特点会影响我们对主体和北京的判断。GUI界面一般有一个主色一个辅色和一个点睛色构成。主色主要有应用的整体风格决定，因该给用户留下第一印象。很多小白会认为所占面积大的颜色为主色，其实不然，主色的决定因素不仅仅是面积还有色彩的饱和度，明度，以及所在位置是否为视觉中心或强点所决定。同时，主体／背景原理也解释了模态视图的独占性，用户注意力会被高度集中在弹窗上，所以工作流很容易被打断，小编觉得还是慎用为妙～