Web配色基础:色彩设计方法之配色方式(二)

王朝学院·作者佚名  2016-08-30
窄屏简体版  字體: |||超大  

(二)色调调和而形成的配色方式

2.1 有主导色调配色

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

根据色彩的情感,不同的调子会给人不同的感受

2.1-1 清澈的色调

2.1-2 阴暗的色调

2.1-3 明亮色调

2.1-4 深暗色调

2.1-5 雅白色调

2.1-1 清澈色调

SHOTFOLIO的案例

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

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

2.1-2 阴暗色调

概念应用的案例

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

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

2.1-3 明亮色调

Kids plus的案例

明亮的颜色活泼清晰,热闹的气氛和醒目的卡通形像叙述着一场庆典,但铺满高纯度的色彩,过于刺激,不适宜长时间游览。

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

2.1-4 深暗色调

LEES FERRY的案例

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

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

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航