颜色组合在设计中的鲜活应用
创客贴-平面设计色彩应用 -
2017/09/08
色彩在视觉传达中的作用先于形状,学习平面设计掌握与学习色彩知识是重要的一个环节,颜色搭配恰当会使设计作品更加人性化,更引人入胜。So,颜色组合的准确运用在设计中具有不可小觑的作用。
本文将介绍颜色组合的小技巧,适用于平面设计学习者和设计爱好者,更适用于用创客贴做DIY设计的小伙伴。
一、单色配色:
单色系配色是指网站的页面主色只使用一种颜色,这样的应用一般运用在配图较多的网站,这些配图自身就包涵着丰富色彩,那么从整个页面来看,色彩就不只有一种颜色了。那么当配图的色彩参与到页面整体配色中,我们只需找到一种与配色协调的色彩作为主色就OK。
1、页面的主色为清爽的绿色,这时选择的背景配图是医生做手术,摄影作品本身带有柔和的蓝色,与绿色相得益彰:
2、主色的单一色调不一定用在组件上,有时也采用“反白”的处理,尤其是主色本身比较强烈时,填充主色作为背景,传递出主色强烈的表现效果。
页面中的绿色作为背景色,同时剪纸部分显出了图片的视觉中心,制造出立体的视感,文字应用黄色更易于阅读:
3、在单色系配色法中,即使属于同一色系,色调也会有所差异,因此这也是另一种配色方式,运用在一些清新插画,且色彩也并不多变的情况下:
页面主色为绿色,也在细微的地方展示出不同调性的绿色,背景色则用了浅绿色作为底色。页面的色彩都是绿色,而表现了不同的色彩空间层次:
二、对比色配色
对比色可以突出重点,产生强烈的视觉效果,用色相、明度或艳度的反差进行搭配,有鲜明的强弱。色彩的强烈对比具有视觉诱惑力,能够使作品特色鲜明、重点突出。
页面都是采用强烈的对比色使人物特色鲜明、重点突出
三、渐变配色
渐变的色彩通常集中在高明度的色调范围,让画面显得更为通透柔和。但是渐变的色彩范围也不宜太广,色彩分布太大让画面本身容易陷入于混沌中。
渐变常以背景的形式出现,或运用于较大的元素、图形之上。根据渐变色的不同,所展示的配图以及其他组件也要根据这一渐变色而协调。
蓝与黄、紫与蓝、紫与粉色的邻近色渐变过渡有一种梦幻般的感觉,白色文字或黑色文字都考虑到与渐变色彩的协调感。整个画面色彩丰富、简洁明快:
下面,推荐两个不错的配色网站,供大家欣赏学习:
Webgradients 渐变配色
https://webgradients.com/
Color Explorer 网站配色
http://www.colorexplorer.com/colormatch.aspx