阅读笔记 | 表现层：感知设计

在框架层，我们主要解决放置的事情。在表现层，我们要解决并幕布“产品框架层的逻辑排布”的感知呈现问题。

表现层在工作中大部分属于ui或者视觉设计师的工作范畴，作为交互我们可以培养自己的审美，尊重参考设计师的意见，给设计师足够的空间来主导设计。

所以这个章节我们以了解为主，下面节选一些认为比较重要的部分：

表现层决定我们的设计最后要如何被人类的感觉器官感受到。感受由视觉、听觉、触觉、嗅觉和味觉。

触觉属于工业设计领域，用户与产品之间的物理接触，不仅包括材质，还可以是振动、温度等来传递。

我们应该把注意力集中在视觉设计方案运作是否良好上。

评估视觉设计的简单方法之一，是回答这样的问题：你的视线首先落在什么地方？哪个设计要素在第一时间吸引了用户的注意力？它们是对于战略目标来讲很重要的东西吗？或者用户第一时间注意到的东西与想要的目标是背道而驰的吗？

找出主要设计元素的方法是眯着眼睛或斜着去看这个页面，或者将图无限缩小。

眼球追踪（eyetracking）仪器来确定被测人到底正在看什么，以及他们的视线是如何在这个屏幕上移动的。

好的眼睛移动轨迹的模式应该有一下两个重要的特点：首先，它们遵循的是一条流畅的路径；其次，在不需要用太多细节来吓到用户的前提下，它为用户提供有效选择的、某种可能的“引导”。

巧妙利用页面中的对比（contrast）和一致性（uniformity），把用户的注意力吸引到界面中的关键部分，帮助用户理清页面导航元素之间的关系，还可以传达信息设计中的概念群组的主要手段。比如瀑布流中的广告就利用了这点。

对比可以引导用户在页面上的视线，也可以将用户的注意力吸引到关键要素上。这些工作的总体策略是，让“差异”必须足够清晰，用户要足够分辨出某个设计选择是特意要传达一些信息的。

栅格化（grid-based layout）主要用于网页设计中，用来指导布局工作保证一致性而不会牺牲统一。

解决“内部一致性”问题比较好的办法，是建立在对网站框架的深刻理解上的。其中的关键在于，确定有可能在产品各种各样的界面、导航和信息设计等不同环境中反复出现的设计元素。简而言之，要做个控件库或者设计规范。

在大多情况下，更亮或更醒目的色彩可以用于设计你的前景色，更暗淡的色彩最好用于那些不需要跳出页面的背景元素中。

一个非常接近其他颜色、但又不完全一样的色彩，会破坏你的配色方案的效率。

注意衬线体和非衬线体的应用环境。

关爱设计师 人人有责

《用户体验要素》阅读笔记

一、初识用户体验
二、网站的用户体验
三、用户体验五要素
四、战略层：产品目标和用户需求
五、范围层：功能规格和内容需求
六、结构层：交互设计与信息架构
七、框架层：界面设计、导航设计和信息设计
九、表现层：感知设计
十、用户体验的应用