影响UI设计中一致性的关键要素


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

这里就要告诉大家一个常用的设计法则“重复”“节奏”“韵律”,学过平面设计的同学应该知道,这几个点吧,在平面设计中运用

比较多的种设计方法。

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

重复间距

 

上两图中,我们看可以看出里面设计采用的间距都是基于8的倍数,并重复运用。有节奏、有韵律的重复使用这些间距,可以

产生节奏美。

 

重复控件

上图facebook截图,按钮表象层圆角基因一致。如果有大小差异,它们使用参数化原则去定义圆角,大一点的控件圆角大一

些,反之亦然。

 

布局规则

上图是腾讯视频界面截图,我们可以看到他们在布局上制定了一些规则。

比如栏目与栏目之间才有重复使用相同布局,2x3(指单个栏目摆放视频数量),然后接着下面栏目就是1x1,下面又接着

2x3,后面栏目将1X1和2X3集合起来,然后重复使用。

这样重复的网格布局,对我们产品有什么好处呢?大家有没有发现目前市面上的视频类和音乐类的产品差不多这样布局吗?

(这其实就是外部一致性原则)。

因为用户已经熟悉且掌握这种模式,不再需要重新学习。

那么如何在这种同质化的产品中脱颖而出呢?布局中可以使用对比,突出核心功能体验,又如还可以内容优于同类产品,品

牌特征打造,符号运用。

 

>