有了那么多配色方案,还是做不好配色?(二)

Eva Zhao

对于色彩的运用,相信很多人都是保存了很多漂亮的配色方案,但是并不会用。前一次介绍的是色相差而形成的配色方式,这次接下去谈一谈色调调和而形成的配色方式。

什么是色调?

色调指的是一幅画中画面色彩的总体倾向,是大的色彩效果。在大自然中,我们经常见到这样一种现象:在不同颜色的物体上,笼罩着某一种色彩,如:阳光、雾气等,使不同颜色的物体都带有同一色彩倾向,这样的色彩现象就是色调。

Drupal网站设计中,定下一个网站的色彩倾向,对于设计师来说是非常重要的,根据色彩的情感,不同的调子会给人不同的感受。

一、有主导色调配色

这是由同一色调构成的统一性配色。深色调和暗色调等类似色调搭配也可以形成同样的配色效果。即使出现多种色相,只要保持色调一致,画面也能呈现整体统一性。

1、清澈色调

better color design 1.png

清澈调子使页面非常和谐,即使是不同色相形同色调的配色能让页面保持较高的协调度。蓝色另整个页面安静又带着一丝冰冷的气氛,奶茶色让我们想起大地泥土的厚实,给页面增加了稳定踏实感觉,同时又温暖了蓝色的冰冷。

观点:互补的色相搭配在一起,通过统一色调的手法,可以缓和色彩之间的对比效果。

2、阴暗色调

better color design 2.png

阴暗的色调渲染场景氛围,通过不同色相的色彩变化丰富信息分类,降低色彩饱和度使各色块协调并融入场景,白色和明亮的天蓝色再加上品牌色作为信息载体呈现。

观点:多色彩经过统一色调处理,区域间非常协调,也不影响整体页面阴暗气氛表现。

3、明亮色调

better color design 3.png

明亮的颜色活泼清晰,穿插着少量黑色与白色,使得页面铺满高纯度的色彩也不会过于刺激。

观点:饱和度与纯度特性明显的搭配,在达到视觉冲击力的同时,可适当采用对比色或降低明度等方法调和视觉表现。

4、深暗色调

better color design 4.png

页面以深暗偏灰色调为主,不同的色彩搭配,像在叙述着不同的故事。偏白的文字排列在深暗色调的背景上,使整个页面显得厚重精致,小区域微渐变增加了版面的质感。

观点:以低暗色调构成整体画面氛围,小面积明亮部分不会影响整体感觉。

5、 雅白色调

better color design 5.png

柔和的调子使页面显得明快温暖,就算色彩很多也不会造成视觉负重。页面的同色调搭配,颜色作为不同模块的信息分类,不抢主体的重点,还能衬托不同类型载体的内容信息。

观点:同色调不同色彩的模块,就算承载着不同的信息内容也能表现很和谐。

二、同色调配色

这是由同一或类似色调中的色相变化构成的配色类型,与主导色调配色中的属于同类技法。区别在于色调分布平均,没有过深或过浅的模块,色调范围更为严格。

better color design 6.png

在实际的设计运用中,常会用些更综合的手法,例如整体有主导色调,小范围布局会采用同色调搭配。虽然页面有自己的主色调,但小模块使用同色调不同色彩的功能按钮,结合色相变化和图形表达不同的功能点,众多的按钮放在一起,由于同色调原因模块非常稳定统一。

观点:综合运用的情况,整体界面是有主导色调,在布局例如重点图标等是同色调配色灵活运用。

三、同色深浅搭配

这是由同一色相的色调差构成的配色类型,属于单一色彩配色的一种。 与主导色调配色中的同色系配色属于同类技法。从理论上来讲,在同一色相下的色调不存在色相差异,而是通过不同的色调阶层搭配形成,可以理解为色调配色的一种。

better color design 7.png

拿上面这一蓝绿色页面来说,利用同一色相通过色调深浅对比,营造页面空间层次。虽然色彩深浅搭配合理,但有些难以区分主次,由于是同一色相搭配,颜色的特性决定着心理感受。

观点:同色深浅配色有着极高的统一性,但有点枯燥。

文中图片经过修改,网页界面原图来源:envatomarket、千图网、dribbble

关于作者

Dan Hu

Eva Zhao

Subscribe to Our Newsletter

We will deliver China-related web design, web development, and digital marketing information or tips every month.

Stephen Tseng
Stephen Tseng

不要让不确定性束缚你的SEO营销策略

无论是政策变化、经济波动,还是突发的全球事件,企业在制定营销策略时常常需要面对各种变数。不确定性营销决错失大量的市场机会。可能导致营销决策的延迟和执行的犹豫,但如果因此停滞不前,那么企业将错失大量的市场机会。

继续阅读 →

Stephen Tseng
Stephen Tseng

B2B 业务增长的关键:解析行业平均转化率及行业基准

在竞争激烈的 B2B 市场中, lead conversion rate(潜在客户转化率) 是衡量业务成功与否的关键指标之一。它不仅反映了营销策略的有效性,还直接影响到公司的收入增长。本文将深入探讨 B2B 平均转化率的相关数据和行业基准,并为您带来提升转化率的实用建议。

继续阅读 →

Stephen Tseng
Stephen Tseng

内容营销对 SEO 到底有什么用?B2B 出海营销的最佳策略指南

在数字营销领域,“内容为王”早已不是口号,而是决定企业能否被全球潜在客户发现的关键。这一点对正在拓展海外市场的 B2B 企业尤为重要:内容营销与 SEO 紧密结合,才能真正将流量转化为有效询盘和长期客户。

继续阅读 →