要做好色彩搭配,首先要了解色彩三要素。
色相:具体的某个颜色,如红橙黄绿,就是四种色相。
饱和度:色彩的鲜艳程度。饱和度数值越高,则颜色越纯。
亮度:色彩的明亮程度。亮度数值越高,颜色的明亮程度越高。
![图片[1]-思维导图如何进行色彩搭配 - 尔鹿网络-尔鹿网络](https://geek.liyoudong.cn/wp-content/uploads/2024/02/image-920-1024x726.png)
4.2.2.1 色彩搭配原则
深底浅字,浅底深字:这个原则会保障我们出的图至少字迹清晰,不会使读者看起来太累。
![图片[2]-思维导图如何进行色彩搭配 - 尔鹿网络-尔鹿网络](https://geek.liyoudong.cn/wp-content/uploads/2024/02/image-921-1024x407.png)
4.2.2.2 同类色搭配
在色相环中,夹角60°以内的色彩,色相对比差异不是很大。如下图的橙与黄、绿与青,这类被称为同类色。
![图片[3]-思维导图如何进行色彩搭配 - 尔鹿网络-尔鹿网络](https://geek.liyoudong.cn/wp-content/uploads/2024/02/image-922.png)
![图片[4]-思维导图如何进行色彩搭配 - 尔鹿网络-尔鹿网络](https://geek.liyoudong.cn/wp-content/uploads/2024/02/image-923-655x1024.png)
使用同类色进行色彩搭配,这种搭配法呈现出协调、统一的视觉效果,使设计作品的版面细腻、沉稳、平和。
4.2.2.3 邻近色搭配
在色相环中,任选一种色彩,与其间隔60°~90°的被称为邻近色,如红与黄、橙与绿等。
![图片[5]-思维导图如何进行色彩搭配 - 尔鹿网络-尔鹿网络](https://geek.liyoudong.cn/wp-content/uploads/2024/02/image-924.png)
邻近色进行搭配,是一种个性的配色方法,邻近色在明度和纯度上可以构成较大的反差效果,又具有色彩冷暖对比和明暗对比,因此这种配色使画面呈现出丰富、跳跃的感觉。
邻近色配色案例:
![图片[6]-思维导图如何进行色彩搭配 - 尔鹿网络-尔鹿网络](https://geek.liyoudong.cn/wp-content/uploads/2024/02/image-925-470x1024.png)
4.2.2.4 对比色搭配
在色相环上,夹角120°左右的两种颜色被称为对比色;例如:黄色与蓝色、红色与青色;
![图片[7]-思维导图如何进行色彩搭配 - 尔鹿网络-尔鹿网络](https://geek.liyoudong.cn/wp-content/uploads/2024/02/image-926.png)
对比色也可以进行搭配使用,这是一种大胆的配色方法,这样的色彩搭配使作品画面色差对比明显,能够产生强烈的视觉冲击力和对比效果,常用作凸显、需要着重说明的主题信息。
对比色配色案例:
![图片[8]-思维导图如何进行色彩搭配 - 尔鹿网络-尔鹿网络](https://geek.liyoudong.cn/wp-content/uploads/2024/02/image-927-604x1024.png)
4.2.2.5 互补色搭配
在色相环上,夹角为180°的两种色被称为互补色,例如 ,蓝色与橙色,黄色与紫色;互补色能体现出强烈的色彩对比和矛盾冲突。
![图片[9]-思维导图如何进行色彩搭配 - 尔鹿网络-尔鹿网络](https://geek.liyoudong.cn/wp-content/uploads/2024/02/image-928.png)
使用互补色也能进行色彩搭配,但因互补色能体现出强烈的色彩对比和矛盾冲突,所以,在设计作品时,应该谨慎使用,否则就会使作品版面产生强烈的分裂感,破坏版面的整体美感。
互补色配色案例:
![图片[10]-思维导图如何进行色彩搭配 - 尔鹿网络-尔鹿网络](https://geek.liyoudong.cn/wp-content/uploads/2024/02/image-929-857x1024.png)
4.2.2.6 配色工具
如果刚开始自己不会配色,可以使用配色工具。
网站-配色表:http://www.peiseka.cn/
![图片[11]-思维导图如何进行色彩搭配 - 尔鹿网络-尔鹿网络](https://geek.liyoudong.cn/wp-content/uploads/2024/02/image-930-1024x542.png)
![图片[12]-思维导图如何进行色彩搭配 - 尔鹿网络-尔鹿网络](https://geek.liyoudong.cn/wp-content/uploads/2024/02/image-931-1024x511.png)
微信小程序-配色卡:
![图片[13]-思维导图如何进行色彩搭配 - 尔鹿网络-尔鹿网络](https://geek.liyoudong.cn/wp-content/uploads/2024/02/image-933-1020x1024.png)
4.2.2.7 进阶配色技巧
用海报或PPT配色
在海报或PPT中,选择一个为主要配色,其他颜色作为辅助配色。通常会选择一个颜色较深的作为主色,再选一个作为辅色,两者组合成导图配色。
比如,我做生财的思维导图配色,就是从生财海报中提取的颜色。
![图片[14]-思维导图如何进行色彩搭配 - 尔鹿网络-尔鹿网络](https://geek.liyoudong.cn/wp-content/uploads/2024/02/image-934-1024x361.png)
书单类思维导图配色
在书中封面处,选择一个为主要配色,其他颜色作为辅助配色。
比如,我做的这个《认知觉醒》思维导图,就是从书籍封面提取的配色。
![图片[15]-思维导图如何进行色彩搭配 - 尔鹿网络-尔鹿网络](https://geek.liyoudong.cn/wp-content/uploads/2024/02/image-935-1024x293.png)
用 logo 配色
在其 logo 上,通过 Xmind 填充,用吸管,选取一个为主要配色,其他颜色当辅助色。
比如,我给搞钱女孩栏目做的思维导图。
![图片[16]-思维导图如何进行色彩搭配 - 尔鹿网络-尔鹿网络](https://geek.liyoudong.cn/wp-content/uploads/2024/02/image-936-1024x303.png)
本文转自知识星球《生财有术》,享受市面上价值上万的专业训练营,完全免费学习!快来扫码加入吧!

微信扫码加入后,可免费领取我的价值99/年的副业星球。(联系微信4314991邀请你加入)

本文转自教程《思维导图特训(23.12)》,可关注上方李又懂的公众号,后台回复【思维导图】免费获取全套教程~
![图片[25]-为什么学习思维导图?思维导图的贯穿了我们一生 - 李又懂-李又懂](https://liyoudong-1305671160.cos.ap-beijing.myqcloud.com/2024/02/20240208051947368.png)
暂无评论内容