配色优化,让设计更加高端!

来源:品创智慧


人类在回忆所看到过的场景和事物时,对色彩的记忆度要高于形态。也就是说,从视觉角度来看,一款产品给用户留下深的印象往往是界面的配色。由此我们也能够看出配色可以说是设计师重要的武器,很可能没有之一,但是这个武器有使用的。

UI设计的一个基本原则就是避免页面中出现过多的颜色,这个道理大家都懂,但是在真正自己设计的时候总是会下意识的引入过多的颜色,导致整个界面看起来非常的杂乱。所以对于设计师来说,学会给界面的配色做减法是很重要的一项技能。

配色体系的目的

给一款产品建立配色体系之前,设计师先要弄明白的是:我为什么要建立配色体系?这个问题听起来十分多余而且稍显无厘头。但是在我看来,每次做东西之前常问自己为什么可以更好的提高工作效率。只有真正理解了配色的意义,我们才可以做到有的放矢,进行有选择性的删减。

通常来说,配色体系的建立主要有以下三个目标:

视觉区分

调整界面风格

吸引用户注意力

视觉区分



20210319

一个App或网站可能会有好几个主要且同级别的功能和分区。这时,设计师需要对产品的信息内容和功能模块进行整体规划,建立界面的基本格局来帮助用户在视觉上进行更好的区分。配色可以很好的帮助设计师实现这一目标。

配色可以完成视觉区分,但是视觉区分不是只能通过配色来实现。文字、图像(图标)、布局都可以完成视觉区分。

例如,一款理财类应用中有不同种类的理财产品(普通型,随借随还型和可转让型)和不同的状态(投资确认中,投资成功已起息,清算中等合计11种状态)。

在这种情况下(3种产品类型,11种产品状态),配色就要很小心了。先我们要对状态进行整合,相似的状态整合成一种,这样可以减少颜色的数量。当然会有人感觉六种颜色还是多,因为书本上告诉我们同一页面中配色不要超过三种。但是我们得仏法,让设计更加高端-大连网站设计" />

当然,不只文字有跳跃率,图片也有跳跃率。设计师可以通过对图片和文字跳跃率的控制来削减界面视觉风格对于配色的依赖。


吸引用户注意力

我们经常喜欢使用配色来吸引用户注意力,以下图中行为召唤按钮(call to action)为例,配以与背景色差距较大的颜色使其可以从背景中凸显出来。


其实我们即使不使用配色也可以很好的吸引用户注意力。


谷歌搜索的主页出现了大面积的留白,用户的目光自然就会被吸引到搜索框。这和谷歌的初衷相契合,他们希望用户在这个页面完成搜索操作,所以不用展示过多其他的信息来分散用户的注意力。


阴影效果也可以用来吸引用户注意力,阴影效果可以提升目标元素的“海拔”,进而使其从背景中凸显出来。

当然我们还可以使用模糊效果来吸引用户注意力。用户总是会不由自主的被那些对焦准确的部分吸引而忽视掉被虚化的部分。眼球的对焦机制好像一个调节器一样捕捉那些离你忽远忽近的物体,这样才能让你感受到周围一切事物的深度和距离。这就是我们人眼的工作机制。设计师可以根据这个理论将界面中一些不重要的内容进行模糊处理来凸显那些重要的内容。

好的设计应该让用户短时间内就可以找到他们感兴趣的内容,过多的给予对用户来说其实是一种负担。少即是多,这是当前互联网时代的信条也是设计师需要恪守的准则。

阅读 505
分享
写评论...