前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >为什么说设计中的一致性原则至关重要

为什么说设计中的一致性原则至关重要

作者头像
BestSDK
发布2018-03-01 15:11:52
2.2K0
发布2018-03-01 15:11:52
举报
文章被收录于专栏:BestSDKBestSDK

什么是一致性设计

一致性是设计的DNA分子之一。一致性的设计是直观设计。

总之,当元素具有相似的外观和功能时,可用性和可学性会得以改善。当一致性出现在你的设计中时,人们可以将知识转移到新的环境中,并且不会有痛苦地快速学习新事物。通过这种方式,他们可以专注于执行任务,而不是在每次切换背景时学习产品UI的工作原理。

人类也是默认一致性。我们的身体在不断寻求平衡,所以我们能够健康。我们需要感觉到事物的一致性,感到安心的和安全。

一致性的优势

一致性设计让用户感到便捷和舒适。想象一下,你设计的一致元素是字母表中的字母。一旦用户学习了字母表,他就可以去到产品的任何地方并且仍然能够与界面进行沟通而无任何障碍。

不具有一致性的界面尝试以多种语言与用户进行交流。这是只有高级用户才能完成的任务。要保持简化和一致性。

一致性能消除混乱!我们不希望用户感到困惑时,下一步就会感到沮丧。

一致性设计节省金钱和时间!一致的设计经常由预设定义的组件构成。这使得设计师和利益相关者能够快速做出决策,且不用花费宝贵的时间来讨论。这还节省了可用于构建产品并进行渐进式改进的时间。

四种一致性

我们来看看设计时要注意的四种一致性。

视觉一致性

相似的元素以相同方式构成视觉一致性。它增加了产品的可学习性。字体、尺寸、按钮、标签等相似元素需要在整个产品中保持一致,以保持视觉一致性。

功能一致性

功能相同的类似控件构成功能一致性。它增加了产品的可预测性。可预测性让用户感到安全可靠。例如,流程中的返回步骤在整个产品中的运行方式是相同。

内部一致性

这是产品设计中视觉和功能一致性的组合。它提高了产品的可用性和可读性。即使在引入新功能/页面时,只要保持内部一致性,用户就能够轻松使用。

外部一致性

这种一致性在跨多个系统/产品时,是可实现的。一个产品的用户知识可以在另一个产品中重用。这有助于消除大量的冲突,并提供良好的用户体验。

外部一致性的良好例子是Adobe产品的用户界面。一旦了解Photoshop,就可以轻松地重复使用相同的知识来开始使用Illustrator等等。

实现这四种一致性将有助于设计获得更好的可用性和更快乐的用户。

如何保持一致

一致的本质是能够多次复制相同的动作或元素,并且仍然能够支撑用户实现任务。

视觉效果

排版,颜色,空间,网格,大小和位置。这些元素需要在一个中心位置定义,然后在你正在设计的系统中使用。

定义强大的视觉层次,最重要的事情要比不那么重要的事情要大。在产品上使用相同的调色板。所有类似元素(按钮,卡片等)中的填充和边距都必须一致。一切都应该在你选择的网格中进行,从而允许以美观的方式安排所有组件。

具有一致的视觉效果将使用户能够快速学习系统并获得平稳的体验。当你使用一致性的视觉效果时,你的设计将获得不错的 Feng Shui。

这里有一个很好的来源,包括样式指南的示例:

http://styleguides.io/examples.html

提示信息的声音和语气

你在整个用户流程中使用的声音和语调会影响用户对产品的认知。保持声音和语调的统一,让用户感知到自始至终都是一个声音在跟他对话。

如果你想在产品设计中保持有趣和友好的声音,错误提示和失败消息也应该是这样。MailChimp是一个关于声音和语调一致性的很好的例子。

http://styleguide.mailchimp.com/voice-and-tone/

使用熟知的模式

一些经验丰富的人会将我们的设计数字化,这意味着他们已经很熟悉其他的设计,并且熟知其使用模式。

http://www.mobile-patterns.com/

我们应该充分利用这一点,将熟悉的模式融入到我们的设计中。用户的旅程会更加顺畅,人们甚至不会停下来想,“嗯,我该怎么用?”,他们会直接使用它。

这里有两个可以查看很多的模式的很不错的来源,:

http://www.mobile-patterns.com/

http://ui-patterns.com/patterns

设计一致性的变化

你会认为一致性也可能会侵蚀用户。如果我们总是保持一致,就几乎没有任何的创新。

在做出改变之前,首先需要学习规则。改变并不是去破坏他们!破碎的一致性等于破碎的设计和用户体验。

这对用户和组织来说都是一种痛苦。设计过程变慢了。就会花费大量金钱以支付那些在会议室争论什么颜色最适合该按钮的人。每个人都失去了宝贵的时间,他们需要对已决定的重新进行决定。

设计师应尽可能的保持,建立一致性。

保持一致性意味着变化将会放缓。不过,我们需要产品是愉快和开心的。我们需要它们发展到更好的版本。

那么,我们如何保持一致性并且仍然能到达我们想要的地步,推动变革?

“secret”是理解你的用户。你的所有设计决策都应来自对此的理解。只有当用户的需求通知你时,才能对已建立统一的设计系统进行调整。这些小的变化将会使产品进化到更好的版本,并保持一致性。

最后的思考

户期望。了解用户如同了解你的伴侣。能够透过他们的眼睛感知他们的心灵。与他们成为一体。

结合对设计基础知识的深刻理解,如视觉层次,排版,可用性模式等。记住,没有什么变化是好的,更多的变化也并不一定更好!

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2017-07-17,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 BestSDK 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 什么是一致性设计
  • 一致性的优势
  • 四种一致性
  • 如何保持一致
    • 视觉效果
      • 提示信息的声音和语气
        • 使用熟知的模式
        • 设计一致性的变化
        • 最后的思考
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档