序言

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

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

 

2017年网页设计配色方案:

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

后记

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

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

—— 灵感网(LingGan.Vip):用灵感点燃我的创作

分享 . 收藏 - 打开创意灵感之源 —— 灵感网 ( LingGan.Vip )
灵感网 » 网页配色设计之绿色自然:与生命的对话- 灵感

发表评论

售后服务:

  • 售后服务范围 1、商业模板使用范围内问题免费咨询
    2、源码安装、模板安装(一般 ¥50-300)服务答疑仅限SVIP用户
    3、单价超过200元的模板免费一次安装,需提供服务器信息。
    付费增值服务 1、提供dedecms模板、WordPress主题、discuz模板优化等服务请详询在线客服
    2、承接 WordPress、DedeCMS、Discuz 等系统建站、仿站、开发、定制等服务
    3、服务器环境配置(一般 ¥50-300)
    4、网站中毒处理(需额外付费,500元/次/质保三个月)
    售后服务时间 周一至周日(法定节假日除外) 9:00-23:00
    免责声明 本站所提供的模板(主题/插件)等资源仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,有部分资源为网上收集或仿制而来,若模板侵犯了您的合法权益,请来信通知我们(Email: 14212192@qq.com),我们会及时删除,给您带来的不便,我们深表歉意!

Hi, 如果你对素材资源有疑问,可以跟我联系哦!

联系小编

灵感网——用灵感点燃我的创作!

立即查看 了解详情
赞助VIP 享更多特权,建议使用 QQ 登录