查看原文
其他

CMF | 学会色彩搭配,懂得色彩语言

产业的发展离不开CMF(色彩、材料、工艺)





色彩是一种语言、一种信息,色彩是具有感情的,能让人产生联想,让人感到冷暖。在色彩搭配中,设计师把握好色彩的冷暖对比,明暗对比,面积对比,混合调和,明暗调和等,就能够保持画面的均衡和色彩的条理性。


目前CMF设计军团成立了产品色彩交流微信群,诚邀设计师及对色彩爱好者们加入,13480805861,备注“色彩”,加入产品色彩交流微信群,与行业人士一同交流。



色彩包涵的内容丰富多彩,但只要我们掌握了色彩的搭配方法,并遵循色彩构成的均衡、韵律、强调、反复等法则,以色彩美感为最终目的,将色彩组织安排在平面设计作品的画面上,便能得到一种和谐的、优美的、令人心情愉悦的视觉效果。


via 最后几秒



 以色相为主的色彩搭配 


这个配色方法是以色相环为基础,按区域性进行不同色相的配色方案。


当进行平面设计作品时首先应依照主题的思想、内容的特点、构想的效果、表现的因素等来决定主色或重点色。是冷色还是暖色、是艳色还是淡色、是柔色还是硬色等。


主色决定后再决定配色,再将主色带入色相环便可以按照同一色相、类似色相、对比色相、互补色相以及多色相进行配色。


一、同一色相的配色是指相同的颜色,主要靠明暗程度不同深浅的变化来构成色彩的搭配。由于它只是单色的明暗、深浅变化,所以它使人感到稳定、柔和、统一。但变化太小,会使色彩产生单调、呆滞、阴沉的感觉。


《媚者无疆》海报


二、类似色相的配色包括的范围较广,配色角度越大越显得活泼而富有朝气,角度越小越有稳定性和统一性。但如果太小就产生阴沉、灰暗、呆滞的感觉,反之太大,产生色彩之间相互排斥、不和谐的画面效果。



三、对比色相的配色,其配色角度大、距离远,颜色差异大,其效果活泼、跳跃、华丽、明朗、爽快。但如果两色都是纯度高的颜色,则会对比强烈、刺眼,使人产生不舒服的感觉。 



联合国国际和平邮票


四、互补色相的配色具有完整性的色彩领域,占有三原色的色素,所以其特色清晰、明亮、艳丽、灿烂。但它是色相中对比最强烈的配色,如果再加上色彩的纯度高,就会产生冲击力强烈、辛辣、嘈杂的感觉。 


via 西西coolbaby



 以明度为主的色彩搭配 


前面谈到每一个色相都有不同的明暗程度,且它的变化可以控制色彩的表情,利用色彩高低不同的明暗调子,可以产生不同的心理感受。


如高明度给人明朗、华丽、醒目、通畅、洁净、积极的感觉,中明度给人柔和、甜蜜、端庄、高雅的感觉,低明度给人严肃、谨慎、稳定、神秘、苦闷、钝重的感觉。


via visiongave



 以纯度为主的色彩搭配 


纯度也就是色彩的饱和度,平面设计作品中,纯度的运用起着决定画面吸引力的作用。


纯度越高,色彩越鲜艳、活泼、引人注意、冲突性越强;纯度越低,色彩越朴素、典雅、安静、温和。


因此常用高纯度的色彩作为突出主题的色彩,用低纯度的色彩作为衬托主题的色彩,也就是高纯度的色彩做主色,低纯度的色彩做辅色。




面积因素


除色相、明度、纯度外,色彩面积大小是直接影响色调的重要因素。色彩搭配首先考虑大面积色的安排,大面积色彩具有远距离的视觉效果。另外,在两色对比过强时,可以不改变色相、纯度、明度、而扩大或缩小其中某一色的面积来进行调和。




 七种颜色法则 


- 强调色 -


强调色是总色调中重点用色,是面积因素和视认度结合考虑的用色。一般要求明度和统度上高于周围的色彩,在面积上则要小于周围的色彩,否则起不到强调作用。


via Edisonwong7 


- 间隔色 - 


间隔色运用是指在相邻而呈强烈对比的不同色彩的中间,用另一种色彩加以间隔或作共用,可以加强协调,减弱对比。间隔色自身以偏中性的黑、白、灰、金、银色为主。如采用有彩色间隔时,要求间隔色与被分离的颜色在色相、明度、纯度上有较大差别。



- 渐层色 -


渐层是渐渐变化的用色,色相、明度、纯度都可作渐层变化。渐层色具有和谐而丰富的色彩效果,在广告的色彩处理中运用较多。


via 弯弯yang


- 对比色 -


对比色不同于强调色,这是面积相近而色相明度加以对比的用色,这种用色具有强烈的视觉效果,从而具有“广告性”,可以瞬间吸引人的目光。


via ATOMIC14


- 象征色 -


这是不直接模仿内容物色彩特征,而且根据广大消费者的共同认识加以象征应用的一种观念性的用色。主要用于产品的某种精神属性的表现或一定品牌意念的表现。



- 标志色 -


这里讲的标志色不是指LOGO的色彩,而是用色彩区别不同种类、或同类不同品种产品的系列用色。


例如以不同的色彩区别同一品牌的化妆品,不同成分用不同的色彩。在处理上,面积、形状、位置应加以变化。


比如说国货化妆品牌羽西,在产品及海报的色彩搭配上,充分考虑到产品本身成分所带有的色彩元素。



- 辅助色 -


这是与强调色相反的用色,是对总色调或强调色起调剂作用的辅助性用色方法,用以加强色调层次,取得丰富的色彩效果。在设计处理中,要注意不能喧宾夺主,不能盲目滥用。


比如下面这张海航现代物流的广告图,画面以橙色作为强调色,而“A”字中间的一点蓝色,则是作为辅助色存在,对读者视觉起缓冲作用。


via Flyingbeard



 黄金法则 


这是一个很基本的法则 60:30:10,主色彩是60%的比例,次要色彩是30%的比例,辅助色彩是10%的比例。这个法则是黄金法则,在任何时间任何地方都是非常正确的。


via Swallow_Ho



 配色禁忌 


- 太亮的霓虹色 -



闪亮的霓虹色看起来很有趣,似乎能让页面显得非常潮、非常流行。但是他们并不会让眼睛觉得舒服,往往会给人以“闪瞎了”的不适感觉。


想解决这个问题,你可以试着降低霓虹色的亮度,让它看起来更暗,让它看起来更加微妙;或者是增加颜色的灰度,为整个页面增添柔和、亲近的感觉。


via aute Couture


- “震颤”色彩 -



当高饱和度的色彩搭配在一起的时候,它们会产生一种“震颤效应”, 会让你觉得两种色彩之间会产生模糊、震颤或者发出光晕的视觉效果,令人不适。

 

不过即使你没有尝试搭配,也可以通过它们的基础特征,合理规避“震颤”配色:

它们都是高饱和度的色彩

两种色彩在色轮上是互补色

他们在色轮上相隔180度,处于对称的位置

将两种色彩转化为灰度之后,两者灰度非常接近


如果说你必须使用“震颤”配色,这个矛盾也不是不能调和的:加入中性的色彩将两者分隔开就好了。


- 浅色+浅色 -



浅色+浅色的搭配也是最常见的错误之一。也许你在某个平面设计或者印刷相关的项目上这么配色,最终没造成可读性的影响,这可能是设置的问题或者色差造成的,但是在绝大多数的情况下,是错误的。


无论你怎么设计,这样的配色一定很难阅读其中的内容。想要修复这个问题其实非常简单:选择色彩均匀统一的背景,文字部分可以与之构成对比。


via say417


如果无法修改背景,可以在背景和文字之间加一层,增加对比。


via lokngs


尝试调整整个背景图片的色调、明暗、饱和度等,以达成提升对比度的目的。



- 彩虹式配色 -



“彩虹飘飘”,设计师一定是也生无可恋了。想想看,当一大堆各种各样的色彩都成为配色的一部分的话,各种色彩之间的干涉,都不知道打破了多少配色的规则。


这种设计虽然可能在一开始会吸引用户的注意力,但是随后让用户产生的恶心和不适绝对会远超设计者的预期,即使内容再好,都无法被人识别。


如果你真的希望让页面更加“多彩”,那么不要让色彩都混杂到一起,试着使用卡片式设计来承载不同的色彩,合理的排布,既可以让色彩更加灵活,也可以保证组织性和流动感。



- 亮色+亮色/深色+深色 -



就像浅色+浅色的搭配一样,亮色+亮色或者深色+深色的搭配,都是因为饱和度接近而造成的辨识度问题。毫无疑问,这也是要规避的问题。即使是经验丰富的设计师,也可能会在这个时候掉坑里。


就像几天前大大君讲的饿了么星选LOGO,里面有几张品牌之间“对话”的海报:



评论区下有粉丝留言“晃眼睛”,这就是两个亮度过高的颜色搭配在一起,造成的视觉不适感。


总之,千万注意配色的对比度,在视觉对比和可读性之间做出适当的平衡。


- “K”黑 -



我们常说的CMYK中的K是黑色。许多设计师的设计作品会横跨网页版和印刷品,有时候会在做印刷品的设计的时候,会误将网络配色中的黑色用上去。


印刷品,包括我们日常生活中的许多黑色,其实分很多种,它们通常是某种色彩叠加了很多之后产生的效果,比如渡鸦的羽毛是黑色的,但是你仔细看它会微微泛蓝。



所以,在设计这个黑色的时候,最好是挑选一个带有品牌色调的黑色(而非#000000)。这样可以在印刷的时候更容易协调。


其实以上所谈到的所有的配色的问题,几乎都是关于对比度和可读性问题的。实际上,只要确保色彩和内容的对比度和配色美感,几乎所有的色彩都是能用的。


素材来源 | Ps平面设计课堂


推荐阅读:

有触及灵魂的色彩,才有直抵人心的设计!

CMF | 有一种优雅,叫孔雀蓝

色彩趋势 | 做个出“彩”的电子产品

从CMF角度看2020年春夏美妆包装趋势




欢迎加入CMF设计军团,参与2019年合作!

温馨提示:扫描下方二维码,选择您有意向参加的活动,我们将优先为您提供2019年商务合作相关资讯。



商务合作请洽:

深圳萨米设计研究有限公司

电话:0755-33964539(09:00—18:00)

手机:189 2600 6016(同微信)李先生

邮箱:lixiaobo@cmfdesign.net

地址:深圳市宝安区中粮商务公园1栋3楼



以上请电话联系:

18926006016(李先生)15019499516 (黄先生)   



关于CMF设计军团:CMF行业第一平台,由Samy团长黄明富创办,致力于推动CMF行业发展,专注于CMF探索研究与分享传播。为主机厂提供CMF创意资源支持;为供应商提供精准业务对接;为高校提供CMF教学支持;为设计师提供交流平台,分享对CMF的践行与感知,详询可加军团微信:CMFDESIGN999(请备注姓名、需求)

为探索CMF深度与广度,提升行业水平,军团邀请到:

海尔、美的、格力、西门子、奥克斯、小天鹅、海信、康佳、TCL、松下、奥马、长虹、飞利浦、创维、莱克、科沃斯、苏泊尔、史密斯、美菱、九阳、海派、仁宝、罗技、华硕;Apple、华为、小米、三星、OPPO、联想、中兴、vivo、酷派、魅族、乐视、Motorola、传音、努比亚、奇酷360、一加、美图;微软、intel;宝马、大众、广汽、北汽、上汽、一汽、长安、长城、吉利、海马、江淮、比亚迪、奇瑞、现代、中车、陕汽、东风、潍柴、蔚来、泛亚、小鹏、宝沃、伊狄达、开云、同捷科技;佳普、老板、正大、模德、奥普、樱花、欧普、欧派、顾家、华帝;杜邦、库尔兹、巴斯夫、陶氏、PPG、苏威、阿克苏诺贝尔、3M、艾文德、LG;武汉大学、天津大学、东南大学、湖南大学、吉林大学、江南大学、东华大学、同济大学、中央美院、天津科技、天津工业、广州大学、南京艺术学院、浙江理工、浙江工业、中国地质、南京理工、南京航空航天、北京理工、西南交通、广东工业、华南理工、华南工业、华南农业、安徽农业、哈尔滨理工大学;北京服装学院色彩设计研究中心、中国流行色协会、中国色彩中心、爱色丽&潘通、丽华创新制造、江南大学&卡秀堡辉联合创新实验室、荣格、YANG DESIGN等诸多业界同仁,分别来自家电、3C、汽车、家居、资源方、学术界、第三方平台、设计企业等,共同探索CMF,助力行业发展。

用心研究分享

设计、材料、工艺、趋势、文稿、资讯

CMF设计军团免责说明:本文仅代表作者本人对于行业的个人看法,作为分享交流。本文引用的图文、数据等其它内容,来源于网络或公开资料,版权归原作者及原出处所有,仅用于学习之用。任何商业盈利目的均不得使用,否则产生的一切后果将由您自己承担。如需转载,请与军团联系。



点击阅读原文,在线购买CMF工具,提升工作效率!

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存