UI界面设计 ·

UI设计色彩搭配攻略——绿色篇

绿色是属于大自然的色系,是最常见的颜色,很容易让人联想到清新、健康、青春、活力、生命与希望等,这是其他任何色彩都不能比拟的。

绿色本身是一种中性色,属于比较中庸的颜色,它可暖可寒,因此绿色的性格最为平和、安稳、大度。夹杂黄色的绿色就会具有暖意,而夹杂蓝色的绿色则带着寒冷,前者会联系到阳光下的嫩芽,而后者会浮现出湖水的画面。

宽泛的绿色调充满了广阔的情感空间,如淡绿色可以给人清爽的春天感觉,深绿色则显得高雅、沉稳又有档次,高饱和度的绿搭配暗色可以让一个设计很“潮”。正是基于这些特性,绿色被设计师们广泛应用在各种设计中。

 

 

1.绿色情感与联想

人们对色彩的联想,虽然会因为各种原因而存在差异,但是,却也有相当程度的共性。设计师在应用某种色彩之前,要充分理解和掌握这种色彩的情感意象以及它在特定环境下带给人们的联想与象征。

 

生命、大自然>

绿色是自然界中最常见的色彩,给人生机勃勃、万物复苏的感觉,是代表着孕育生命的颜色,充满着希望与青春活力。

 

平静、轻松>

当需要找回安详与宁静的感觉时,回归大自然是最好的方法,因此绿色能让人感到放松和平静。在阅读的时候,由于绿色的平和性,它能有效降低视觉疲劳度,如果作品想给人舒适平静的感觉,绿色是首选。绿意盎然的绿色,不仅能营造出清爽,自然的页面,还能让读者感到轻松自在,增加亲切感和愉悦感。

 

健康、安全>

绿色是一种洁净、新鲜的颜色,也是一种安全、健康的颜色。绿色的产品,能给人传递出材料上的原生态,对于食品、保健、有机产品等设计来说是最佳的颜色。

 

 

2.绿+中性色

绿+黑>

深绿色和黑色搭配会体现出高端大气感;高明度和高饱和度的绿色在黑色背景上看起来更加活跃鲜明,能打破大面积黑色带来的沉闷感,还具有很强的科技感。

 

绿+灰>

中庸高雅的灰色与温和的绿色搭配,具有知性的美感,也传达出高端的质感和优雅的品味。

 

绿+白>

浅绿色和纯洁素雅的白色搭配显得优雅柔和,具有文艺范和小清新的感觉,搭配看起来非常干净清澈。但白色和绿色都趋向于轻薄,一般需要适当添加一些较深的颜色作为点缀色。

 

3.绿+彩色

绿+蓝>

绿色和蓝色是邻近色,搭配在一起,对比比较柔和,容易形成协调统一的基调,让人联想到蓝天绿地,给人清爽舒适感。

 

绿+黄>

绿色和黄色是邻近色,对比协调柔和,具有自然的呼唤感,新鲜而又清澈,显得朝气有活力。

 

绿+橙>

由于绿色和橙色为对比色,对比比较强烈,橙色做为副色在绿色背景上可以增加画面的活跃感,会有一种阳光、活泼之感。

 

绿+紫>

紫色和绿色是奇妙的搭配,紫色神秘又成熟,而绿色代表的是希望和清新,是一组比较梦幻的色调。紫色和绿色都属于深基调色彩,搭配起来给人的视觉有不干净的感觉,可以适当提高两者的明度和饱和度,也可以在二者中加入亮色作为点缀色。

 

绿+红>

绿色和红色是互补色,由于色相对比过大,配色难度也最大。一般一个作为主色,另一个作为点睛色。或降低两者的明度和饱和度,这样就减少了冲突却保留了两种色系在视觉上的对比。

 

 

4.实战演练

接下来通过一则化妆品广告的实战演示让大家加深理解,掌握绿色系搭配规律。

这是一则“生态坊-舒敏保湿修复液”广告的原始资料:

因为要突出天然、纯净、清爽的感觉,所以首选的主色调颜色为绿色。产品稍微倾斜一些破除画面的呆板感,并加入绿叶来丰富画面和突出主题。

接下来进行文字排版进行优化:

大标题改为宋体,形成字形对比;加入花纹、边框和线条等进行细节装饰;最后把所有信息居中排列。

整个画面比较单调,继续进行完善:

1、加入飞舞的落叶增加动、静对比;

2、在画面左边加入英文点缀来丰富画面的细节;

3、最后在PS中用白色画笔工具提亮产品底部背景,并用黑色画笔压暗画面四角,丰富画面的层次感;

可以看到,绿色是属于大自然的色系,绿色做为主色调,可以把产品天然、纯净、清爽的特点很好的突出,这是其他任何色彩都不能比拟的。

 

绿白配色>

绿色和白色搭配显得优雅柔和,具有小清新的感觉,搭配起来非常干净清澈。

 

绿灰配色>

中庸高雅的灰色与温和的绿色搭配,具有知性的美感,也传达出优雅的品味。

 

绿黑配色>

绿色在黑色背景上看起来更加活跃鲜明,能打破大面积黑色带来的沉闷感,体现出高端大气感。

 

绿蓝配色>

蓝色和绿色是邻近色,对比协调柔和,让人联想到蓝天绿水之美,感到平静,放松。

 

绿黄配色>

绿色和黄色也是邻近色,两者搭配具有自然的呼唤感,新鲜而又清爽,显得朝气有活力。

 

绿橙配色>

绿色和橙色为对比色,对比比较强烈,有一种愉悦、活泼之感。

 

绿紫配色>

紫色和绿色都属于深基调色彩,可以适当提高两者的明度和饱和度,加入亮色作为点缀色,是一组比较梦幻的色调。

绿红配色>

绿色和红色是互补色,对比很强烈,这里使用红色作为主色,绿色作为点睛色,这样就减少了冲突却保留了两种色系在视觉上的对比。

 

 

5.结语

绿色是属于大自然的色系,是最常见的颜色,绿色本身是一种中性色,因此性格最为平和、安稳、大度。绿色很容易让人联想到清新、健康、青春、活力、生命与希望等,这是其他任何色彩都不能比拟的。正是基于这些特性,绿色被设计师们广泛应用在各种设计中,如能在设计中如能恰倒好处的运用, 对于增强设计冲击力和表现力、体现设计主题、升华设计内涵有很大的帮助。

 

 

 

作者公众号:艺海拾贝Design