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

3.3 黄

3.3.1 认识黄色

黄色是三原色之一,属高明度色。黄色代表了太阳的光与热,也代表着朝气和希望。黄色还具有警告的作用,例如小学生的小黄帽、黄灯、警告牌等。当在黄色中添加黑色时,就变为黄褐色,能够给人一种中庸、儒雅的感觉,而在黄色中添加白色时,则变得轻快、柔软。

色彩情感:光明、明亮、轻快、光芒、纯正、公正、幸福、辉煌、权利、开朗、阳光、热闹、廉价、恶俗、软弱、吵闹、色情、轻薄。

3.3.2 黄&铬黄

1 黄色是非常温暖的颜色,有一种充满希望和活力的感觉。

2 网页中黄色与淡青色搭配,形成了较为欢快的对比效果。

3 网页中采用红色作为点缀色,它与黄色和青色同为对比色,这样的配色方法能够充分展现活泼、年轻的主题。

1 铬黄色中带有一点点红色,所以该颜色有几分俏皮感。

2 网页为食品主题,采用黄色调不仅能够与食物的颜色相互呼应,还能够促进浏览者的食欲。

3 网页以白色为辅助色,能够体现食品卫生的主旨。

3.3.3 金色&香蕉黄

1 在古代,金色向来是皇权的象征,金色给人华丽、高贵的感觉。

2 网页中以金色搭配灰色,能够让商品十分抢眼。

3 金色是非常适合做点缀色的颜色。

1 香蕉黄中添加了少许的白色,所以黄色变得更加柔和。

2 在网页中,黄色正圆是画面的主体,它利用面积及颜色,使其变得非常抢眼。

3 画面中大小不一的圆形形成一条曲线,让视线流动起来。

3.3.4 鲜黄&月光黄

1 鲜黄色颜色纯度较高,是颜色非常艳丽的色彩。

2 在页面中,鲜黄色的商品在画面中非常抢眼。

1 月光黄属于高明度、低纯度的颜色,是一种绵软、柔善的颜色。

2 网页以黑色作为点缀色,利用明度的强弱对比,让画面更具视觉冲击力。

3 网页中,大面积的留白增加了画面的可视性。

3.3.5 柠檬黄&万寿菊黄

1 柠檬黄中带有一点绿色,所以非常鲜艳,视觉冲击力强。

2 在网页中,黑色与柠檬黄的对比效果十分强烈。

3 该网页模块分割清晰,简单明了。

1 万寿菊黄是来自自然的颜色,它非常温暖、干净,有着与生俱来的芳香之感。

2 网页中的插画为矢量风格,黄色调的配色使人产生愉悦之感。

3 在网页中,除了网页的插图,其余的按钮、导航等都非常简洁,这也说明网页能够化繁为简,主题明确。

3.3.6 香槟黄&奶黄

1 香槟黄颜色轻柔,有着香槟独有的芳香。

2 在该网页中,以香槟黄作为背景,并以橙色作为点缀,这样类似色的配色既保证了视觉的统一感,又不失颜色的变化。

1 一听到奶黄色这个名词,就不禁与香、甜、丝滑这样的词语联系到一起。

2 网页中柔和的色调,能够充分体现对小动物的怜爱。

3 画面中几点红色鲜明、大胆,使构图变得生机勃勃。

3.3.7 土著黄&黄褐

1 土著黄有着浓浓的“复古”韵味,象征着儒雅、中庸、刚正不阿。

2 土著黄色的背景为网页增添了成熟、稳重的视觉印象。

3 白色的导航栏及文字,可以用来提高网页的明度。

1 黄褐色为中明度、低纯度的颜色,有着中年人的沉稳、含蓄和平静。

2 在该网页中,添加了橘红色调的装饰,所以整个页面并不沉闷。

3.3.8 卡其黄&含羞草黄

1 “卡其”一词源自波斯语,有“灰尘”、“尘土”的意思,卡其黄具有黄色倾向。

2 在网页中由深至浅的颜色变化能够使人的视线集中到一点。

3 食品网页设计以该色调作为主色调,能够突出食品的品质。

1 含羞草黄是一种明亮的黄色,具有一种欢乐、俏皮的感觉。

2 在网页中,含羞草黄是辅助色,它与黑色形成了强烈的明暗对比。

3 黄色为前进色,所以在整个画面中显得非常突出。

3.3.9 芥末黄&秋菊色

1 芥末黄中带有一点点绿色,为暖色调。该颜色微微地偏灰色调,所以视觉效果非常柔和。

2 该网页以芥末黄作为背景,并且没有十分强烈的配色,所以整个画面的视觉效果非常柔和。

1 秋菊色是一种高明度色彩,所表现出来的视觉效果是明快、简捷、温和、素雅。

2 秋菊色的视觉效果较轻,所以该网页也传达了这种轻柔的视觉感受。

3 这种去繁就简的网页设计,是现代设计师非常推崇的。