我问答网
有问必答

设计教程:配色总是很土,怎么破?

先别急着喷我。我说“土”不是攻击你,是我自己曾经也土得掉渣。

刚学设计那会儿,我做的海报跟城乡结合部的广告牌似的。红配绿,蓝配黄,恨不得把所有颜色都堆上去。后来我总结了一句话:配色丑,不是你不会调色,是你没搞懂颜色之间的“关系”

今天这篇设计教程,就把我踩过的坑和摸索出的经验全倒给你。不绕弯子,直接上干货。

一、你踩过哪些配色的坑?

一、你踩过哪些配色的坑?
一、你踩过哪些配色的坑?

先说最常见的坑。第一,颜色太多。有人说,没有丑颜色,只有乱搭配。你一张图上搞了七八种颜色,那不是设计,是彩旗。第二,对比太强或者太弱。要么红配绿赛狗屁,要么白色配米色,糊成一片。第三,乱用渐变。以前流行五彩渐变,现在……嗯,已经不是主流了。

还有个坑:凭感觉选色,却从来不看色轮。说实话,我以前也是。RGB三个数值随手一拉,觉得“诶,这个颜色看着不错”。但你不知道,颜色之间是有一套底层逻辑的。明明两个颜色单看都好看,放一起就刺眼。为什么?因为没有调和。

那怎么办?别慌,往下看。我会用最接地气的方式讲清楚。

二、配色基本功:色轮和色彩关系

色轮这东西,美术生天天用,但自学的朋友们可能压根没碰过。它不是摆设,是配色的地图。💡记住这句话:所有配色方案,都是从色轮上的位置关系来的。

来,咱们先把色轮上的几种关系过一遍。别嫌理论枯燥,搞懂了这个,你就不用瞎试了。

  • 同类色:就是色轮上挨得近的,比如深蓝和浅蓝。这种搭配最稳,不容易出错,但有点单调。适合做背景或者过渡。
  • 互补色:色轮上正对门的,比如红和绿。对比强到爆炸,但用不好就是村口服装店。适合用来强调重点,但面积要小。
  • 分裂互补色:就是互补色的左右邻居也拉上,比纯互补柔和一些。这个我很喜欢用,既有点味,又不刺眼。
  • 三角色:在色轮上画个等边三角形,三个顶点颜色。活泼,但不好驾驭。建议先拿辅助工具试试。

有人说,直接告诉我怎么用,我不想学理论。好吧,给你一个偷懒方法:用60-30-10法则。就是说,主色占60%,辅助色占30%,点缀色占10%。这招对新手特别友好,配上同类色基本无敌。比如你做一个海报,底色用白色(60%),标题用深灰(30%),然后一个橙色小按钮(10%)。你看,不高级都难。

设计配色60-30-10法则比例图
设计配色60-30-10法则比例图

看到没?比例到位,即使颜色不惊艳,整体也会干净。为什么?因为视觉重心有了,不乱了。

三、从模仿到自己的风格

很多人问我,怎么配色才能不俗气?我的答案可能让你意外:先别自己创造,去模仿

找那些你觉得好看的设计,截图下来,然后分析它的配色。用取色器吸一吸,记录色值。然后自己按照那个比例重新搭配试试。这在设计圈叫“借鉴”,不是抄袭,是学习。你想想,学写字还要临摹字帖呢,配色临摹参考图怎么了?

等你积累多了,你会发现一个规律:那些高级的配色,往往饱和度不高,而且颜色数量很少。就像一杯好茶,不会加太多糖。别误会,我不是让你全用灰色调,而是说,别用高饱和的“纯色”怼一堆。

我还记得我做过一个项目,客户非要五彩斑斓的黑,我差点当场去世。后来我给他看了几组参考,他才明白,低调的奢华才是真的高级。😅

给你看几个例子(我会在下面插入一些参考图)。注意看它们的配色比例和饱和度。

高级感配色方案参考图
高级感配色方案参考图

四、实战工具与练习方法

四、实战工具与练习方法
四、实战工具与练习方法

工欲善其事,必先利其器。推荐几个我常用的:

  • Adobe Color:在线色轮调色板,直接生成配色方案,还能导入图片提取颜色。最实用的是它的“无障碍对比度”检查,能看文字和背景够不够清晰。
  • Coolors:一个随机生成配色的网站,懒人神器。按空格键,哗啦啦给你换一套,有时候能撞见意外惊喜。
  • Dribbble:虽然它主要是设计灵感网站,但你搜配色,能扒出很多优秀作品,直接吸取色值。

但工具只是辅助,练习才是王道。给你布置个小作业:每天从自己拍的照片里提3个颜色,尝试组成一个配色方案。坚持两周,你会发现自己的眼睛敏感了很多。不信你试试。

还有一个进阶练习:找一张你觉得丑的设计,然后你自己重新配色,但不改变版式和内容。你会发现自己对色彩的控制力明显提升。这个法子我很早以前在某个设计博客看到的,亲测有效。

有人可能会问,配色讲究那么多,累不累?说实话,刚开始累,但当你形成一套自己的判断体系后,那感觉……真的爽。就像学开车,开始还要想着打方向盘,后来根本不用想,身体自然会反应。

最后,送你一句话:配色不是靠天赋,是靠训练。别怕犯错,多试几次,你也会有自己的风格。好了,这篇设计教程就写到这儿。有问题随时问我,评论区见。

免责声明:市场有风险,选择需谨慎!此文仅供参考,不作买卖依据。如有侵权请联系删除。
文章名称:设计教程:配色总是很土,怎么破?
文章链接:https://www.wowenda.cn/a/58101.html