「“色魔”养成记」:入职10年后,真正优秀的设计师都是怎么配色的?
最近公司新来了一位设计师小姐姐,听说在大厂做过10年的专业设计,什么UI设计、平面设计,甚至是摄影的配色都做过,还是资深的UX体验师!设计的作品,完全秒杀那些需要旁(鸡)敲(汤)侧(猛)击(灌)的实习生~总之来头不小,搞得我们一群老同事岌岌可危 ,赶紧向其讨教设计的秘诀!答曰:设计最大的核心在于「配色」!
其实,真正掌握配色技巧,只要你多跟逼格高、天分高的小伙伴或作品多做搭档,通过视觉符号的方法,就能让人们产生固定联想。不然不懂专业配色的话,做出的作品,不仅会令别人大跌眼镜啦,有时候连自己都看不下去 !
配色这个事儿嘛,最重要的也不是新鲜,而是保鲜 ,我们不必去追逐潮流,只要学会那些经得起时间洗礼的配色技巧就行啦!即那些最能吸引用户,唤起情感和传达内涵的配色方法,才是我们真正需要学的!毕竟,说不定今年流行的是黑白灰,明年就是colorful,潮流是你永远追不上的!
事实上配色并没有那么困难,只需要我们借助一些免费的在线工具和教程,再整理好别人的方案,收集一些高质量的灵感图,备用几个色卡,做出好看的配色不是什么问题!
PS :本小盾君只写干货,各位值友点赞收藏的同时,还请不吝关注哦!
一、配色教程
1、PPT配色教程:《学会这个技巧,PPT配色不犯愁》
又到年底汇报了,还在傻乎乎地找PPT模板?免费的太丑,付费的1页500块,打工人真心伤不起!还好如果你学会用这个教程的配色方法,秒配高大上的PPT,一键取色优秀平面设计作品,做出高大上的效果!
并且还帮你梳理了详细的配色流程,让你不再每次配色都无从下手:
还有一系列色彩搭配的技巧和方法,相信总有一款适合你:
2、平面设计配色:《色彩搭配,配色手法合集》
很多做设计的朋友,都打算跳槽了,最重要的原因就是对自己的职业规划不确定呀!所以这个课程不仅会教给各位一些高大上的配色技巧,还会给你讲解平面设计师的职业前景,让你不再迷茫~
对HSB配色法的详细讲解,让你可以在色相、饱和度和阴暗度方面,可以有自己的思考:
另外,配色肯定不只是简单地将几种颜色搭配起来,还可以通过色彩搭配和几何形布局的方法,帮助你做出更好的空间感和层次感:
3、摄影配色:《学摄影必须要知道的色彩基础知识》
如果你买了万把块的相机,学习了一波光线、对焦和镜头,觉得这就是摄影的全部,但是最后的照片出来,却是5毛钱的效果,很大的一个原因就是没有学会摄影配色的技巧!看看下面两张图,就是同一个角度拍出的,食欲都不一样是不是?
在具体的摄影中,你还需要知道哪些颜色要特别注意的,分别有主角色、配角色、强调色、融合色和背景色,每一张摄影图都需要有自己的颜色重点!
对色环的搭配也做了详细的讲解,再也不怕设计的时候会有奇奇怪怪的配色组合啦,赶紧试试看哟!
二、配色网站
1、中国色——传统配色
这个网站集齐了全网最全的中国色,绝对是喜欢做中国风作品的值友最大的福音,并且无论你选择哪个配色,整个网页都会被渲染,瞬间就能看到效果,简直不能再爱啦!
另外,网站提供的CMYK和RGB的数值也非常精确,方便你在作品里面快速进行调整:
这个配色非常沉稳,可以用来做各种作品的配色,其它的就不一一展示,各位值友可以去试试看哦:
2、 LOL Colors——可爱配色
这则是一个非常可爱的配色网站,将鼠标移动到任意一个水滴那里,就会显示色彩代码,方便你快速进行应用!
还有下面的配色,每一个质量都非常高,特别是马卡龙的配色,随便一用,就能做出非常少女心的效果:
具体应用的时候,你还可以通过PPT等的取色器,直接应用在作品里面:
3、 Material Palette——UI配色
这个则是一个强大的UI配色网站,可以随意搭配任意两种颜色,并且会自动给你组合出最好的效果,无论是深色还是浅色,总有你喜欢的:
当然,你也可以在color专栏,搭配一些特定的颜色,效率也非常高,立刻就能生成:
另外,还提供了海量的ICON,方便你应用在自己的作品里面,没必要自己去制作那么费劲!
三、配色书籍
1、《配色事典》——田三造
这本书总共收了348种配色方法,豆瓣评分高达9.1,堪称配色中最受欢迎的书籍啦,小伙伴们可以看看哦!
根据小伙伴们的评论,我们也可以看出这本书的色系偏向日系,喜欢小清新配色的同学绝对在这里可以找到时候你的配色哦:
颜色这么多,反正应接不暇啦,什么水色、长春色和郁金色,你想要的统统都有:
2、 《色彩学》——色彩学
这则是一本集合了广告色彩、建筑色彩和服装色彩配色的书籍,算是国内对色彩系统研究比较全面的书籍:
具体包括色彩的本质、功能、知觉、原理等,内容非常的全面,相信总能帮到你的:
小伙伴们的评论也是一致的好评:"系统详实"、"不错的工具书""最好的一本色彩学"等。
3、 《环球配色惯例》——卡巴加
这本书蕴含着众多的配色理念,以及全球最独居创意性的设计作品,涵盖了多个国家的设计师和筹划师,绝对可以激发你的创意和灵感!
作者已经出版了24本相关的设计书籍,绝对是设计界的权威人士,并且还是一名优秀的字体设计师,有兴趣的同学也可以看下相关内容哦!
"色彩是好玩的东西,会上瘾"读者看完这本书不禁发出这样的感叹,并且还本书还在亚洲部分吧中国的色彩放在最前面,充满了溢美之词!
四、配色工具
1、Paletton ——在线色环配色工具
这个则是一个强大的在线配色工具,可以通过单色、四分色、相近色和自定义颜色的方法,实时预览你选择的配色图和动画效果!
各种参数也可以随意调整,无论是小白还是专业人士,都可以快速上手!
制作完成后,可以点击右下角,对于文件进行快速地导出:
2、 Uigradients——在线生成渐变色
在平常的设计中,如果你想制作出更好的效果,那么单纯的普通配色可能还满足不了你,渐变色就是一个不错的选择,这个网站就提供了海量的渐变色,总有一款适合你!
随意选择了一个效果,还会显示具体的参数,方便你进行快速地调整:
下面几组配色,都是我经常用的,觉得OK的值友也可以直接拿去用:
3、 Pictaculous ——查看图片配色
如果平时看到好看的图片,但是又不知道配色怎么办?方法很简单的呀,只需要你使用这个在线网站,立马就可以帮你得出配色方案,还有相关的色彩推荐,并且还支持16进制码~
下面也是一个具体的调整界面,方便你快速地预览和调整相关的内容:
各种常见的参数你都能快速调整,简直不能再爱啦,还没用过的值友不妨一试?
五、配色作品学习
1、collectui——每日设计案例
当然学设计的前提,绝对是你懂得审美!这个网站每天都会更新最潮的设计案例,让你可以学到一些真正优秀的作品!
并且还提供了一些样机模板和作品,让你既可以快速学习,也可以直接进行套用:
下面的icon也是我非常喜欢的,大家平时需要设计一些相关素材的话,也可以来这里找找灵感!
2、 siteinspire——小清新风格作品
这则是一个国外的设计灵感网站,提供了一系列平面和交互设计的作品,并且还可以分享自己的作品,让大家帮你提出改进的方法和建议!
看下下面的作品,每一个的质量都非常高,每次没灵感的时候都会来这里看看,瞬间就能激发自己的设计灵感和创意!
看下这个斯坦福艺术中心的设计图,还有各种详细的讲解,同时提升了自己的文化素养:
3、 设计导航——优秀设计作品
设计导航也是一个非常好用的设计类网站,涵盖了设计素材、灵感酷站、灵感画板和设计教程,平时找不到的设计资源,我也都是在这里找的!
灵感酷站更是应有尽有,包括WEB、移动APP、动效设计等的设计网站,总之你想要的这里都有!
以下是部分的设计作品, 随意截了张图,每一个都非常惊艳,相信总能帮到你的:
OK,以上就是一些如何学习配色的方法的介绍啦,如果你觉得对你有帮助,请点赞、收藏、转发和留言,相信你就是下一个配色高手!不信你试试看!
好啦,以下是我之前撰写的各种职场进阶干货,希望也能帮到你,各位小伙伴有空也可以看下哦 :
胖胖鹿船长
校验提示文案
seyoumase
校验提示文案
seyoumase
校验提示文案
胖胖鹿船长
校验提示文案