相信大家肯定看过N多的关于色彩搭配的设计理论，色相饱和度，冷暖色互补色对比色等一大堆的色彩理论(这种东西我试过太多次了，还真没多少非科班的人能够理解的过来的。)，你看着觉得好像懂了蛮有道理的，但为什么一旦到你去运用的时候，发现还是一样不会有多大作用？
色彩是感性的，往往越分析越糟糕，所以锻炼自己的艺术感觉，这一点是非常重要的。既然色彩那么玄乎，那么作为我们这些没那么高天分的人，怎么去配色呢？
那就找参考图吧，让别人给我们配好颜色，是不是换个角度看问题那么事情变得简单多了？
今日主题
以《大鱼海棠》这部电影为例，这是一部色彩感相当棒的国产动画片。大家可以去看看，话说我都不知道他到底讲个什么故事(因为我光看画面去了O(∩_∩)O~)国产动画片嘛，大家都知道，在角色造型设计上还是差强人意，破坏了这太美的背景，像是用FLASH做的动画片，我更关注的是这背景的画风，真的赞。
案例一
怀旧色系——温暖的颜色
这张图颜色感觉怀旧，那么适合我们作为怀旧风格的设计色彩参考。上图为影片截取的一个画面，色彩还不错，那么我们可以从中获取什么样的色彩信息呢？见下图
大致颜色信息：
这里写的百分比只是颜色在画面当中的大概占用面积，百分比也不是总共加起来100%，而是他们各自在画面里面的面积比例，学东西千万别学死了哟~
这个颜色比例，在图片取色配色法中，它是至关重要的，这里我只笼统的说了一下大概的比例。如果比例用不好，那么你也配不出好的色彩。
我们放在一起对比一下：
我们通过颜色信息的提取，这些信息可以帮助我们按照合理的比例运用到我们的设计当中，这里只是以一个网页为例，那么你在做印刷方面的，做摄影，做UI，哪怕是你做室内设计，只要是看的见的设计，这种色彩的搭配手法都是一样的。
再次说明：学习要学设计手法而不是把门类分得非常清晰。(例如学UI从来不做海报和网页是极端错误的)
案例二
自然色系——清新的颜色
这张图整体色调清新自然，那么我们可以根据这张图来表现清新自然的设计色彩风格。
大致颜色信息：
跟参考图一样，注意灰橙色在画面里面只占了一点点，要用上，否则画面会单调。
我么放在一起对比一下：
案例三
怀旧沉稳色系——温暖的颜色
这张图颜色感觉沉稳，那么适合我们作为怀旧风格的设计色彩参考。
上图为影片截取的一个画面，色彩还不错，那么我们可以从中获取什么样的色彩信息呢？见下图
大致颜色信息：
再说一遍，艾玛，我太啰嗦了。这里写的百分比只是颜色在画面当中的大概占用面积，包括颜色这些都用大概，不用特别准，记住啦！
我们放在一起对比一下：
总结
当客户跟你说，参考这个网站的颜色或风格的时候，你很可能做出来变成了抄袭，那么有了这个方法，你就可以做到借鉴色彩，但是又不会变成抄袭了。
还有现在我们知道了，同一个设计稿其实可以配各种颜色，根据客户需求来选择什么样的颜色。
另外我想说的是，用WEB格式输出颜色，像下图这样子，对配色没用。我已经在别人身上试验过N多遍了。问题就在于你不知道分析色彩比例，只能说网络教程不是所有的都有用，自己要能分辨。
这个颜色比例，在图片取色配色法中，它至关重要，这里我只笼统地说一下大概的比例，如果比例用不好，那么你也配不出好的色彩。
最后强调一遍：颜色比例很重要！
转自：站酷 作者：任星星(阿新)
图文教程表达内容有限，如果光学习色彩搭配已经满足不了你饥渴的求知欲，那就跟随我的脚步转战视频教程吧！爱设计的你不能错过的高清精品免费视频教程，由蓝铅笔特约设计师，中国十强电商设计师侯帅亲授，戳链接就能迅速get啦！
你可能感兴趣：
488
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
