网页配色设计手册(写给设计师的书)
上QQ阅读APP看书,第一时间看更新

3.4 绿

3.4.1 认识绿色

绿色是非常清新、自然的颜色,它来自于自然界。看见绿色,总是能够让人们想到生机勃勃的春天、清新宁静的森林、健康的蔬果。

从心理上讲,绿色会让人心态平和,给人松弛、放松的感觉。在绿色中添加些黄色,颜色变得鲜嫩,就像新抽芽的柳枝;在绿色中添加蓝色,颜色则变得清秀、豁达。

色彩情感:和平、宁静、轻松、自然、环保、生命、成长、生机、希望、青春、清秀、豁达、健康、清淡、明媚、鲜活、土气、庸俗、愚钝、沉闷。

3.4.2 黄绿&苹果绿

1 黄绿色性情温和,是春天的颜色,代表着无限的生机和希望。

2 网页中咖啡色与黄绿色搭配,这种在颜色上明与暗、浊与清的对比,形成了颜色碰撞的火花。

3 在网页中,图案和文字的搭配和有效的穿插,能使页面除了信息传达外,更具层次感和观赏性。

1 苹果绿是非常清甜的颜色,能够让人联想到青苹果甜中带酸的口感。

2 在网页中,图片形成节奏上虚实和疏密的对比,使得整个画面既有曲线带来的张力和动感,又不乏整体的稳固和均衡。

3 网页以大图为主体,非常直观、明确。

3.4.3 嫩绿&叶绿

1 嫩绿色是一种非常清新、自然的颜色,它来自春天,来自自然。

2 网页中的颜色单纯,单色调的配色方案韵律平缓。

3 网页中,背景颜色有轻微的变化,不会使画面显得枯燥、单调。

1 叶绿色是夏天的颜色,颜色鲜亮中透着几分深沉。

2 网页中分为左右两处,左侧为网页的重要信息,右侧为播放器,这样的布局使得整个页面既有亮点又不失简洁。

3.4.4 草绿&苔藓绿

1 草绿色清新亮丽,可以使人产生心情愉悦的视觉感受,具有较强的视觉冲击力。

2 在该网页中,圆角矩形和圆形的穿插结合,色彩填充的图形交集,既能展示重要信息,又勾勒出整个网站的风格形态。

3 作为与健康相关的网页,选择草绿色作为主色调,非常切合主题。

1 苔藓绿颜色明度较低,所以略带深沉、忧郁的感觉。

2 该网页中,苔藓绿只作为点缀色,在这样干净、简洁的网页中,显得非常低调。

3 网页布局紧凑,张弛有度,文字和图案的结合使得条理非常清晰。

3.4.5 芥末绿&橄榄绿

1 芥末绿颜色纯度较低,而且色调偏灰,所以给人一种平缓、温柔的感觉。

2 网页中是统一的绿色,通过颜色的变化增加画面的层次感。

3 网页中飞动的元素也为画面添加了动感。

1 橄榄绿颜色明度较低,此在颜色在低调中有几分骄傲。

2 在该网页中,通过不同的颜色来划分网页区域,整个页面层次分明。

3 该网页采用单色调的配色,在视觉上营造出平衡之感。

3.4.6 枯叶绿&碧绿

1 顾名思义,枯叶绿的颜色源于秋天枯萎的绿叶,是一种中性色,视觉感受非常舒缓、平稳,其中不乏黯淡、消沉之感。

2 该网页呈现柔和的灰色调,而且在网页中有枯叶绿作为主导色,整个页面显得非常淡雅。

3 该网页上方为图案,下方为细节,这样的网页布局虽然保守,但是非常实用。

1 碧绿色是绿色中带有青色,所以碧绿色不仅有绿色的自然清新,又不乏俏皮、活泼的感觉。

2 网页中,碧绿色为背景颜色,用大面积的颜色抢占先机。

3.4.7 绿松石绿&青瓷绿

1 绿松石绿是来自宝石的颜色,这种颜色能够让人联想到精美的宝石、热带平静的水域,是令人激动的、明亮的颜色。

2 在该网页中,三角形的构图方式不仅构图稳定,视觉上的感官延续让页面脉络清晰、不脱节,且富有节奏感。

1 青瓷绿的色彩纯度低,颜色呈灰色调,它有着洗尽铅华、古朴典雅的气质。

2 网页构图非常简单,内容都集中在模块中,而网页标志破框而出,就变得格外突出。

3.4.8 孔雀石绿&铬绿

1 孔雀石绿颜色鲜艳、热烈、饱满,是使人兴奋的颜色。

2 在该网页中,孔雀石绿只作为点缀色,它与背景形成强烈的对比。

3 网页内容丰富,利用颜色区分信息的主次。这样的方式既能展示重要信息,又勾勒出整个网站的风格形态。

1 铬绿色颜色较暗,明度较低,所以给人一种深沉、浑厚的感觉。

2 网页属于单色调的配色方案,整个画面颜色统一,又不失变化。

3.4.9 孔雀绿&钴绿

1 孔雀绿的颜色来自孔雀的羽毛,这种颜色华丽、冷艳,透着神秘感。

2 该网页将模块整齐划分,条理清晰,让人过目难忘。

3 该网页以灰色搭配孔雀绿,颜色明暗、纯度的对比较弱,这样的颜色搭配给人一种冷静、睿智的视觉感受。

1 钴绿色颜色明度相对较高,当这种颜色面积较大时,使人心里安静、恬静,当颜色面积较小时,则非常活泼、年轻态。

2 该网页背景部分颜色轻柔,在前景中钴绿色非常跳跃,能够让前景非常突出。

3 前景中圆形的模块饱满、圆润,富有张力。