5.2　式样：显见的设计规矩

对许多人来说，式样只是所意识到的设计的一部分：用Photoshop做出炫目的按钮、选择颜色方案、运用木头纹理作为背景图案。即便是编写软件的人，也习惯把式样看成设计整体的一部分。实际上，式样只是在设计令人赏心悦目的软件过程中，要经历的众多阶段之一。史蒂夫·乔布斯说过：“设计不只是外观和感觉怎样。设计是有关软件如何工作的过程。”

一个好的图形设计人员可能会拿到应用软件的功能清单，渲染出漂亮、写实主义的界面。但像你这样的用户体验设计者要知道界面如何与用户实际交互，实现许多精心平衡的任务需求，保持长久的回报。不管人们是否认识到你为应用软件发展而花的心血：制定提纲、画草图和线框图，他们理所当然会注意应用软件的外表。

换句话说，你已经完成了研究，排练了演讲，编好了令人印象深刻的简历——而都是穿着睡衣做的。现在该穿上一身英姿飒爽的行头，出门参加工作面试了。

正如已经证明的那样，穿衣服的比喻对解释软件的可视化设计大有帮助。一个不可靠的、令人厌恶的、恶毒的人完全有可能穿得很得体，如同人们经常发现在华丽图形设计的表面之下，应用软件不能用一样。类似地，世上最合格的人也可能在参加工作面试时，穿着寒酸的旧衬衫或带帽夹克；大量好用的软件却有着难看的外观。

说了这么多，就是为了说明，作为人类，我们倾向于用外观和第一印象作为最初的省事的评判办法。如果你缺乏多策略的测试准备、忽略对细节的注意，在App store里投放的外观截图粗制滥造，人们将把你滤出深入考虑的范围，不管你实际上有多资深。

风格的品质主要取决于三个准则：渲染、沟通和品味。

5.2.1　渲染

渲染就是显示器上的像素能多大程度上让人眼感觉到你意在让它们表达的效果，通常指的就是这些物件被理解成什么。当人们看到iPhone上标准非饱和蓝的工具条时，他们通常感觉（识别）其为某种玻璃或者塑料的表面，稍有突起，约1mm厚，贴在内容区之上。为什么人们会对其实并不存在的那个栏有这种感觉呢？那是因为渲染出了真实玻璃棒的外观，这让人们感觉看到了玻璃棒。人的感觉无处不在。即使渲染逻辑上说得通，或者运用的Photoshop式样是经过检查的，假如人眼不能按其真实用途正确理解，那也是错误的。给人的视觉感觉是很重要的。

渲染是式样里最可自由使用的属性。出色渲染对于应用软件的可用性和可理解性绝不是必需的。但它很有用，主要有以下三个原因。

·在真正得体的交互过程中，它能够必要地去除不信任因素，第8章介绍了这个话题。界面看起来越像是物理上存在，意识就越容易相信它可以直接操作和交互。

·设计者渲染的用心程度是大体估算产品整体操心程度的一个暗示。它并不是百分之百准确，但可以帮助人们找出哪些应用软件值得再深入了解。漂亮的渲染会发出信号给人们，让人感觉设计者有好的品味。

·渲染让人愉悦。自然而然地，人们整体上发现有吸引力的产品用起来比那些刻板的产品更令人愉悦。消息计数标记上加个半像素的阴影，让它稍有点凹进效果，这样并不会帮助人们干完活。然而如果只关心效率，从来不花一点时间来享受凹进的消息计数标记，那将是令人遗憾的设计。

5.2.2　沟通

在创作应用软件画面的最终外观时，沟通是更重实效的事情，可能也是最重要的事情。正如第9章所说的那样，组件的式样往往携带着有关意图、功能和含义等暗示。

按钮看起来突出于界面的其他部分，因此是想让用户点击的。可以自由到处拖动的物件有个适度的阴影，会让人感觉它是松散地依附在表面的。浮动框有个模糊的阴影，显得它是悬浮在界面的其他内容之上的，强调出其临时的属性。许多“危险”的控件，如会导致数据丢失或其他不幸发生的控件，都是亮红色的，而在引导工作流中，建议的“下一步”往往是令人平静的蓝色或绿色。

式样方面的大部分沟通都与现有组件的式样相关。扁平白色控件如果放在半透明、闪耀黑色玻璃条上，将暗示其体验与iOS的媒体播放器类似，或者与那个实用的锁屏程序类似。宁静简约的非饱和蓝表面关联于如电子邮件等普通效率性事务。与交互过程一样，如果你要创作的那类式样东西已有先例，就直接拿来用吧。

组件的几乎所有式样都在表达一些含义。尺寸和对比度决定着其视觉分量，传递出其重要性的信息；相似式样的组件让用户感觉是一组的。不同式样似乎意味着逻辑上的区别，用户潜意识里就会这么解读。

总之，不要不分清红皂白地定花样。对于要做出的任何决定，都要扪心自问，将组件那样表现，是想传递什么信息。

5.2.3　品味

不论一个画面多么逼真或者能够清楚地沟通，其仍然可能丑陋。iOS整体上有一种强大的力量，使界面设计变得有品味。是的，在App Store里是有许多问题，甚至糟糕透顶的设计，但每个星期苹果公司都会在头版列出特别好的作品榜。而你，就要想办法向这些榜单上的应用软件看齐，而远离那些相反的榜样。

表达你品牌的壮丽似乎很重要，但每个组件上都运用你的标志的颜色，会让用户在使用你的应用软件时降低其体验。iOS更倾向于在界面上略去品牌，而营造服务于任务的体验。你可以将自己的标志放到主画面的顶部，或者放到图标上，而彻底不要在应用软件界面上显示出来。

另一个例子是：不论你把一堵砖墙背景渲染得多么逼真，把它作为内容背景仍然是不合适的，因为这样显得粗糙、拒人于门外、对比度太高。在iOS上，润饰是很正常的事。活泼的色彩通常是留给用户内容用的，而不是界面本身。营造严重的深度效果，就像大的投射阴影和极度的渐变，在iOS上会显得不入流。好的风格界面很少给人以几毫米以上的深度。毕竟，设备本身也没那么厚（有些设计人员开始喜欢特别平整外观的界面设计，请参看第15章）。