UI设计|界面设计中如何做到保持一致性

发布时间:2019-11-20编辑发布:迪麦互动

对于一直坚持以用户体验UX设计为中心的团队,界面设计的直观、简洁、规范、操作方便快捷是我们准则。当用户接触到产品后,简洁明了,无师自通,一致性设计的建立大大的降低了学习成本。


为什么要建立UI设计的一致性?

为了减少用户认知负荷,用户能够轻易上手,熟悉的导航路径,熟悉的设计模式。比如:在系统中无论哪个运用程序右上角那个“X”就是关闭的意思,无须多思考。我们的用户是忙碌的,没有耐心,也不愿意花更多时间来学习如何使用您的产品上。所以,在设计中保持一致性是至关重要,同时,也要压缩点击环节,一道流程不超过3次点击完成,这也是特定情况下用户行为使用习惯的模式,所以要遵循设计准则,关注用户的感觉和品牌认知,根据特定场景去创新。


颜色、布局、字体大小的一致性

1颜色—使用一致的配色方案,严格定义主题色、错误提示色、主标题色、副标题色等。在一个长期迭代多人合作的项目中,不同的设计师会负责不同的模块,每个人都有各自的思路,就有可能会对相同的元素做出了不同的方案,有设计规范来定义基本的元素,一起做出有统一性的产品。

2、布局/排版,遵循最小化设计原则,导航路径清晰可见,一级导航、二级导航和三级导航一定要区分清楚,二者不可混用,排版布局上尽量遵循格式塔心理学原理。

3、字体—不要超过3种字体,那样你的界面看起来会很不统一。一个APP使用一种字体贯穿整个产品设计,字体大小运用重复的原则。


图标控件的一致性

保证功能相同图标元素的一致:大小、粗细、风格等方面都保持一致。比如:控件按钮在不同情况下,可设计成通过颜色来区分它们。


交互行为一致性

操作模式,反馈机制要符合用户心里表真,常用功能操作流程要和外部环境保持一致性。苹果的首席设计师乔纳森•艾弗说:「好的设计无需认知门槛」,好的设计不需要任何指示用户就知道如何操作。如下图苹果系统的亮度设置,向上滑动是提高亮度,向下滑动是降低亮度,而不是向下是提高,向上是降低。

操作错误中给予明确的回馈或错误提示信息,并协助用户从错误中恢复工作。界面设计和程序输入中及时给出状态变化,减轻用户等待的烦躁感,同时增加可控感。


确保视觉上一致性的界面设计,不仅能够让品牌拥有统一的视觉语言,产生竞品区分,还能强化品牌调性。避免用户对其他品牌的混淆,培养用户对品牌的信任感,减轻视觉使用压力。有效的UI设计可以彻底改变用户体验,提升产品应用率。


分享至: