表现层

解决并弥补“产品框架层的逻辑排布”的感知呈现问题

1、人的感受有五种：视觉，听觉，触觉，嗅觉和味觉

• 嗅觉和味觉：除特殊物品外，这是用户体验设计师很少考虑的
• 触觉：实物产品的触觉体验是属于工业设计领域的概念。用户和产品之间的物理接触包括——界面设计、交互设计、感官设计
• 听觉：应用广泛，可以使产品变得更加个性
• 视觉：用户体验设计师最得心应手的领域，传达品牌信息的主要工具之一是视觉设计

2、产品视觉设计注意：

• 用户视线首先落在哪里
• 哪些要素第一时间吸引了用户注意力，这些要素对战略目标来讲重要吗
• 用户第一时间注意到的东西与他们或我们的目标是否一致

3、成功设计中用户眼睛移动轨迹的特点：

• 遵循的是一条流畅的路径
• 为用户提供有效选择的、某种可能的引导

4、视觉设计中，用于吸引用户注意的一个主要工具是对比。把用户的注意力吸引到界面中的关键部分，对比是一个重要手段，能帮助用户理解页面导航元素之间的关系。同时，对比还是传达信息设计中的概念群组的重要手段。

5、对比可以用来引导用户在页面上的实现，或将他们的注意力吸引到几个关键要素上。单过度的对比会导致混乱的视觉。

6、保持一致性也是很重要的一部分，这能使设计有效的传达信息，而不会导致用户迷惑或焦虑。将视觉元素的大小保持一致的尺寸，这可以使在需要的时候把他们更容易地重新组合成一个新的设计。基于栅格线的布局是来自平面设计的一种技术，是一种对网页也同样有效的技术。

7、内外一致性

• 内部一致性：在产品的两个不同的地方反映了相同的设计方法
• 外部一致性：这个产品在同一个企业的其他产品总，反映出使用了相同的设计方法
  解决一致性的办法：进行设计前，从这些不同的环境中将每一个设计元素独立出来。设计每一个独立的元素，试着在不同的环境中应用它们，然后在需要的时候进行跳转。

8、核心的品牌色彩通常是一个更广泛的配色方案的一部分，这不代表只能用同一种颜色，而是说如果想用不同色度的颜色，要保证用户能够区分他们之间的差异，同时用一致的方式应用它们。

9、排版：

• 正文中的文本简单最好
• 更大的文本或者类似在导航元素中看到的短标签使用稍具个性的字体

10、在视觉设计领域中对线框图最直接的模拟是视觉模拟或设计合成品。“合成”的意思是“综合的”，因为确切的说，他就是从已选定的组件中建立起来的、一个最终的可视化产品。

11、风格指南是承载了设计决策的权威性文档。这个文档确定了设计决策的每个方面，从最大到最小的范围内的所有元素。影响到产品的每一个局部的全局标准通常是风格指南的第一部分。风格指南还包括某一个模块或网站功能的具体标准。
创建一个风格指南有助于在一个分散的企业中实施设计的一致性。