1700424228
1700424229
1700424230
用户体验要素：以用户为中心的产品设计（原书第2版） [:1700422508]
1700424231
用户体验要素：以用户为中心的产品设计（原书第2版） 对比和一致性
1700424232
1700424233
在视觉设计中，我们用于吸引用户注意的一个主要工具就是对比（contrast）。一个没有对比的设计，会被看成一个灰色的、平凡的东西，导致用户的视线四处游离，而无法解决任何特别的事情。把用户的注意力吸引到界面中的关键部分，对比是一个重要手段，能帮助用户理解页面导航元素之间的关系。同时，对比还是传达信息设计中的概念群组的主要手段。
1700424234
1700424235
当一个元素在设计中的显得与众不同时，用户就会注意到。这是他们不能控制的。你可以利用这个本能的行为，来使用户注意到那些“真正需要从这个页面的其他元素中突出的东西”。在网页界面上的错误提示通常会被融进页面的其他元素中；通过给文本一些不同的颜色（比如说，红色）或用一个醒目的图形将它们凸显出来，就能让整个界面完全不同了。
1700424236
1700424237
1700424238
1700424239
1700424240
一个视觉上的中性布局（左上），没有任何一个元素突出。对比可以用来引导用户在页面上的视线（右上）或将他们的注意力吸引到几个关键要素上（左下）。过度的对比导致了混乱的视觉（右下）。
1700424241
1700424242
不管怎样，这些工作的总体策略是，让“差异”必须足够清晰，用户要足够分辨出某个设计选择是特意要传达一些信息的。当两个设计元素的处理相似又不太一样的时候，用户会就会困惑。“为什么这些会不一样？它们本来是一样的吗？也许只是弄错了。还是我应该在这里注意到什么东西吗？”而事实是，我们希望这两者都能抓住用户的目光，并且让他们认为这是有意而为之的。
1700424243
1700424244
在你的设计中保持一致性（uniformity）是另一个重要的组成部分，它能使你的设计有效地传达信息，而不会导致用户迷惑或焦虑。“一致性”在视觉设计的许多不同方面都会起到作用。
1700424245
1700424246
将视觉元素的大小保持一致的尺寸，这可以使你在需要的时候把它们更容易地重新组合成一个新的设计。举个例子来说，如果你在导航中使用的所有图形按钮都是同一个高度，那么它们就可以在需要的时候被混合并匹配，而不会形成一个布局杂乱或要求重新设计的图形。
1700424247
1700424248
基于栅格线（grid-based layout）的布局是来自平面设计的一种技术，是一种对网页也同样有效的技术。这个方法通过使用“母版”来确保设计的一致性，各种布局都是根据这个模板来创建的。不是每一个布局都要使用栅格的每一个部分（事实上，大多数的布局可能只会用到很少的一部分）但是每一个元素在网格上的位置应该统一和一致的。
1700424249
1700424250
1700424251
1700424252
1700424253
创建一个栅格来指导布局工作可以保证一致性而不会牺牲统一。
1700424254
1700424255
不管怎样，由于设备、屏幕尺寸和屏幕分辨率千差万别，把栅格应用到屏幕交互式产品上不会像平面设计一样简单。你很容易就掉到“坚持使用栅格系统”的漩涡之中（或者任何一种可以保证一致的标准）甚至在它们根本就行不通的时候。在没有设计标准的情况下进行工作是不好的，但是教条地遵守设计标准，而不顾你适当的需求就可能会更糟。
1700424256
1700424257
也许产品采取了一个在栅格被开发出来的时候没有人能想像出来的新功能；也许这个栅格从一开始就不怎么行得通。不管原因是什么，重要的是，你要能认识到什么时候应该重新考虑设计系统的基础是什么。
1700424258
1700424259
1700424260
1700424261
1700424262
用户体验要素：以用户为中心的产品设计（原书第2版） [:1700422509]
1700424263
用户体验要素：以用户为中心的产品设计（原书第2版） 内部和外部的一致性
1700424264
1700424265
由于网站被生产出来的方法通常是在企业内部的、其他进行中的设计中，被逐渐、临时、独立生产出来的，所以它们的视觉设计的一致性已经被折腾得千疮百孔了，它们的毛病一般会有以下两种形式：
1700424266
1700424267
▼内部一致性的问题。这是说，在产品的两个不同的地方反映了不同的设计方法。
1700424268
1700424269
▼外部一致性的问题。这是说，这个产品没有在同一个企业的其他产品中，反映出被使用的、相同的设计方法。解决“内部一致性”问题比较好的办法，是建立在对网站框架的深刻理解上的。其中的关键在于，确定有可能在产品各种各样的界面、导航和信息设计等不同环境中反复出现的设计元素。在进行设计之前，从这些不同的环境中将每一个设计元素独立出来，通过这个方法，我们就可以更清楚地看到困扰我们的小规模问题，而不是被环境所造成的大规模问题分散了注意力。与其一次又一次地设计同样的元素，还不如像这样只设计一次，然后将这个设计方案应用到整个产品中去。
1700424270
1700424271
对于这样的一种工作方法，我们还是必须要检查这些设计元素在不同环境中的呈现。可能一个较大的、圆形的、红色的“停止”按钮在结账页面上的表现不错，但是它放到一个拥挤的产品定制页面的时候，这个视觉效果可能就不那么理想了。最好的办法是设计出每一个独立的元素，试着在不同的环境中应用它们，然后在需要的时候进行调整。
1700424272
1700424273
即使大多数的设计元素被相对独立地设计出来，它们最终还是要放到一起的。一个成功的设计不仅仅是收集小巧的、精心设计的东西；相反，这些东西应该能形成一个系统，作为一个有凝聚力、连贯的整体来使用。
1700424274
1700424275
用一个“统一的品牌识别形象”强化呈现在你的用户（客户、潜在客户、管理层、员工或其他访问者）面前的产品“跨媒体的一致性”，这种品牌识别的一致性应该呈现在你产品的每一个层级的设计中，从每个界面都会出现的导航元素到只出现一次的普通按钮。
1700424276
1700424277
呈现一个在其他媒体上有的、与你的产品不统一的样式，影响的不仅仅是访问者的印象；它还影响了他们对整个企业的印象。人们会对那些具有明确定义的企业产生积极向上的印象。不统一的视觉样式会破坏你的企业形象的清晰程度，并且留给访问者一个“企业还没搞清楚自身定位”的坏印象。