导图心法 | 思维导图配色“脱丑”指南
上次我们聊了思维导图如何选取合适的板式,使自己的内容看起来逻辑更清晰,呈现更美观。(可以查看文章:4种拿来即用的思维导图模板,想试试吗?)但也有小伙伴会跟小Q反馈,我的导图颜色搭配很丑,还是“翻车”怎么办?那我们今天就来聊聊导图色彩如何搭配才能不翻车~
“写在前面”
小Q最开始接触思维导图的时候根本顾不上颜色搭配,就是简简单单的黑白色,看起来也蛮清爽。以下两种情况,小Q不建议你纠结排版和配色。
1、初学者:如果你是初学者建议不要把时间精力纠结在配色排版上,内容逻辑才是王道,只要你的内容逻辑清晰,不排版不配色也不会差到哪里去。
2、自己看:如果你的内容只是留给自己查看的计划、总结、记录等类型,小Q也不建议花太多的时间排版,因为重点在于思考和记录,这一步你做好了就很棒了。所以,请把时间留给思考!
当然,如果你对内容和软件操作已经能够娴熟掌握,制图有分享的需求,且有一定的时间和精力,希望自己的导图呈现更加美观,提升阅读体验,那可以来了解一下接下来的「思维导图配色“脱丑”指南啦」~
一、配色原则
导图的配色我一般会遵循两点简单原则:
01 深底浅字,浅底深字
这个原则会保障我们出的图至少字迹清晰,不会使读者看起来太累。
02 整体不超过3种颜色
一般整张导图不建议超过3种颜色(特殊情况除外),因为在设计中使用多种颜色通常会使读者眼花撩乱,并使设计的色调失去风采。
二、配色技巧
对于配色技巧,小Q根据以往的作图经验,总结了4种简单方式,拿来就可以体验。你不需要有设计基础,也不需要了解设计的专业术语(因为小Q也不懂,哈哈),但不影响你做出配色美观的思维导图~
01 最保险配色法
方法:大面积低饱和度颜色+小面积高饱和度颜色
低饱和度颜色:小Q俗称“淡色” 高饱和度颜色:小Q俗称“亮色”
饱和度简单说就是指颜色的鲜艳程度。鲜艳的颜色(高饱和色),可在短时间内吸引到人,但也易引起人的视觉疲劳,越看越累。
不怎么鲜艳的低饱和色反倒更加耐看。所以推荐导图大篇幅的使用低饱和色作为基调,高饱和色作为点缀和提亮(通常作为重点突出或标注)。
低饱和度颜色示例(图片来自于网络) 「最保险配色」导图示例02 同色系叠加法
这也是小Q最喜欢的方式,因为比较简单,又能够将内容做相应的区分引导。
方法:以单一颜色为重点色,其他颜色可选择深浅不一来搭配,但要控制在同一个色彩体系内。
单一色的细微颜色变化有助于使导图变得简约,但却显得不单调。
同色系叠加示意图(图片来自于网络) 「同色系叠加法」导图示例03 相似色搭配法
方法:相似色是在色轮上相邻的三或四色的颜色组合。譬如下图的绿色和相近蓝色的搭配。
相似色取色示意图(图片来自于网络)由于是相邻色,所以整体搭配上有着类似上面同色系叠加的和谐美感。建议最好只以一种色调为主,要么都是冷色调,要么都是暖色调。
「相似色搭配」导图示例04 大胆撞色搭配
方法:选取色轮上位置相对的两色互补色
此方法要求比较高,想用的伙伴需要对色彩有些敏感度,免得撞翻车,成了“乱撞”。
常用互补色主要有:蓝橙、红绿、黄紫
互补色取色示意图(图片来自于网络) 「撞色搭配」导图示例三、常用色彩的意义
除了以上配色技巧4种小方法外,我们在制作导图时也需要了解一些色彩的意义,这样有助于我们进行色彩和导图内容的搭配。
保持内容与色彩意义的和谐也有利用导图清晰地传达信息。常用的色彩意义小Q已经帮助大家整理好啦,欢迎自取参考~
色彩的意义参考四、取色方法与工具
了解了配色原则、技巧以及色彩意义后,那我们制作导图时,到底该从何下手选择合适的颜色,以及如何选取呢?接下来我们一 一揭晓。
取色方法工具总结导图01 取色方法
针对不同的需求和场景,小Q总结了几点可以快速使用的取色途径:
① 利用思维导图模版配色简单不出错
这是最简单最好用的方式,Xmind中配套的版式配色都是经过设计师进行设计的,所以直接用绝对不会出错。
小Q作品示例1② 读书/课程笔记类可根据书籍封面/课程介绍取色
很多伙伴都跟小Q一样,平时用导图制作读书笔记和课程学习笔记的频率比较高,那最方便的方式就是提取你阅读书籍中的配色,或者学习课程的介绍封面内的颜色搭配。
一本书的封面和一页课程介绍一定是经过了作家和讲师反复斟酌确认的设计,所以你可以放心大胆地用,也保持了“一脉相承”的整体设计感。
(读书笔记可查看文章:思维导图如何助力我升级阅读体验)
小Q作品示例2③ 商业用图可根据logo色取色搭配
如果你是商业制图,或者是给公司/客户制图,那可以直接选用他们的Logo颜色进行取色,这样既保持了跟对方企业用色的一致性,也减少了自己搭配的失误风险。
例如下面「笔记侠知识整理训练营」,小Q在制图的时候,就选取了笔记侠logo中的红黑两色来做为搭配。
小Q作品示例3④ 根据实际内容及应用场景取色
这条比较容易理解,就是要关注自己的创作内容以及使用的场景,这一点可以跟上面的色彩意义关联使用。
同时也要注意了解使用的场景和内容是否有什么禁忌(例:禅宗类内容不适合五红大绿颜色,喜庆节日类不适合黑白灰色等),避免“触雷”。
下面两个示例一幅是小Q做的「博物馆的陶瓷之色」系列,所以我选取了博物馆内常有的花纹和色彩作为搭配。另一幅是以桃为主题的飞花令,所以我选取了桃花的粉色作为主色调来搭配。以上两个案例从场景和内容上来进行取色,搭配上会更加的和谐。
小Q作品示例4-1 小Q作品示例4-2⑤ 需要加头图的可利用头图取色搭配
有些导图我们需要增加头图来进行搭配和突出主题,一般小Q会从设计网站下载自己需要的图片,再进行设计整合作为头图,导图的颜色则可以从头图上选取1~3种色彩(或与头图相近的色系)进行搭配,这样可以保持作品整体上的和谐一致性。
小Q作品示例5以上的几种方式是小Q在实践中经常使用的几种方式,当然还有很多好方法,相信你在持续输出的过程中也能形成自己的经验总结,也欢迎交流探讨~
02 取色工具介绍
你有没有遇到这样的情况:有的时候你看到喜欢的颜色,却没办法应用到导图上。这两个简单的工具一定会帮助到你。
① OK Color :安装一个小工具,随处可以取色,并复制色值使用。(具体使用方法可参考安装后的教程)
② PPT取色器 :把你看好的图片插入到PPT中,利用PPT自带的取色器提取颜色,复制RGB值,即可使用这个颜色。
五、配色网站推荐
小Q推荐3款平时经常用的配色网站,大家平时可以通过配色网站,或者设计类的公众号、微博,注意收集自己喜欢的配色。
积攒配色方案的同时也能逐步提升自己的色彩搭配感。此类的网站很多,大家可以根据自己的喜好选取1~2款合适的收藏备用。
1、Color Hunt
2、LOLCOLORS
3、中国色(特别适合古风)
感谢你的阅读,希望小Q的用心能够对你有帮助~
小Q的思维进化岛(Qmind0713),定期发布思维导图技巧、教程和作品分享~
我们一起认知升级、迭代思维,用导图开启无限可能~
我是这样的小Q