云发教育 首页 云发讲堂 技能晋级

这些更细致的色彩知识,能让你的设计体验更好

云发教育-本文作者
1740 0 2018-12-19 19:59
摘要

图片来源图虫:已授站长之家使用优设译者:陈子木原文作者:Cameron Chapman当我们讨论色彩的时候,聊的更多的是色彩的搭配。虽然有些设计师认为有些色彩是一些纯粹的美学上的选择,但是实际上,色彩对于用户的心理 ...

4、打破常规的UX配色方法

打破常规的配色方案是让品牌与众不同的好办法。虽然想要创造出这样的配色方案,比起传统的配色方式更需要技巧,但是设计师要学会这样的配色方法并不困难。

4.1、从强调色入手

想要让配色方案更加突出,在设计中添加强调色可能是最容易入手的地方。举个例子,一个律师事务所的网站可能会使用传统的灰色和海军蓝作为基础配色,但是,如果能够加入柠檬绿作为强调色,会显得独特很多,能够和其他的同类网站区别出来。或者你可以看看 Hogan Lovells 这个案例,作为一个法律行业的网站,它采用了白色、灰色和浅绿色作为配色方案,它比其他的同类网站看起来更加年轻也更加现代。

▲Hogan Lovells 采用了非常清新的色调来营造现代设计。

Berdan Real Estate 是另外一个值得学习的案例。作为一个房地产网站,它的配色方案是以黄色和桃红色为主的,这两种色彩在同类网站中并不常见,其他的同类网站大多数还是以蓝色、红色和大面积的绿色为主要配色的。黄色和桃红的配色让 Berdan Real Estate 显得更加富有活力。

▲Berdan Real Estate 规避开了典型的企业网站配色,转而使用新鲜温暖的配色方案。

保险业也是一个非常典型、非常传统的行业,它们并没有像其他的现代企业一样随着时代的变化而发生根本性的革命。但是这并不意味着这些企业没法在设计上动心思。Lemonade 这个网站就采用了灰色和白色为主的配色方案,强调色用的是紫红色。在这个以冒险而闻名的行业当中,这种设计本身也算得上是出人意表。

▲Lemonade

4.2、借助 60–30–10 规则

60–30–10 规则其实是一套很简单的配色规则,这套配色方法据说是室内设计行业中总结出来的。这套规则很简单,这三个数字分别对比配色方案中三种颜色的配比,相对中性的色调占据整个颜色配比的60%,这种颜色的对比色占据配比 30%,而第三种颜色则作为强调色,占据10%的配比。

对于想要尝试非常规的配色方案的设计师而言,更容易上手,并且这种配色方法通常也不太容易超出行业或者品牌的设计规范和设计预期。其中用来强调的配色,占据的配比仅有10%,能够让设计独特,又不会占据太大的面积影响主要的配色方案。而这也可以让品牌配色更加具备前瞻性,从而可以从同行当中脱颖而出。

▲Clarity Stress Management 的网站就很好地践行了60-30-10 规则,首屏当中的紫色、白色和洋红大体上是按照这样的配比和功能来设计的。

5、结语

虽然色彩理论是一套相对复杂的学科,但是基础的知识并不是那么复杂,设计师可以结合知识来更加高效地使用配色,创造出更加多样和复杂的配色方案。

精心设计的配色方案,尤其是一些意想不到的配色,不仅贴合美学上的需求,而且可以对用户产生心理影响,让品牌看起来更加独特,带来更加独特的用户体验。

12345

路过

雷人

握手

鲜花

鸡蛋
微信关注“云发网”每天分享有用的课程资源
阅读排行