整合视觉设计

视觉艺术与视觉设计

清晰地阐述用户体验目标和商业目标，对于设计界面中用以支撑品牌身份、用户体验和情感响应的部分来说，是宝贵的基础。

视觉界面设计元素

• 情景

每一份视觉设计指南都要考虑其使用情景。

• 形状

形状是人们识别一个对象是什么的首要方式。同时还要注意大小、颜色和纹理。

• 大小

人们自动按照物体的大小排序，倾向于给这些差异赋予相对数量。

• 颜色

  任何颜色的选择都应该首先考虑用户的目标、环境、内容和品牌。然后才考虑界面颜色色值、色调与饱和度。

  • 色值

    对于必须突出的元素，色值是吸引注意力的好工具。

  • 色调

    界面上最好明智地使用颜色来传递重要含义。要创造让用户跟踪隐含含义的有效视觉系统，应该使用有限数量的色调。

  • 饱和度

    吸引注意力的方式和色调、色值相信，对比强烈发挥作用。

  • HSV结合

    色调、饱和度和色值三个值共同描述了界面的任何颜色，该模式称为HSV。设计师应该谨慎使用三个变量的对比 ，以及与整个调色板关联的方式。

• 方向

• 纹理：因为纹理需要大量注意力来分辨，传达纹理还需要更多像素、更高色彩分辨率，所以很少用来传达不同或者吸引注意力。不过，纹理能够成为重要的能供性信号。

• 位置

位置是有序和量化的变量，这就意味着有利于传达层级消息。

位置可以用来在屏幕的物体之间、物理世界的物体之间创造空间关系。

空间关系还可以反过来暗指概念关系：屏幕上聚集在一组的项目可以当做是相似的。

• 文字与版面

  注意以下指南：

  • 使用高对比度文字————通用规则是采用80%的对比度）
  • 选择恰当的字体和大小————低于10像素的字号很难阅读，无衬线字体比衬线字体更易阅读）
  • 简洁地组织文字————使用最少的文字，清晰地传达含义，从而让文字易于理解。

• 信息层级

使用视觉属性的差异（大对小、明亮对黑暗、上对下等）来给界面分层。对于暂时式应用，信息层级应该非常明显，在特定布局中，不同“级别”的重要性形成鲜明对比。

• 动作及其随时间的变化

掌握组件（尤其是移动）如何随时间变化，对于视觉界面设计很重要。