思维导图配色指南

article/2025/11/9 14:47:59

色彩,在思维导图上是一种锦上添花的元素,除了让画面看起来更加赏心悦目,它也是反映思维发散性和层次性的重要指示。今天就教大家如何用漂亮的色彩搭配来装点自己的思维导图。

//色彩的基础知识//

关键词:色相,饱和度,亮度

在开始学习配色之前,先来了解一个有关色彩的基础小常识,这会更加有利于配色学习的进阶,或是更好地欣赏、借鉴和临摹专业的配色。

提到颜色,常见色相、饱和度和亮度这三个词,然而大部分人却不尽知其意,这次就带领大家一次了解透彻。

  • 色相:具体的某个颜色,如红橙黄绿,就是四种色相
  • 饱和度:色彩的鲜艳程度。饱和度数值越高,则颜色越纯
  • 亮度:色彩的明亮程度。亮度数值越高,颜色的明亮程度越高

三者在XMind的拾色器中是十分常用和基础的。以中心主题的填充色为例,选中中心主题,点击「格式」-「样式」-「填充」,就可以看到中心主题的色调、饱和度和亮度的相关数值。

//配色流程//

step 1 选定一个主色

  • 关键词:颜色象征

颜色是具有象征意义的。

提到医院,会让人联想到象征洁净平和的蓝色;环保主题的思维导图,首先跳入脑海的一定是与植物和自然息息相关的绿色。

因此,主色的挑选所要秉持的原则就是:与主题相关,为增强主题内容而存在。

step 2 开始配色

关键词:层级结构

为思维导图配色有什么特别的技巧?

先来看看XMind设计师的高效tips:

  • 1、一张思维导图的配色,一般在3~4个颜色左右,这个配色数量与层级有关。
  • 2、在配色时,可以将整张思维导图拆分理解为中心主题、子主题、背景和点缀(「联系」、「概要」和「外框」等部分)。
  • 3、子主题围绕着中心主题作为衬托,也代表着思维的延伸和发散,所以不需要太明显。
  • 4、需要保证背景色和主题色之间的对比度,让主题在背景中保持突出。

接下来给大家推荐两个配色小方法:

方法一:同一色相,不同的饱和度和亮度

以XMind思维导图自带模板为例。

导图主题为「资产负债表」,与商业关联较大,因此选用代表冷静可靠的蓝色为主色调。

图中的背景、中心主题、分支主题、线条和文字共有4种颜色。除白色文字外,其余3种颜色均是以蓝色为主色,同时调节饱和度与亮度得到的配色。

(上:中心主题色;左下:分支主题色;右下:背景色)

可以看到3个色调均是围绕215度上下。

  • 中心主题(上)需要最突出,因此饱和度较高,同时亮度较低以显沉稳商业感;
  • 分支主题(左下)次要明显,因此饱和度相较于中心主题低一些;
  • 背景(右下)需要和主题有较大区分度,因此饱和度大幅降低,以作同色陪衬。

同一色相的不同饱和度与亮度,来体现画面的张弛有度,从而反映出思维的不同层次。

方法二:图片/色卡+XMind取色器=?

如果了解以上知识可以初窥配色的门径,那么掌握接下来这个方法则能够直接飞升大师段位。

首先推荐两款配色工具:

Color Hunt:小清新、现成

Color Hunt是一个配色方案收集网站,每日更新,风格偏向小清新。你可以直接在这里找到现成的配色方案。

但是根据「颜色是为了增强内容表达而存在」的原则,应该首先思考主题的内涵和颜色的意义,再通过工具寻找灵感。

Palettable:从零开始搭建

如果完全没有想法,甚至无法确定第一个颜色,可以打开Palettable,从第一个颜色开始,通过「喜欢」和「不喜欢」决定是否接受随机生成的颜色,连续确定五次之后就能得到一个配色方案。

在以上网站,你都可以直接找到配色方案上相应的颜色码。直接将这串字符输入颜色板,即可在思维导图的对应部分得到想要的颜色。

如果在制作导图配色时,遇到一张没有现成颜色码的色卡,或只是一张配色精美的纯图片怎么办?

不用慌,取色器也为你准备好了。

选中需要改变颜色的部分(如中心主题),点击「填充」-右下角色环按钮 - 滴管按钮,即可吸取想要的颜色,填充到思维导图的相应位置。

颜色是能够引发情绪的。

例如红色的画面容易激发兴致,吸引注意力,它会令人感到警觉或兴奋;而蓝色正相反,它属于冷色调,代表着柔和平静;橙色则浓郁,充满活力……

一张图中要是存在过多的色彩,会使我们的情绪波动很大,从而感到疲惫,导致注意力的分散。

高效配色tips

1、少用颜色

2、降低颜色的饱和度。本质上就是减少色彩的原色,然后使用灰色来代替它,这样会使颜色视觉效果更柔和,也更百搭。

//一场配色实战//

面对配色,其实酱酱也是一名非专业选手,因此本期教程的实战篇特别邀请到了XMind设计师为一份(现学现卖的)作品倾情指导,为大家展示理论知识如何与实践相结合。

以下是练习作品展示:

虽然自我感觉良好,但也有较大进步的空间。请来了 XMind 设计师帮忙改进:

  • 绿色作为背景色时,为了对比区分,可以使用粉红色作为主题色,橙色作为点缀突出。
  • 黑色不是很搭(色卡中也没有黑色),线条可以使用同色调不同亮度和饱和度的绿。
  • 更多的白色可以调节饱和度过高的背景色。

设计师修改后:

Xmind 2021 for Mac下载:mac.orsoon.com/Mac/173506.html?id=MTg1MzMyMSZfJjIyMC4xODYuMzkuMTk2

写在最后:

学习完本篇之后,相信你可以在短时间内理清思维导图配色的大概思路。但更关键的是,现在面对色彩,我们可以以配色知识为基础,来分析、欣赏和借鉴配色。通过不断地观察和学习,将配色背后的套路内化至自己的知识结构中。而这也是学习的意义。


http://chatgpt.dhexx.cn/article/jkPj2ujP.shtml

相关文章

Xmind Pro 22.11 for Mac中文版强大的思维导图软件功能介绍

XMind for Mac 是由XMind 团队重新打造的一款思维导图软件,全新 Snowbrush 引擎,提升了思维导图的展示效果,丰富了绘图的元素,包括最时尚的主题和字体设计,备注支持 Markdown 编辑模式,设计思维导图时界面更…

如何下载网页上网站上的视频

某网站视频下载方法: 一:使用浏览器插件 1:QQ浏览器或者火狐浏览器可以下载一款插件 Video DownloadHelper 在各自浏览器的配套应用中心都可以下载到 2:登陆到视频网页后该插件会自动检测到视频,此时点击下载即可 二…

将手机浏览器下载的.ts格式的视频片段合并的方法

将手机浏览器下载的.ts格式的视频文件转为.MP4格式的方法 所用工具 电脑端:TS merger Tools 软件 链接:https://pan.baidu.com/s/1XUzF1zgewVlslWngpJgWuA 提取码:tm7i 手机端:ES文件浏览器 操作方法 1、因为从手机浏览器上…

UC浏览器视频播放缓存以及视频下载分析

PC时代,浏览器几乎是上网的唯一入口,那时候,得浏览器得天下,大家都想守住这个流量入口,为自家的服务导流。移动互联网时代,繁多的App分割了浏览器的流量,浏览器失去了平台流量的入口地位&#x…

小米浏览器导出html,一招教你导出小米uc浏览器缓存视频

一招教你导出小米uc浏览器缓存视频 相信很多小伙伴都有在使用小米uc浏览器,那么我们怎么导出其中的缓存视频呢?方法很简单,下面小编就来为大家介绍。 具体如下: 1.首先,打开浏览器,任意进入其中的一个视频网站。 2. 点击下图箭头所指处的下载图标。 3. 将下图一所示软件安…

手机最好的html5浏览器,哪款浏览器最好用:六款主流手机浏览器横评

浏览器,作为传统PC端上的流量入口和系统平台,在手机上也起到了非常重要的作用。根据艾媒资讯公布的2017Q1中国手机浏览器市场季度监测报告显示,手机浏览器的用户已达5.94亿,75.8%的网民每天都在使用手机浏览器。 但随着手机端App数…

手机浏览器缓存的.ts视频文件如何合成(不下载软件)

手机缓存的视频文件都是1-3秒的.ts小片段,如果想拷贝到电脑上看会累死。 打开一看有将近两千个,网上大多是教下什么软件可以合成的。又不想下。 用dos命令可以自己在电脑上合成。 copy/b E:\temps*.ts E:\temps\new.ts 如上,执行该命令后,E:\temps目录下的全部TS文件就被合…

手机浏览器上网谁最快?手机浏览器速度测评

智能手机已经普及,手机系统也在不断升级,手机浏览器的时代已经到来,手机浏览器已经从最早的1.0搜索纯浏览时代过渡到2.0内容聚合平台时代了。现在很多厂商研发的手机浏览器以针对年轻用户垂直细分市场进行内容转化和娱乐化的深度运营为标志&a…

android 浏览器 视频格式,手机uc浏览器可以观看rmvb格式的视频吗? android

wang504068944 接受 用于观看rmvb格式视频的手机uc浏览器取决于手机的性能. 如果手机的运行内存大于512M安卓手机怎样播放rmvb,则支持的格式为mpeg-4 / h.264 / rmvb / xvid / ms mpeg-4 / vp6 / h.263 / mpeg-1 / mpeg-2 / avi / mov / mkv / flv / 3gp / 3g2 / as…

uc浏览器下载的视频php格式,如何将UC缓存的视频转化为通用的MP4格式?将缓存的视频转化为MP4格式的方法...

用户在使用uc浏览器的时候,总会需要下载视频,那么用户要如何使用才能将浏览器缓存的视频转化成平常使用的mp4格式呢?用户可以将格式转换,在需要互相传递的时候就会更加的方便,如果你也喜欢这个服务,想要使用…

老司机必备的手机浏览器,比UC浏览器还好用

各位听得最多的段子:老司机们,上车了。没错,不管是在电脑端还是移动端,都需要一款好用的浏览器。那么,老司机们都用什么浏览器,什么样的浏览器才是老司机必备的浏览器呢?来咯,这些手…

告别手机自带浏览器,分享2022年好用的手机浏览器

对于喜欢使用手机上网冲浪的人来说,最喜欢用的一般都是小巧、强大、干净简洁的APP。作为上网常用的软件,好用的浏览器能够提高工作效率。而手机自带的浏览器往往占用资源大,而且广告很多,并夹带新闻、小说等无用功能,不…

vivo浏览器缓存视频如何拷贝到电脑上

经常用到,但是总是忘记了,仅靠百度搜索提供的方法,有时候又不靠谱,所以记录一下。 vivo浏览器缓存的视频都被设置成隐藏的.video 文件,就算你打开显示隐藏文件按钮也不一定找得到,这里提供一个非常简单的方…

可以下载视频的手机浏览器

我们有时我们在网上看到了一个自己感兴趣的视频,想要把它下载到手机上以后慢慢再看, 此时可以利用浏览器,可以轻松地把网页视频下载到我们的手机上。 首先我们下载UC浏览器最新版本: 下载地址:http://ucbrowser.ucdownload.cn/android_for_update_apk 打开UC,登陆上自己…

手机浏览器看视频加载太慢怎么办,这5招用了提速快

在下班后或者午休前的闲暇时间里,很多人喜欢用手机浏览器看视频来放松自己。最近,看到一些朋友说使用手机浏览器看视频加载太慢,没有在电脑看视频速度快,遇到这种情况应该怎么办呢?今天就为大家说道说道,教…

安卓机适合用的手机浏览器,可下载视频可锁屏

手机浏览器千千万,然而真正无广、好用的却没有多少个。曾经简约、广受好评的夸克浏览器,因为体积越来越大,功能越来越离谱而遭吐槽。今天,给大家带来一款简约、功能强大、无广告无新闻的手机浏览器,尤其适合安卓机&…

手机浏览器怎么下载视频,第三方手机浏览器下载视频的方法

在我们的手机中,总少不了一款手机浏览器。很多人经常使用手机浏览器看视频,那么如何在网页中将喜欢的视频下载下载下来呢?下面给大家讲解UC浏览器、多御安全浏览器、QQ浏览器下载视频的方法,有需要的朋友可以继续往下看。 UC浏览器…

导出(合并)手机QQ浏览器下载的视频

import os import re import shutil import sys import subprocessdef func(target_file):# 读取文件中的所有内容with open(target_file, "r", encoding"utf8") as f:lines f.readlines()folder_name re.search(r"(?<QQBrowser/视频/).*?(?/…

红米手机4X获得Root权限的流程

红米手机4X有啥好方法开启root权限&#xff1f;我们清楚&#xff0c;android设备有root权限&#xff0c;一旦手机开启root相关权限&#xff0c;就能够实现更多的功能&#xff0c;打比方我们部门的营销部门的妹纸&#xff0c;使用大多数营销工具都需要在root权限下使用&#xff…

红米手机5A获取root超级权限的教程

红米手机5A有么好方法开通了ROOT超级权限&#xff1f;我们知道&#xff0c;Android机器有ROOT超级权限&#xff0c;一旦手机开通了root相关权限&#xff0c;就可以实现更好的功能&#xff0c;举个例子&#xff0c;我们部门的营销部门的妹纸&#xff0c;使用较多营销软件都需要在…