【15】视觉信息设计原则

1、好的界面要传达品牌理念；

2、设计师需要对页面创建层级和建立联系；

创建层级：根据场景判断哪些信息是重要的和次要的，可以通过位置，颜色，大小等等来创建。

建立联系：利用空间关系；具有相似的视觉元素，在视觉上组织在一起。

3、用户界面由视觉元素和行为元素组成，从元素到分组到屏幕或是到页面，这些不同的信息层次就要求把不同的信息组织成不同的结构和流； 

运用栅格系统，对齐到网格，提高界面美观性，可读性。

创建逻辑路径，符合人眼阅读习惯。

鼓励平衡的不对称设计，完全对称，会显得很单调。

4、利用能供性原则引导用户操作；

使用图标清晰的传达品牌属性。

通过视觉传达功能的几个原则：同时表达动作和动作施加的对象，以增加理解；不要使用违背用户认知的隐喻和表达方式，要注意文化差别；

在视觉上将不同功能分组；

保持图标简单简洁；

尽可能重用元素，降低用户认知：建立对象和视觉符号的关联，帮助用户快速找到目标；对于不同的对象，要在视觉上明显区分；简单的渲染图标和视觉符号；尽可能的传达视觉功能和行为；

5、响应命令；

0.1s<响应耗时<1s，提供细微的视觉反馈。

6、将用户的注意力聚焦到重要信息上；

吸引用户注意力用的都是视觉元素的对比。但是，注意力机制会强制打断用户的正常工作；吸引用户注意力的操作容易破坏产品的体验一致性。

7、过多的视觉元素会照成视觉噪音，加重用户认知负荷，用户的注意力就会从能供性上转移到这些噪声上来；

8、保持界面简洁：

斯塔夫设计原则：

1、加强视觉对比；

2、显示因果关系；

利用非模态视觉反馈，告知用户其行为可能发生的结果，或提供如何完成操作的提示。 

3、显示多个变量；

4、显示多个变量，在一个界面整合文本，图形及数据；

5、确保内容的质量，相关性和完整性；

6、在相邻空间上显示事物，而不是按照时间堆积；

7、可量化的数据就要量化，图形能够直观的说明问题，但是能追求精确性还是要追求精确性；