UI设计中一致性如何做?看这篇就够了

访客4年前黑客文章539

编辑导读:为什么一致性在UI设计中很重要,设计师泛泛挂嘴边的一致性原则到底是什么?一致性原则如何影响用户行为?代价在那边?本文作者从一致性原则的优势出发,对设计师在处理惩罚界面的时候,如何遵循一致性原则这个问题举办了探讨,与各人分享。

UI设计中一致性如何做?看这篇就够了

01 一致性原则的优势

我们遵循一致性的原则目标是为了淘汰用户认知负荷,用户可以或许等闲上手利用产物,熟悉的导航路径,熟悉的设计模式。

我们知道,我们的用户是繁忙的,没有耐性,他们不肯意 花更多时间来进修利用你的产物。所以我们在做设计时候,就只管多遵循常用的UI Patterns,它是什么?是一种常用可用性问题的一种通用办理方案。

可是假如一味遵循常有的Design Patterns,会导致我们界面看起来无创新,那么该什么时候打破这种边界,下面我会简朴举例说明。

02 影响它的要害要素

颜色、间距、字体巨细、图标一致性、法则一致性、交互操纵等,我们在做界面设计时,如何科学把控这些?

这里就要汇报各人一个常用的设计法例“反复”“节拍”“韵律”,学过平面设计的同学应该知道,这几个点吧,在平面设计中运用较量多的种设计要领。

举一个例子,反复如何运用在UI设计中?

1. 反复间距

UI设计中一致性如何做?看这篇就够了

UI设计中一致性如何做?看这篇就够了

上两图中,我们看可以看出内里设计回收的间距都是基于8的倍数,并反复运用。有节拍、有韵律的反复利用这些间距,可以发生节拍美。

2. 反复控件

UI设计中一致性如何做?看这篇就够了

上图facebook截图,按钮表象层圆角基因一致。假如有巨细差别,它们利用参数化原则去界说圆角,大一点的控件圆角大一些,反之亦然。

3. 机关法则

UI设计中一致性如何做?看这篇就够了

上图是腾讯视频界面截图,我们可以看到他们在机关上拟定了一些法则。

好比栏目与栏目之间才有反复利用沟通机关,2×3(指单个栏目摆放视频数量),然后接着下面栏目就是1×1,下面又接着2×3,后头栏目将1X1和2X3荟萃起来,然后反复利用。

UI设计中一致性如何做?看这篇就够了

这样反复的网格机关,对我们产物有什么长处呢?各人有没有发明今朝市面上的视频类音乐类的产物差不多这样机关吗?(这其实就是外部一致性原则)。

因为用户已经熟悉且把握这种模式,不再需要从头进修

那么如安在这种同质化的产物中脱颖而出呢?机关中可以利用比拟,突出焦点成果体验,又如还可以内容优于同类产物,品牌特征打造,标记运用。

03 一致性原则影响着用户行为

导航模式一级导航,二级导航,假如回收常用设计模式,用户根基可以很轻松的找到本身想要的内容。

再来说下颜色如何影响用户行为:好比系统内里界说蓝色是可点击的颜色,那么我们在做设计是时候就要留意,哪些可点击,颜色利用是否公道,同类颜色,表达沟通的寄义,就不能用在其他意义的元素上。

大原则:沟通寄义的元素在差异的处所执行沟通的操纵时候,反馈机制需要一致。

UI设计中一致性如何做?看这篇就够了

上图左边是ios的开关,右边是materials design 材质设计系统的开关,这两种开关大同小异,它切适用户心理表真,我们日常糊口中家里灯开关不就和这个雷同吗?所以在我们设计这些就可以只管遵循用户的心里表真,保持内部外部一致性。

再好比在ios系统内里在对应列表上左滑动是可以对该列表操纵的,那么在安卓内里的列表设计就需要慎用左滑操纵。

总结

一致性设计大偏向为产物有更精巧的体验,在担保用户体验精采的同时,我们需要与同类产物做出差别化竞争设计,这就需要我们平时多调查互联网设计趋势,海外设计趋势,荟萃本身品牌去打造一套好用的产物。

在产物设计中我们时刻寄望着要害元素一致性的运用,确保产物整体体验一致。

颜色:在利用颜色上需要严格去界说,好比绿色用于正确颜色,赤色用语错误颜色,蓝色是可以点击颜色,这些都是常用的设计模式。

相关文章

这个时代,万物皆是品牌

这个时代,万物皆是品牌

编辑导读:任何理论都有它的范围性和前提条件,在品牌营销中,没有一种要领论是永远有效的。品牌一直处在变革阶段,跟着时代成长的变革而变革。本文对此展开了阐明接头,一起来看看~ 良久没有动笔了,最近打仗到...

规划电商营销系统全流程,七个模块就搞定

规划电商营销系统全流程,七个模块就搞定

编辑导语:营销系统在互联网电商平台内包袱着很是重要的浸染,各个平台的电商营销系统搭建都有必然的差别性。本文作者为我们具体地报告了如何搭建营销系统,同时对营销东西举办了全面的理会,但愿各人能踊跃交换,配...

数据产品系列之(1):为什么数据产品经理的市场需求在增加?

数据产品系列之(1):为什么数据产品经理的市场需求在增加?

数据产物司理的成长今朝还在早期,这样一定会导致市场对数据产物司理的需求在增加,所以这是时机。同样因为此刻还在早期,导致数据产物司理的岗亭成熟度低,对小我私家本领的要求高,但组织不必然能提供系统化的培训...

聊聊 X 信类应收账款多级流转产品

聊聊 X 信类应收账款多级流转产品

编辑导读:应收账款是指企业在正常的策划进程中因销售商品、产物、提供劳务等业务,应向购置单元收取的金钱。当应收金钱占比过高的时候,企业成长会受到影响,所以应收账款多级流转产物的搭建是很有须要的。 本文作...

如何设计出一款灵活的工单系统?

如何设计出一款灵活的工单系统?

环绕工单系统,本文将先容它的代价、业务配景、用户场景、产物流程、产物设计,向各人分享如何设计一个机动的工单系统。 Part1 焦点代价 工单系统的焦点代价是什么? 通过上图我们发明,当发明问题息争...

产品分析报告:微信读书离国民阅读产品还有多远?

产品分析报告:微信读书离国民阅读产品还有多远?

编辑导语:微信念书是今朝较量火热的念书软件之一,从2015年降生,就凭借“让阅读不再孤傲”的标语迅速成长。然而在海内拥挤的阅读类APP和设备的市场中,微信念书如何打破重围,占据高地?又该如何成为百姓阅...