您当前位置:上元教育靖江校 >> 电脑设计 >> 学习资讯 >> 浏览文章

关于banner中对比色的思考

来源:上元教育   【上元教育:专注学习效果的职业教育机构】   2019/11/8 20:35:56

banner作为网页广告,它出现的目的就是为了吸引浏览网页者的注意力,达到让读者有欲望去了解更多的目的。所以banner配色上使用对比很强烈的颜色,大而简洁的题目,更加吸引读者的注意。

 

 

分析

关于banner中对比色的思考 

 

这张banner主要是红蓝对比。蓝色作为主色,红色作为辅助色。红色和蓝色是对比色就是色环中的距离角度为120°的一组颜色,对比色比互补色稍微柔和一些,但也具有很强烈的视觉效果。小人身上浅蓝色的条纹是主色的衍生色,衍生色来自于主色或辅助色,它不会太抢眼,但达到了丰富页面的作用。黄色的钱币是点缀色,和红、蓝互为对比,突出微信红包这一标题。

 

建立色板

关于banner中对比色的思考

 

分析完后我们就可以提取banner中的颜色,建立成这样的色板。我们理解它配色的原因,将好的配色收藏起来,方便自己以后做图的时候使用。

与直接使用网上配好的颜色相比,我更喜欢在图片或者优秀的作品中选取色板。我认为经过自己理解分析之后的配色,使用起来才更加得心应手。

 

 

 

分析

关于banner中对比色的思考

 

这幅banner是以橙红为主色,蓝绿为辅助色,邻近色黄色作为点缀颜色。橙红和蓝绿是一组互补色,它的特点就是对比强烈,吸睛。通过这种使用面积的不同,是这两种颜色主次分明,白色的标题起到了中和这两种颜色的作用。也正好突出了文字。

 

建立色板

 

 关于banner中对比色的思考

 

 

 

 

分析

 关于banner中对比色的思考

这幅是互补色紫色作为主色,黄色作为辅助色。banner中的钻石和文字很呼应哦!

 

建立色板

 

关于banner中对比色的思考 

 

 

 

 

分析

关于banner中对比色的思考

 

这幅是对比色黄色作为主色,红色作为辅助色,蓝色作为点缀色。后面的房子和小人是主色的衍生色,使画面整洁而丰富。

 

建立色板

 

关于banner中对比色的思考 

 

 

 

在这样一组banner中得到了4组的配色方案,但是配色时一组颜色有根据不同的明度和纯度,又分为不同的色调,这组banner属于明亮的色调,符合广告用来吸引眼球的特点。但是把它用在很正式的网站上肯定就不合适了。同样的颜色,改为淡色色调就给人轻柔的感觉,而使用深色的色调给人高贵的感觉。最主要的还是要根据产品选择配色。

编辑:本站原创  点击数:

分享到:

相关文章

最新开课
推荐课程