4个色彩知识,让你PS设计配色更高级( 四 )


4个色彩知识,让你PS设计配色更高级

文章插图
 
▲Hogan Lovells 采用了非常清新的色调来营造现代设计 。
Berdan Real Estate 是另外一个值得学习的案例 。作为一个房地产网站,它的配色方案是以黄色和桃红色为主的,这两种色彩在同类网站中并不常见,其他的同类网站大多数还是以蓝色、红色和大面积的绿色为主要配色的 。黄色和桃红的配色让 Berdan Real Estate 显得更加富有活力 。
4个色彩知识,让你PS设计配色更高级

文章插图
 
▲Berdan Real Estate 规避开了典型的企业网站配色,转而使用新鲜温暖的配色方案 。
保险业也是一个非常典型、非常传统的行业,它们并没有像其他的现代企业一样随着时代的变化而发生根本性的革命 。但是这并不意味着这些企业没法在设计上动心思 。Lemonade 这个网站就采用了灰色和白色为主的配色方案,强调色用的是紫红色 。在这个以冒险而闻名的行业当中,这种设计本身也算得上是出人意表 。
4个色彩知识,让你PS设计配色更高级

文章插图
 
▲Lemonade
4.2、借助 60–30–10 规则
60–30–10 规则其实是一套很简单的配色规则,这套配色方法据说是室内设计行业中总结出来的 。这套规则很简单,这三个数字分别对比配色方案中三种颜色的配比,相对中性的色调占据整个颜色配比的60%,这种颜色的对比色占据配比 30%,而第三种颜色则作为强调色,占据10%的配比 。
对于想要尝试非常规的配色方案的设计师而言,更容易上手,并且这种配色方法通常也不太容易超出行业或者品牌的设计规范和设计预期 。其中用来强调的配色,占据的配比仅有10%,能够让设计独特,又不会占据太大的面积影响主要的配色方案 。而这也可以让品牌配色更加具备前瞻性,从而可以从同行当中脱颖而出 。
4个色彩知识,让你PS设计配色更高级

文章插图
 
▲Clarity Stress Management 的网站就很好地践行了60-30-10 规则,首屏当中的紫色、白色和洋红大体上是按照这样的配比和功能来设计的 。
5、结语
虽然色彩理论是一套相对复杂的学科,但是基础的知识并不是那么复杂,设计师可以结合知识来更加高效地使用配色,创造出更加多样和复杂的配色方案 。
精心设计的配色方案,尤其是一些意想不到的配色,不仅贴合美学上的需求,而且可以对用户产生心理影响,让品牌看起来更加独特,带来更加独特的用户体验 。




推荐阅读