通过图片的简单配色讲解设计配色技巧(2)

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:站酷   作者:Tommy子言

关键词

4) 字母A

根据呼应法橙色和绿色的近邻色是黄色,黄色跟红色也是近邻色的关系,而橙色是两者中的过度颜色。

通过图片的简单配色讲解设计配色技巧,PS教程,思缘教程网

配色的主次辅解析:(主)色调是黄色,(次)色调是红色,再少量加入黄色的近邻色绿色、以及红色的情侣色蓝色作为(辅)助的点缀。

5)字母M

最后一个字母,希望其感觉是比较有趣比较酷的,因此使用了高级黑作为主色调。

通过图片的简单配色讲解设计配色技巧,PS教程,思缘教程网

配色的主次辅解析:(高级)黑色是万能的颜色,跟任何颜色相配都可以。于是选择了黑色作为(主)色调,而跟关键词“有趣”相配的粉红色作为(次)色调,然后再选择跟“阳光”相配的黄色、跟“自由”相配的蓝色、跟“草地”相配的绿色作为(辅)助色互相呼应,让画面更为丰富。

加分题

除了需要关键字联想法和呼应法之外,如果想作品更加具有设计感,还需要配合整体的排版。以下画面配色完成后是一个六宫格(图1),感觉有点单调,而我们可以试着把它改成九宫格,并配合一定的排版(图2)。作品的设计感就出来了。

通过图片的简单配色讲解设计配色技巧,PS教程,思缘教程网

图1(配色完成效果,非最终排版效果)

通过图片的简单配色讲解设计配色技巧,PS教程,思缘教程网

图2(最终排版效果),出自2017年的《种梦年度总结:精选作品合集》

题外话:如何为一张“贴图”做的简单配色

通过图片的简单配色讲解设计配色技巧,PS教程,思缘教程网

在做创作练习时,我们有时候会找一些颜色丰富的图片,如果我们把其作为材质的贴图,那我们应该如何为一张“贴图”做简单配色呢?

其实方法也很简单,场景搭建及材质贴图完成后,我们可以从这个颜色丰富的贴图中找其中一些合适的配色作为呼应,如粉色、蓝色、黄色,小面积的使用,不会打乱整个画面的风格,而为了整体氛围的烘托,我们可以使用发光材质。关于C4D灯光、材质、渲染的技巧可以查看我之前所写的相关文章。以上就是一些常用的配色基本思路。

通过图片的简单配色讲解设计配色技巧,PS教程,思缘教程网

总结

在给作品配色的时候,很多人都会脑袋里一片空白,不知该采用什么配色方案,在这时候,先思考为何而做(到底是服务的品牌还是个人的品牌),然后心中要有一个色环,通过色环确定主色调。一切就变得简单了。

另外,你需要清楚地了解,无论是一套作品、还是一张图片,它们的配色都是有主次辅的。我们可以通过关键词联想法和呼应法来完成这个作品。最后希望大家学会独立思考,举一反三,当然记得多练习。

 收藏