人类在回忆所看到过的场景和事物时,对色彩的记忆度要高于形态。也就是说,从视觉角度来看,一款商品给用户留下深的印象总是是界面的色彩搭配。由此大家也可以看出色彩搭配可以说是设计师关键的武器,非常可能没之一,但这个武器有用的「限制」。
UI设计的一个基本原则就是防止页面中出现过多的颜色,这个道理大伙都懂,但在真正自己设计的时候一直会下意识的引入过多的颜色,致使整个界面看着很杂乱。所以对于设计师来讲,掌握给界面的色彩搭配做减法是非常重要的一项技能。
色彩搭配体系的目的
给一款商品打造色彩搭配体系之前,设计师先要弄了解的是:我为何要打造色彩搭配体系?这个问题听起来十分多余而且稍显无厘头。但在我看来,每次做东西之前常问自己为何可以更好的提升工作效率。只有真正理解了色彩搭配的意义,大家才能做到有些放矢,进行有选择性的删减。

一般来讲,色彩搭配体系的打造主要有以下三个目的:
视觉区别
调整界面风格
吸引用户注意力
视觉区别
一个App或网站或许会有好几个主要且同级别的功能和分区。这个时候,设计师需要对商品的信息内容和功能模块进行整体规划,打造界面的基本格局来帮助用户在视觉上进行更好的区别。色彩搭配可以非常不错的帮忙设计师达成这一目的。

色彩搭配可以完成视觉区别,但视觉区别不是只能通过色彩搭配来达成。文字、图像(图标)、布局都可以完成视觉区别。
比如,一款投资理财类应用中有不同类型的理财项目(普通型,随借随还型和可出售型)和不一样的状况(投资确认中,投资成功已起息,清算中等合计11种状况)。
在这样的情况下(3种商品种类,11种商品状况),色彩搭配就要非常小心了。先大家要对状况进行整理,一样的状况整理成一种,如此可以降低颜色的数目。当然会有人感觉六种颜色还是多,由于书本上告诉大家同一页面中色彩搭配不要超越三种。但大家得从实质状况出发,对于理财项目来讲,用户不太可能在同一屏中看到全部的六种状况,也就是说用户同时看到六种颜色的概率非常小。

另外大家舍弃了对商品种类用色彩搭配,由于状况已经用了六种色彩搭配。在这样的情况下,假如大家还对商品种类用颜色来区别(一个种类一个颜色),那样整个页面就会看上去非常乱。所以在这里,对于商品种类大家选择用文字(标签)的形式来区别。

文字相对于色彩来讲,给用户的视觉体验还是稍弱一点。所以大家要对要页面中的内容做一个优先级的排序,关键的内容优先用色彩搭配。在这里大家觉得相对于商品种类,用户更关注自己商品的目前状况。
视觉风格
商品的视觉风格是依据其自己定位和用户需要所决定的,有些商品需要界面具备活力,能让用户产生开心感(购买欲望),大家可以用光波较长红色和橙色来作为商品的主色调。

有些商品讲究沉稳舒适内敛,那样大家用蓝色,灰色或许会愈加合适点。

色彩搭配可以非常不错的帮忙大家打造一个商品的视觉风格。但大家也要了解一款商品的视觉风格是由文字,图像和色彩一块构成的。也就是说,文字和图像同样可以影响一款商品的视觉风格。
文字的跳跃率是指同一界面中不同文字之间的大小比率。不同功能的文字在排版设计的时候会有字号和字重有什么区别,比如主标题,副标题和正文的字号一般是依次减小的,这种字号的差异会带来不一样的文字跳跃率。通常来讲,文字跳跃率高的界面会看上去比较活泼,文字跳跃率低的界面会看上去平静沉着。
在色彩搭配的时候,假如大家降低色彩的用法数目,大面积用白,灰,黑或者其他同色合适色(蓝色与浅蓝色,红色与粉红色等),如此的界面会看上去庄重优雅且富有现代感,但会看上去单调。那样大家就应该适度的提高文字跳跃率给界面提高一些活力。

当然,不仅文字有跳跃率,图片也有跳跃率。设计师可以通过对图片和文字跳跃率的控制来削减界面视觉风格对于色彩搭配的依靠。
吸引用户注意力
大家常常喜欢用色彩搭配来吸引用户注意力,以下图中行为召唤按钮(call to action)为例,配以与背景色差距较大的颜色使其可以从背景中凸显出来。

其实大家即便不用色彩搭配也可以非常不错的吸引用户注意力。
Google搜索的主页出现了大面积的留白,用户的目光自然就会被吸引到搜索框。这和Google的初衷相契合,他们期望用户在这个页面完成搜索操作,所以不需要展示过多其他的信息来分散用户的注意力。

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

当然大家还可以用模糊成效来吸引用户注意力。用户一直会不由自主的被那些对焦准确的部分吸引而忽略掉被虚化的部分。眼球的对焦机制仿佛一个调节器一样捕捉那些离你忽远忽近的物体,如此才能叫你感觉到周围所有事物的深度和距离。这就是大家人眼的工作机制。设计师可以参考这个理论将界面中一些无关紧要的内容进行模糊处置来凸显那些关键的内容。

好的设计应该让用户短期内就能找到他们有兴趣的内容,过多的给予对用户来讲其实是一种负担。少即是多,这是目前信息互联年代的信条也是设计师需要恪守的准则。
新闻标题:给色彩搭配做减法,让设计愈加高档|网站建设推荐网址:https://www.cdcxhl.com/news/175219.html
网站制作、网络营销推广公司|博久网络,是专注品牌与成效的网站建设,网络推广营销网站优化公司;服务项目有网站建设等