交互设计之层次设计配色篇（表达逻辑——前进色与后退色）

层次的必要性

传统的屏幕信息的传递方式是线性的，无间断且方向确定的。

例如，不经加工的文本信息，依照人类（国人）习惯，就是按照从左到右，从上到下依次阅读。

未经处理图片或视频，也是按照一张一张或一帧一帧的顺序线性切换。

单向的信息传递没有反馈和互动，无法形成信息回路，传播的流程会简化，弱化信息传递的效果。

而人类认识事物的秩序是从特殊到普遍再到特殊，对于展示给用户的产品，首先要输出给用户的必须是最主要的，也就是特殊的部分，其次再是想要传递的其他信息。

产品的设计以视觉形态呈现为主，对信息有效的整理、呈现使得层次分明成为必然。层次的设计符合人类认识事物的习惯，通过设计层次使得信息输出有主有次，降低用户获取信息成本。

如何传递层次概念

1、前进色与后退色。

提到层次，最直观的影响因素就是颜色搭配。

层次的设计表达主要通过前进色与后退色（也称为膨胀色与收缩色）的搭配。

同一平面下，给人感觉突出的色彩为前进色（膨胀色），通常为明度高、饱和度高的鲜艳色彩，红色、橙色等暖色系。

   危险路标、警告牌等。

给人视觉收缩效果的颜色则为后退色（收缩色）。此类颜色大多为明度低、饱和度低的暗淡色彩，例如藏青色、黑色等。

   黑色显瘦的穿衣搭配就是利用收缩色效果。

在页面设计时ÿ