HI,下午好,新媒易不收取任何费用,公益非盈利机构
24小时服务热线: 4000-162-302
请扫码咨询

新媒易动态

NEWS CENTER

一致性体现在产品中可以体现在很多方面,比如是视觉风格统一,交互操作统一

2021-04-10

一致性

我们在做设计时,经常会讲到要保持一致。

一致性的好处:

  • 从外部来说,可以极大的提升产品的易用性,降低用户的学习成本,同时也有利于品牌形象的传达。
  • 从内部来说,将一些相同或类似的功能进行复用,提高团队的协作效率,让资源得到更充分的利用。

那么设计师该如何做到一致性呢?

一致性体现在产品中可以体现在很多方面,比如是视觉风格统一,交互操作统一。

  • 视觉上可以是配色、字体、图标、页面布局、插画,以及在不同终端上的统一。
  • 交互操作可以是相同相似功能在不同页面的呼出方式,一些地方动画的表现形式。

另外,产品与本身所处的行业内的竞品的一致性,比如音乐播放页面,用户已经习惯了上面是歌曲宣传图。

下面是播放切换的控件,各个产品的排版布局都是相似的,这样的统一可以让用户没有陌生感,在接触一个新的音乐类产品时很快的上手。


滴答清单的网页端、桌面版、网页插件,将页面的主要功能信息都放在了左边,中间部分是清单列表,最右侧是清单详情,配色都是用了灰色、白色、浅蓝色,图标风格上使用的面型风格;这三个终端的视觉风格是保持了高度的一致,传递给用户的也是很强的品牌理念。


阿里云盘,App启动页和网页功能介绍,都是使用了C4D插画,来保证两个终端品牌风格的一致性。


微博App的详情页及他人主页,这两个页面的评论功能都使用了相同的底部弹出框的控件样式,用户可以在不用思考的情况下直接操作,这是利用了相同功能在不同页面复用了相同的交互控件。

02 费茨定律


简单点来说,有两个关键因素,两个操作目标的距离、操作目标大小

第一个因素意思就是在当前产品中两步操作,手指移动的距离越短,操作就越容易;第二个因素是当前操作目标越大,操作越容易。


相关推荐