PS设计教程网欢迎你!

怎样的色彩知识能提升你的用户体验(5)

文章来源于 优设,感谢作者 Cameron Chapman 给我们带来经精彩的文章!
设计教程/设计理论/设计理论2018-12-07
4.1、从强调色入手 想要让配色方案更加突出,在设计中添加强调色可能是最容易入手的地方。举个例子,一个律师事务所的网站可能会使用传统的灰色和海军蓝作为基础配色,但是,如果能够加入柠檬绿作为强调色,会显得

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、结语

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

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

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa