设计原则：一致性—广为人知，但是也是最不牢固的原则
- Jun 27, 2017
- 6 min read
【国外设计翻译 第5弹】
Translated by Luziwen
一致性是生活和设计中的一个重要法则。不能保持一致性的话，我们不可能走得长远。即使是最困难的问题，如果你能始终如一每天都去攻破它，那你最终就能解决这个难题。
在各种设计原则中，“一致性”是一个我们经常会违反的原则。很惭愧的是，我也会一不小心就违反了一致性的原则。当设计师在做非常创意和艺术的东西时，很容易就打破这条设计原则。
在设计中，关于“一致性”是个很大的话题。我会尽我所能把它浓缩成一些最关键的要点。通过这些要点，我们可以学习到如何在设计中运用一致性原则，以及如何不违反一致性原则。
在设计中什么是一致性？
“一致性”可以说是设计DNA中的最小组成部分之一。一致性设计也可以说是直觉设计。（译者注：关于“直觉设计”可以这么理解：假设用户要完成的任务是进入房间放东西，那么当用户进入房间时看到桌子的时候，会本能地把东西放上去，因为桌子一直都被用来放置物品。但是如果用户进入房间看到的是个灶台，他就找不到放东西的地方了，会感到困惑。因为用户有自己固有的直觉，所以保持一致性才能形成直觉设计。）一致性原则非常重要，保持一致性会让世界变得更美好。
简单来说，当相似的元素有一致的外观和类似的功能，那么可用性和易学性就会得到很大的提升。当你的设计能够保持一致性时，用户可以将他已有的知识转移到新的功能上，也能更快地学习新东西。这样，用户就能专注于完成他的任务，而不是每次切换到新的情景时，就要去研究这个产品的UI是怎么操作的。
我们人类天生就喜欢一致性。我们的身体会不断地调整来保持一致的平衡，因此我们才能保持健康。当我们觉得事物是一致的时候，我们才会感到安全和安心。
一致性的优势
用户能更快地学习如何使用你的设计。把你设计中一致的元素想象成是字母表。一旦用户学会了字母表，他就可以流畅地使用你的产品，无障碍地和各个界面交互。
当你的产品的界面不能保持一致性，这就像用几国语言去和用户交流。只有深度用户才有能力完成他们的任务。所以，你的产品需要保持简洁和一致性。
一致性消除疑惑。当用户感到疑惑之后，他们接下来往往会感到沮丧。我们可不希望我们的用户感到沮丧，对吗？
一致性省钱省力。在一致性设计中，设计师往往会使用已经定义好的组件。也就是说，设计师和老板们可以更快地作出决定，减少时间浪费。这些被省下来的时间，就可以用来打造产品和进行渐进式改善。
一致性的四种类型
在设计时，需要注意以下一致性的四种类型。
视觉一致性
视觉一致性即指，相似的元素体现了相似的含义。这样，产品的易学性就提高了。字体、大小、按钮、标签等在你的产品中应该保持视觉一致性。
功能一致性
功能一致性即指，相似的操作会执行相似的功能。这样，产品的可预见性就提高了。“可预见性”让用户感到安全和安心。举个例子，“返回”的操作在整个产品中都应该是相同的操作方式。
内部一致性
内部一致性，需要在你的产品中结合视觉一致性和功能一致性。这样，产品的可用性和易学性就提高了。只要你在产品中始终保持内部一致性，即使你引入了新的功能或者新页面，用户也能很容易地操作它们。
外部一致性
外部一致性，往往表现在你的产品的多个系统或子产品能够保持设计一致性。这样，用户关于其中一个产品已有的知识可以复用到另一个产品上。这就能消除很多障碍，并提供较好的用户体验。
Adobe系列产品的用户界面就是外部一致性的好例子。一旦你了解Photoshop，你就能很容易地在Illustrator等软件中复用你的知识。
保持这四种一致性，能让你的产品有更好的可用性，并且获得更开心的用户。
怎么保持一致性
保持一致性的本质就是：反复使用类似的操作和元素，但要支持用户完成他们的任务。
视觉
字体、颜色、留白、网格、大小和位置等。设计师需要事先集中定义好这些元素，然后在其所设计的系统中使用这些元素。
定义严格的视觉层次，最重要的东西看上去要比次重要的东西大。在你的产品中使用统一的颜色色板。相似的元素的填充和边距要保持一致（如按钮、卡片等）。你需要选择如何排列这些组件，是你的设计显得好用又具有美学意义。
当产品具有一致的视觉感受时，可以帮助用户更快地学习产品并给予用户流畅的使用体验。当你的产品有一致的视觉后，你的产品就自带吸引人的风格。
下面这个很棒的资源网站有很多视觉规范可以查阅。
http://styleguides.io/examples.html
（译者注：里面有各个公司的视觉规范，值得一看。）
声音和语气
你在用户流程中使用的语言和语气会影响你的用户如何理解产品。保持你的产品使用一致的声音和语气，只使用一种声音和用户对话。我们可不希望用户听到太多的声音。
如果你想要你的产品体现开心和友好的语气，那么除了提示错误和失败的消息，在产品设计中你需要一直保持着这种语气。
MailChimp（https://mailchimp.com/）所使用的声音和语气保持了良好的一致性。
http://styleguide.mailchimp.com/voice-and-tone/
使用熟悉的模式
我们的产品（无论是电子产品还是非电子产品）的潜在用户，或多或少接触过类似的产品。这就意味着他们已经体验或学习过其他类似的产品，并且了解它们中使用的模式。
http://www.mobile-patterns.com/
设计师应该利用这一点，在设计中使用用户所熟悉的模式。那么，用户体验流程就会更加顺畅，用户甚至不会停下来去考虑“嗯…我该怎么做呢？”，用户直接凭感觉就操作成功了。
下面这两个很棒的资源网站包含了很多设计模式。
http://www.mobile-patterns.com/
http://ui-patterns.com/patterns
（译者注：挺有用的网站，包含了各种功能的设计模式，找不到灵感的时候可以看看。）
在一致性原则中适当通融，但是不要违反它
有的设计师们可能会发出不同的声音：如果只有一致性，用户会觉得无聊然后离开我们的产品。并且，我们一直保持一致性的话，那就几乎没有创新了。
我们应当先充分学习规则，再在规则中通融。对，是通融而不是违反。违反一致性就是打乱了设计和用户体验。
违反一致性的设计对用户和公司来说都是痛苦的。设计流程的速度变慢了。人们在会议室里去争论按钮用哪个颜色最好，既费钱又耗时。每个人都因为这些事情而浪费宝贵的时间，而这些具备一致性的东西恰恰早就应该已经被定义好，只需要重复使用就可以。
设计师应当尽其所能地保护和创造一致性。
保持产品的一致性意味着改变的速度会放慢。然而，我们还需要保持我们的产品给人有趣和愉悦的感受。我们需要产品不停进化到更好的版本。
所以，我们怎么才能在保持一致性的同时，达到我们想要的效果并且推动改变呢？
秘诀就在于理解你的用户。你所做的关于设计的决定都应该来自于理解。当你的用户真正需要时，再对已经建立起来的一致的设计体系进行调整。这样做出的调整能将你的产品进化到更好的版本，同时保持了一致性。
最后的感想
使你的设计和你的用户预期保持一致。了解你的用户，了解你的工作伙伴。通过他们的眼睛，理解他们的内心感受。成为他们中的一员。
切记，有小改变是好的，但是太多改变不一定是好的。
创造一致性来提升可用性，减少不必要的惊喜（惊吓）来提高用户愉悦度。
原文链接：
Comments