原文:https://mp.weixin.qq.com/s/MnaAbsD05acFRI9z5MdfLg

“优秀的设计让人无法感觉到它的存在”,设计中的一致性会在无形之中使你的设计效果更加优秀,也更易于用户使用。对于B端视觉设计来说,我们的目标是让用户发出“哇!”的感叹,不是因为绚丽的界面,而是因为产品能够帮助他高效地完成工作。

01

为什么做一致性

B端设计并无特殊之处,优秀设计的一切准则,在这里都适用。不过,设计B端产品和C端产品,确实存在一些差别。对B端设计团队来说,最大的挑战如何通过提高产品的用户体验一致性来帮助B端用户高效完成任务。B端产品通常有更长的产品周期且多平台合作,很容易导致产品设计不一致。这些问题随着团队的扩大或者产品的功能增加而变得更加严重。这时怎么保证设计的一致性就是我们必须要考虑的问题。

02

一致性的好处

其实无论C端还是B端,都要考虑模块的一致性和可复用性,B端尤甚。一方面是为了保持设计的统一,另一方面也是降低开发成本和维护成本。产品保持“一致性”能够有效降低用户学习成本,而视觉一致性又可以提高产品所塑造的品牌形象,一定程度上减少用户的认知成本。好比你进去LouisVuitton的店铺时,你不可能会看到有Chanel或者其他品牌风格的包包罗列在里面吧,LouisVuitton同一个系列的包,从手提包到肩包到行李箱,虽然产品上略有不同,但它们的细节和气质都是一致的,标识图形、埃尔泽菲尔字体以及颜色已经形成了其品牌的识别符号。甚至其衍生产品也都保留着LV独有的气质。

03

怎么保持一致性

尼尔森十大交互设计原则中对于“一致性原则”这样定义:同一用语、功能、操作保持一致。同样的语言,同样的情景,操作应该出现同样的结果。

在设计B端产品时,大量会涉及到PC端,移动端的场景,对于高度依赖PC端操作的情景与灵活的移动端场景,在关键的节点采用一致性的设计语言尤为重要

· 结构一致性

保持一种类似的结构,新的结构变化会让用户思考,规则的排列顺序能减轻用户的思考负担;我们在列表的布局设计中,每个模块都是统一的结构样式,让用户快速定位到自己想要关注的信息,这就是结构一致性的体现。

· 色彩一致性

保持产品所使用的主要色调是统一的,而不是换一个页面颜色就不同。如下图,我们的产品中(网页版和APP)图标颜色与界面的主色均为红色,也包括其中一些标签和按钮的文字颜色都是红色,整个界面都通过黑、白、红色来呈现,界面保持了很好的一致性,这就是色彩一致性原则。