和你聊聊设计中的一致性原则


4315 views

2017-04-21 13:58:55

一致性是生活和设计中的一个关键原则。没有它,我们无法前行。如果你每天都在被黑客攻击,即使最强大的系统也会崩塌! 一致性是我们经常会违反的设计原则之一。我也犯过这样的错并且不以为豪。所有创意都可以轻易打破这一设计原则。 关于一致性设计的主题是巨大的。我将尽我所能把它归结成为最重要的点。这样我们就可以学习如何使用一致性,以及如何将它们保留在我们的设计中,而不会破坏它。 什么是一致性设计 一致性是设计的 DNA 分子之一。一致性的设计是直观设计。 总之,当元素具有相似的外观和功能时,可用性和可学性会得以改善。当一致性出现在你的设计中时,人们可以将知识转移到新的环境中,并且不会有痛苦地快速学习新事物。通过这种方式,他们可以专注于执行任务,而不是在每次切换背景时学习产品 UI 的工作原理。 人类也是默认一致性。我们的身体在不断寻求平衡,所以我们能够健康。我们需要感觉到事物的一致性,感到安心的和安全。 一致性的优势 一致性设计让用户感到便捷和舒适。想象一下,你设计的一致元素是字母表中的字母。一旦用户学习了字母表,他就可以去到产品的任何地方并且仍然能够与界面进行沟通而无任何障碍。 不具有一致性的界面尝试以多种语言与用户进行交流。这是只有高级用户才能完成的任务。要保持简化和一致性。 一致性能消除混乱!我们不希望用户感到困惑时,下一步就会感到沮丧。 一致性设计节省金钱和时间!一致的设计经常由预设定义的组件构成。这使得设计师和利益相关者能够快速做出决策,且不用花费宝贵的时间来讨论。这还节省了可用于构建产品并进行渐进式改进的时间。 四种一致性 我们来看看设计时要注意的四种一致性。 视觉一致性 相似的元素以相同方式构成视觉一致性。它增加了产品的可学习性。字体、尺寸、按钮、标签等相似元素需要在整个产品中保持一致,以保持视觉一致性。 功能一致性 功能相同的类似控件构成功能一致性。它增加了产品的可预测性。可预测性让用户感到安全可靠。例如,流程中的返回步骤在整个产品中的运行方式是相同。 内部一致性 这是产品设计中视觉和功能一致性的组合。它提高了产品的可用性和可读性。即使在引入新功能/页面时,只要保持内部一致性,用户就能够轻松使用。 外部一致性 这种一致性在跨多个系统/产品时,是可实现的。一个产品的用户知识可以在另一个产品中重用。这有助于消除大量的冲突,并提供良好的用户体验。 外部一致性的良好例子是 Adobe 产品的用户界面。一旦了解 Photoshop,就可以轻松地重复使用相同的知识来开始使用 Illustrator 等等。 实现这四种一致性将有助于设计获得更好的可用性和更快乐的用户。 如何保持一致 一致的本质是能够多次复制相同的动作或元素,并且仍然能够支撑用户实现任务。 视觉效果 排版,颜色,空间,网格,大小和位置。这些元素需要在一个中心位置定义,然后在你正在设计的系统中使用。 定义强大的视觉层次,最重要的事情要比不那么重要的事情要大。在产品上使用相同的调色板。所有类似元素(按钮,卡片等)中的填充和边距都必须一致。一切都应该在你选择的网格中进行,从而允许以美观的方式安排所有组件。 具有一致的视觉效果将使用户能够快速学习系统并获得平稳的体验。 提示信息的声音和语气 你在整个用户流程中使用的声音和语调会影响用户对产品的认知。保持声音和语调的统一,让用户感知到自始至终都是一个声音在跟他对话。 如果你想在产品设计中保持有趣和友好的声音,错误提示和失败消息也应该是这样。MailChimp 是一个关于声音和语调一致性的很好的例子。 使用熟知的模式 一些经验丰富的人会将我们的设计数字化,这意味着他们已经很熟悉其他的设计,并且熟知其使用模式。 我们应该充分利用这一点,将熟悉的模式融入到我们的设计中。用户的旅程会更加顺畅,人们甚至不会停下来想,“嗯,我该怎么用?”,他们会直接使用它。 设计一致性的变化 你会认为一致性也可能会侵蚀用户。如果我们总是保持一致,就几乎没有任何的创新。 在做出改变之前,首先需要学习规则。改变并不是去破坏他们!破碎的一致性等于破碎的设计和用户体验。 这对用户和组织来说都是一种痛苦。设计过程变慢了。就会花费大量金钱以支付那些在会议室争论什么颜色最适合该按钮的人。每个人都失去了宝贵的时间,他们需要对已决定的重新进行决定。 设计师应尽可能的保持,建立一致性。 保持一致性意味着变化将会放缓。不过,我们需要产品是愉快和开心的。我们需要它们发展到更好的版本。 那么,我们如何保持一致性并且仍然能到达我们想要的地步,推动变革? “secret”是理解你的用户。你的所有设计决策都应来自对此的理解。只有当用户的需求通知你时,才能对已建立统一的设计系统进行调整。这些小的变化将会使产品进化到更好的版本,并保持一致性。 最后的思考 让你的设计符合用户期望。了解用户如同了解你的伴侣。能够透过他们的眼睛感知他们的心灵。与他们成为一体。 结合对设计基础知识的深刻理解,如视觉层次,排版,可用性模式等。记住,没有什么变化是好的,更多的变化也并不一定更好! 创建一致性以提高可用性,并通过减少不必要的惊喜创造愉悦。

上一篇:弱化博客的品牌标题

下一篇:腾讯做了一次高明的选择

扫码与我联系

★ ★ ★ ★ ★

“感谢你的鼓励与陪伴,我们的坚持才有意义”

创新与发展 – 优客记录保留所有权利

站内搜索 鄂ICP备16016329号 鄂公网安备42022202000038号