网页配色设计之绿色自然:与生命的对话

本文作者:南巷清风  |  分类:UI设计/网页设计  |  1425天前  |  人气1274

序言

@520设计网:前面讲到了网页配色系列的红包、黄色、蓝色、橙色,今天继续聊聊绿色。推荐网页设计师必看书籍:张晓景的《网页色彩搭配宝典》网页配色的选择标准、色彩感情、色彩对比、配色印象等知识。本篇讲述网页UI设计中绿色的配色,小编推荐阅读:《设计师常用设计尺寸宝典》,《你知道2016年的UI设计的新趋势吗?》,《【网页设计】-玩转网站首页点睛之笔

绿色所表现的最大特质就是绿色植物,因此它会让人联想到森林或草原。绿色本身是一种中性色,也就是它可暖可寒。夹杂黄色的绿色就会具有暖意,而夹杂蓝色的绿色则带着寒冷。前者会联系到阳光下的嫩芽,而后者会浮现出湖水的画面。

 

2017年网页设计配色方案:

1.红色篇:《网页配色设计之:红色空间-网页UI设计

2.黄色篇:《网页设计配色之黄色魅力:作为光的存在

3.蓝色篇:《网页设计配色之蓝色宇宙:他们属于天空和海洋

4.橙色篇:《网页设计配色之有机暧昧橙:红黄的合体

 

某些时候,绿色象征着和平,带来宁静温馨,而又有一些时候绿色则象征妒嫉、邪恶等紧张,总之,绿色的色调宽泛到几乎任何行业都可以运用到它。宽泛的绿色色调充满了非常广阔的情感空间。

网页配色设计之绿色自然:与生命的对话

绿色属于大自然色系,在大自然的色彩中,最饱和的绿色几乎是不多见的,因此中等以及中等以下饱和度的绿色相对较多,因此在运用时需注意这一点。

饱和度并不是越浓烈就越能凸显它的特质,往往过高的饱和度色彩会毁掉原本自然的一面而显得非自然。

利用青苹果本身的色彩作为大图背景就可以让绿色表现出其丰富而细腻的自然感觉。

网页配色设计之绿色自然:与生命的对话

茶文化为主题的网站也非常适宜绿色作为主色,配色时,为了表现一种古旧典雅,最好能压低绿色的明度。

网页配色设计之绿色自然:与生命的对话

绿色带来和平,同时也能给人以朝气蓬勃的感觉。它象征着一种生命力。这是其他任何色彩都不能比拟的。而单一的绿色近两年越来越少用到,而更多和蓝色或黄色等临近的色系搭配,让画面更加柔和丰富。

下面这两个页面都采用了绿色的渐变色系作为背景,表现出绿色更加自然的一面,让绿色不至于呆滞。

网页配色设计之绿色自然:与生命的对话

网页配色设计之绿色自然:与生命的对话

绿色和红色是一组对比色,对比色的搭配显得跳脱而活跃,应用得当时效果相当出彩。

下面这个页面带着蓝色调、高饱和度高明度的活泼的青绿色,与荧光粉红搭配显得分外明朗,时尚感满溢。

网页配色设计之绿色自然:与生命的对话

柔和的绿色搭配粉色尽显甜美温馨,尽管是对比色,保持了丰富的色彩层次。

网页配色设计之绿色自然:与生命的对话

网页配色设计之绿色自然:与生命的对话

低明度的绿色带着冷感,色相上稍微增加点黄,最终表现为豆绿色,颇有自然风的感觉,而配图的选择也应该尽量增加色温,让整个画面暖和起来。而饱和度、明度略低的绿色,则拥有一袭复古气质。这样的配色显得非常别致。

网页配色设计之绿色自然:与生命的对话

网页配色设计之绿色自然:与生命的对话

网页配色设计之绿色自然:与生命的对话

后记

绿色搭配的重点在于找准其自然的属性,大自然是最好的调色师,当你学会了自然的一招半点,灵感的小宇宙都会不期而遇来个小爆发。最后推荐一些绿色风格的网页设计模板给大家,点击查看》

本作品为上传者原创,版权为上传者所有。分享时请注明,谢谢!

本文网址:https://www.sj520.cn /listdetail/1/8067/2272.html

快给朋友分享吧!

提示:本站所有资源仅供学习与参考,请勿用于商业用途。图片来自互联网~如侵犯您的权益,请联系QQ:229866246.

提示:转载请注明来自:sj520.cn 。    原文地址:http://www.ifeiwu.com

立即登录/立即注册 与大神切磋,分享你的观点!

全部评论: 0

520
进群福利
签到领VIP
扫二微码

会员登录还没有账号 立即注册

邮箱登录邮箱格式不正确

忘记密码 ?

用第三方帐号直接登录

微博账号登录 QQ账号登录