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

3.6 蓝

3.6.1 认识蓝色

蓝色是冷色调,是男性的代表颜色。蓝色通常让人联想到海洋、天空、水、宇宙、冰川。高纯度的蓝色给人鲜活、理智、广阔、魅力的视觉感受。当在蓝色中添加了白色后,会给人阳光、自由的感觉,白色的含量越多,颜色会变得越来越轻柔,越来越可爱、活泼。当在蓝色中添加黑色后,颜色会变得越来越浑浊,感觉越来越稳重、沉着。在网页设计中,强调科技、效率的商品或企业形象,大多选用蓝色。

色彩情感:纯净、美丽、冷静、理智、平静、安详、广阔、沉稳、商务、忧郁、哀伤、深沉、稳定、镇静、文雅、勇气、坚毅、保守、无情、寂寞、阴森、严格、古板、冷酷。

3.6.2 蓝色&天蓝色

1 高纯度的蓝色颜色鲜艳,给人时尚、摩登的感觉。

2 在该网页中,蓝色与背景颜色形成鲜明的对比,从而使主体突出。

3 在该网页中,画面被整齐划分,简洁而有序。

1 天蓝色是天空的颜色,是我们生活中常见的颜色。天蓝色通常给人豁达、开阔的感觉。

2 该网页改用对比色的配色,以天蓝色作为主色调,搭配少许红色,形成了鲜明的对比。

3.6.3 蔚蓝色&普鲁士蓝

1 蔚蓝色空灵、澄澈、明净、高远。

2 该网页是商品促销网页,以大面积的网页广告为视觉中心,可以起到吸引消费者注意的目的。

3 网页中蔚蓝色搭配上白色,使整个页面干净、清爽。

1 普鲁士蓝为暗色调,颜色深沉、内敛。

2 在这个网页中,有精细的网页布局,强烈而现代的图形和有趣的背景,共同构成了视觉焦点。

3.6.4 矢车菊蓝&深蓝

1 矢车菊蓝拥有一种朦胧的蓝色,给人以天鹅绒般的独特质感。

2 该网页为灰色调的配色,淡灰色的背景搭配矢车菊蓝,整个画面营造了一种舒缓、低调的气氛。

3 该网页采用“国”字型的布局方式,整个网页规范、条理清晰。

1 深蓝是十分美丽的颜色,它神秘而深邃,有着贵族般的华丽。

2 网页以商品包装作为主色调,这样的设计一方面是追求画面颜色的统一,另一方面能够让受众看到深蓝色就想到该商品。

3 这个网页是“标题正文型”的布局方式,商品位于画面的中心,起到了介绍商品的作用。

3.6.5 道奇蓝&宝石蓝

1 道奇蓝颜色美丽、文静、理智、洁净。

2 在该网页中,大面积的留白看似牺牲了很多屏幕空间,实则是将焦点汇聚在内容信息上。

1 宝石蓝是很耀眼的颜色,它色泽纯透鲜艳、典雅高贵。

2 在这个网页中,白色的文字与背景形成对比,拉开了与背景的距离,使文字变得突出。

3 该网页属于简约型的设计方式,成段的白色文字变得非常引人注目。

3.6.6 午夜蓝&皇室蓝

1 午夜蓝的颜色像深夜的天空,带有神秘、诡异的感觉。

2 这是一个网站的首页,页面以半透明的大图作为背景,给人一种开阔、舒展、延伸的视觉感受。

3 该网页为单色配色,由午夜蓝延伸到更浅的蓝色,这样颜色的变化能够让人的视线向画面中心聚集。

1 皇室蓝被广泛地使用于欧洲王室的徽纹、防御性武器或服装上,因此而得名。

2 该网页是食物主题的网页设计,以皇室蓝作为背景,主要是为了打造一种甜美的少女风格。

3 网页的导航栏为黑色,这样的设计主要是为了让用户不被令人眼花缭乱的内容所迷惑。

3.6.7 浓蓝色&蓝黑色

1 浓蓝色颜色较深,该颜色象征着深邃、安稳。

2 该网页以浓蓝色作为海底的色调,深邃的颜色渲染了海底的氛围。

3 在这个页面中,暗角的处理、颜色的变化让画面产生了空间延伸的效果。

1 蓝黑色颜色明度低,代表着勇气、冷静、理智、永不言弃的含义。

2 该网页中,左侧为浅色,右侧为深色,这样的搭配使画面产生了明显的对比效果。

3 在画面中,左侧呈现静态,右侧呈现动态,人的视线从左至右,能够更加全面地观察网页。

3.6.8 爱丽丝蓝&水晶蓝

1 爱丽丝蓝是一种非常梦幻的蓝色,在这个网页中,背景色采用了爱丽丝蓝。

2 该网页为同类色的配色方案,青蓝色色调的配色,非常契合网页的主题。

1 水晶蓝是一种浅而剔透的蓝色,颜色非常轻盈、纯粹。

2 在该页面中,以大面积的水晶蓝作为背景,为画面营造了透明、梦幻的意境。

3 该网页为“口”字型布局方式,中间为创意图案,四周为文字信息,这样的布局方式使页面充实、内容丰富。

3.6.9 孔雀蓝&水墨蓝

1 孔雀蓝像孔雀羽毛一样,非常美丽。该颜色妖艳中透着诡异,是非常善变的颜色。

2 在该网页中,灰色搭配了妖艳孔雀蓝,颜色的对比为画面营造了旷达、澎湃的意境。

3 在该网页中,网页左侧布局非常规则,右侧的花纹呈现出流动之态,画面动静结合,张弛有度。

1 水墨蓝颜色纯度较低,偏灰调,给人一种严谨、洒脱的感觉。

2 在该网页中,以花纹进行网页的装饰,对于饮品而言,这样的设计非常特别,所以会给人留下深刻的印象。

3 画面中的花纹图案古朴、雅致,配合特别的网页布局,显得简洁雅致、干净利落。