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

3.5 青

3.5.1 认识青色

青色是介于绿色和蓝色之间的颜色,是天空和大海的颜色。在中国古代社会中,青色具有极其重要的意义,传统的器物和服饰常常采用青色。当在青色中添加白色时,颜色变得清凉、欢快;当在青色中添加黑色时,暗色变得深沉、冷静。

色彩情感:清脆、伶俐、欢快、劲爽、淡雅、安静、沉稳、踏实、内涵、广阔、童真、亲切、乐观、柔和、磊落、深邃、科技、阴险、消极、沉静、冰冷、沉闷、华而不实。

3.5.2 青&铁青

1 青色颜色干净,纯度比较高,所以容易吸引眼球。

2 这是一个医疗主题的网页设计,青色的背景搭配上白色,整个画面干净、清爽,给人一种值得信赖的感觉。

3 在页面中,人物手指的指向是网页的重要信息,在视觉上起引导的作用。

1 铁青色属于低明度的色彩基调,是一种冷静、深沉的青色。

2 该网站为家居主题的网页设计,选择铁青色作为主色调,并不会显得沉闷,而是显示出了正式场合应有的严肃。

3 网页中图案的面积较大,所以更容易吸引人的注意力。

3.5.3 深青&天青

1 深青色颜色比较暗,大面积使用会显得沉闷,所以在该网页中以白色为主色调,只是用了深青色作为辅助色。

2 该网页属于门户网站,深青色能够让整个网页看起来更加严肃、庄重。

3 在这个网页中,文字信息较多,所以没有较多的装饰,在排版上比较整齐。

1 天青色是天空的颜色,让人联想到万里无云的晴空,是让人心情愉快的颜色。

2 在该网页中,以天青色为主色调,整个画面给人一种冰爽、清凉、纯净的感觉。

3 该网页采用中轴型的布局方式,在网页中将图片和文字以垂直方向排列,给人稳定、平静、含蓄的感觉。

3.5.4 群青&石青

1 群青色颜色更加偏向蓝色,该颜色比较鲜艳,视觉感受上比较诚恳、真诚。

2 在该网页中,以天空作为背景,给人以空间上的延伸感。

3 画面以群青色为主色调,在点缀色的选择上比较丰富,画面生动有趣。

1 这是一个以科技为主题的网页设计,以石青色作为主色调,首先营造了一种冷静、严肃的气氛,然后搭配白色和少量的灰色,使页面干净、整洁。

2 该网页的布局方式较为简约,规划整齐,方便浏览者使用。

3.5.5 青绿&青蓝

1 青绿色中绿色的含量多一些,所以颜色在感觉上没有那么清爽,反倒是给人一种清新、灵活、生动的视觉感受。

2 该网页属于“标题正文型”的布局方式,在网页的上方有重要的网页信息,而且此处以青绿色作为背景颜色,能够很好地突出主体。

1 青蓝色的颜色纯度不高,稍微有些偏灰,所以带有一丝忧郁之感。

2 在该网页中,以青蓝色为主色,并以其他青色作为辅助主色,根据色块的明暗变化为画面添加颜色所带来的动感。

3 这是网站的首页,这样新颖、活泼的表现方式,更容易吸引用户的注意。

3.5.6 瓷青&淡青

1 瓷青色晶莹纯净,像瓷器一样透着婉约、冰凉的感觉。

2 在网页中采用橙色及黄色作为点缀色,它与瓷青色为对比色,由于点缀色的面积较小,所以画面中既有对比,又不显得杂乱。

1 淡青色颜色明度很高,该颜色干净、清洁,没有一点杂质。

2 在这个网页中,以淡青色为主色调,整个页面清新、可爱,作为一个针对年轻女性的网页,这样的色调还是非常得体的。

3 网页为“标题型”布局方式,以商品为整个页面的主体,可以起到促销的作用。

3.5.7 白青&青灰

1 白青色与淡青色颜色相近,但白青色中的白色更多一些,它有点偏灰。这样的颜色清新之余透着柔和。

2 该网页以白青色为主色调,而网页中的图像大多都是蔬菜,通过这两种元素向人们传递健康、绿色的主题。

1 青灰色中,灰色的色彩倾向十分明显,颜色为中明度,颜色纯度也较低,所以给人一种朴素、禅意的视觉感受。

2 该网页设计较为独特,它将画面一分为二,当用户打开网页后,先注意到的是中轴线以及上方的文字,然后才会欣赏左侧的图案,接着由图案将视线引导向右侧的商品及文字说明,这样的布局方式新颖独特,打破了常规。

3.5.8 水青&藏青

1 水青色冰凉、明净,能够让人联想到幽谷中的一汪清泉,背景为梦幻冰川世界。

2 该网页为单色调的配色方案,同颜色由深到浅的变化为画面营造空间感。而且以冰为图案,为画面营造了冰凉、唯美、神秘的氛围。

3 画面中跳跃的舞者正是朝着文字的方向,她一方面为画面营造动感,另一方面可以将人们的视线向文字方向引导,可以一举两得。

1 藏青是生活中常见的颜色,其颜色明度较低,是代表男士的颜色。它通常象征着理智、勇敢、坚强。

2 该网页以大图为主,并添加了有说服力的标题,让人记忆深刻。

3 深色调在网页设计中应用范围较小,所以只要运用得当,深色调更容易吸引、打动广大浏览者。不仅如此,深色调更能给人一种品质、奢华、低调的视觉感受。

3.5.9 清漾青&浅葱色

1 清漾青的色彩感觉更倾向于绿色,是一种孤傲、超然的颜色,也是很有民族色彩的颜色。

2 在该网页中,清漾青在白色背景的映衬下显得与众不同。它让人觉得这个颜色不应该属于食物包装的颜色,就是这种“不应该”,又让人觉得非常独特,使人过目难忘。

1 浅葱色是非常有灵气的颜色,淡淡的颜色中透着些许的青色,也透着一丝绿色,是让人看着舒服且带着神秘感的颜色。

2 在该页面中,背景颜色柔和且富有变化,既美观,又不会抢夺前景的风头。

3 画面中图文结合,既充分展示了商品,又对商品进行了详尽解说,二者配合默契。