- 网页配色设计手册(写给设计师的书)
- 孙芳编著
- 1464字
- 2025-02-16 19:13:58
3.2 橙
3.2.1 认识橙色
橙色是色彩中最温暖的颜色,它在空气中的穿透力仅次于红色。看到橙色,不禁让人联想到硕果累累的秋天,香甜的橙子,是一种充满活力的颜色。橙色还能够给人庄严、尊贵、神秘的感觉,所以在历史上,许多权贵和宗教界人士都用以妆点自己,现代社会中往往作为标志色和宣传色。
色彩情感:温暖、明亮、活力、兴奋、欢乐、健康、华丽、放松、辉煌、舒适、收获、陈旧、隐晦、反抗、偏激、境界、刺激、骄傲。


3.2.2 橘红&橘色

1 橘红色是黄色+红色,红色偏多一些,所以橘红色的视觉冲击力也很强。
2 橘红色能够给人一种新鲜、活力的感觉。
3 网页选择橘红色作为主色调,是为了与商品相互呼应。

1 橘色比橘红色中的红色少一些。橘色象征着年轻、开朗。
2 在网页中白色背景的映衬下,橘色显得非常鲜艳。
3 网页中曲线的模块既可以引导视线,又可以增加画面的趣味性。
3.2.3 橙色&阳橙

1 橙色代表时尚、青春、动感,有种让人活力四射的感觉。
2 在该网页中,橙色调的配色更加映衬了少女的活力。
3 网页能够向人传递健康、活力的感觉。

1 阳橙色是在橙色中添加了白色,给人一种浪漫、温暖的感觉。
2 网页选择青色为点缀色,目的是增加画面颜色的对比,增加视觉冲击力。
3 网页中的点缀色都为橙色调,这样保证了整个页面的色调统一。
3.2.4 蜜橙&杏黄

1 蜜橙色纯度低,明度高,带有欢乐、温暖的情感。
2 在该网页中,蜜橙色为辅助色。
3 儿童主题的网页设计中,采用蜜橙色为辅助色,给人一种活泼、健康的感觉。

1 杏黄色比蜜橙色的明度低一些,杏黄色给人一种柔和、知性的感觉。
2 该网页中,单色调的配色给人一种视觉统一之感。
3 这是一个网站的首页,利用简约时尚的布局方式,为浏览者留下深刻的印象。
3.2.5 沙棕&米色

1 沙棕色是非常“日式”的颜色,给人一种柔和、淡雅的感觉。
2 沙棕搭配深酒红色为类似色的配色。
3 网页中的构图非常简洁,能够充分体现网页的主题。

1 米色颜色非常明亮,色彩感觉非常简朴、温馨。
2 网页为单色调的配色方案,整个画面优雅、干净。
3.2.6 灰土&驼色

1 灰土色的色彩饱和度较低,给人一种宁静、舒服的视觉感受。
2 黑色的导航栏能够让整个页面看起来更加沉稳、干练。
3 网页中的手绘插画增加了画面中的艺术气息。

1 驼色来源于苍茫的沙漠、坚韧的岩石。给人一种淡定、疏离的感觉。
2 网页以地图作为背景,主要是配合商品的产地。
3 网页中虚化的背景能够突出前景中的商品。
3.2.7 椰褐&褐色

1 椰褐色明度较低,能够给人一种稳定、可靠的感觉。
2 网页采用这样的色彩,主要是迎合商品的颜色。
3 页面中渐变的色彩似乎在不断流动,让人能感受到商品丝滑、香浓的口感。

1 褐色常常被联想到泥土、自然、简朴,它给人可靠、有益健康和保守的感觉。
2 该网页为中明度的色彩基调,整体给人一种惬意、稳定的感觉。
3 网页中上明下暗的颜色自然而然地将浏览者的视线向下引导。
3.2.8 柿子橙&酱橙色

1 柿子橙的颜色来自于自然,给人一种香甜、可口的感觉。
2 该网页中,以黑色作为点缀色,能够突出画面的重点。
3 居中的版面布局,是常见的布局方式。这种布局方式工整、集中。

1 酱橙色与橙色相比显得低调,它同样温暖、亲切,但又不乏稳重的感觉。
2 网页中以大图为背景,给人一种舒展、大方的感觉。
3 酱橙色的色调给人一种秋天温暖、明媚的感觉。
3.2.9 金茶色&肤色

1 金茶色的明度没有橙色那样高,所以缺少了橙色张扬的气质。但是这种颜色也能够展示出健康、活泼的气质。
2 网页颜色较为单纯,选择的颜色较少,所以大面的金茶色给人一种健康、优越的感觉。

1 肤色又称为裸色,颜色本质非常的柔和、温暖。
2 本例为儿童主题的网页,选择肤色作为主色调,能够非常贴切地表现出网页柔软、安全的特性。