美文网首页
初学思维导图,最常见的12类问题自查清单

初学思维导图,最常见的12类问题自查清单

作者: 马丁路德蛋蛋 | 来源:发表于2020-03-16 09:25 被阅读0次

    思维导图只是一个帮助思考的工具,重要的是利用工具解决问题。

    全文约4939字,12图,细读大约需要13分钟

    从2018年3月起开始摸索研究思维导图到现在,刚好有近两年的时间了。从一开始一个人瞎捣鼓,到后来有一群人实践交流,使得我慢慢地从入门到相对精通,到现在已经独立完成过多次的商业制图交付。

    也因为思维导图,让我开始积累起了一些作品声音,因此能和越来越多的思维导图兴趣学习者一起交流。很多朋友会分享给我他们的思维导图作品,我也会尽力结合自己的经验给些反馈。

    (@蛋蛋:那些年给过的思维导图作品反馈)

    基于这些经验,回顾自己的学习过程,更能体会新手初学思维导图需要知道自己作品的优化空间在哪里,才会有更快的提升。

    于是总结了思维导图初学者最常见的12类问题,包含33个具体问题和对应的优化思路,供参考交流。

    备注:因平常使用的制图工具更多的是XMind或XMind ZEN,因此经验更适用于此两款工具。

    >>>> 01 字体

    字体是一个相对不容易犯错的问题,主要是以下3点:

    ① 使用过多字体

    具体说明:在一个作品里出现太多种字体,字体间的粗细不一、字号不一、重点不一,看上去很杂乱。 

    优化思路:除导图标题以外,最多使用2种字体。 

    ② 使用斜体字体

    具体说明:中文在斜体显示时,容易阅读疲累,尤其是在一堆内容中看到一个斜体的时候。

    优化思路:作品做完后缩小来看整个从上至下的协调性,检查是否有某些部分比较突出,使得整体看起来重心失衡。 

    ③ 使用有衬线字体

    具体说明:衬线字体容易辨识,易读性高,适合用于篇幅比较大的正文。在传统的正文印刷中,普遍认为衬线体能带来更佳的可读性,相对优雅、严肃,而且通常有衬线字体最好不和无衬线字体一起混用,否则显得更杂乱,所以使用有衬线字体相对难度要高一些。

    无衬线字体醒目,笔画比较粗,长时间阅读不叫累眼,相对干练、轻松。但现在很多系统的无衬线字体是基于细黑体演化而来,可读性得到加强,使用起来就比较不怕出错了。 

    优化思路:尽量避免使用有衬线字体,尤其是避免有衬线字体和无衬线字体一起使用的情况。

    >>>> 02 配色

    配色问题是一个比较常见的问题,但也是一个比较好解决的问题,只要保存好自己的常用配色就好。

    ① 使用过多颜色

    具体说明:一张图里使用多种颜色,导致看起来太过眼花缭乱。

    优化思路:

    ✔️分版块使用颜色,把颜色分成区域形成不同的阅读板块,反而有助于帮助读者阅读,类似导图自带模板:彩虹分支

    ✔️使用统一的色系,比如全篇导图都使用深色系or都是浅色系,即都是冷色调或暖色调

    ✔️使用邻近色,确定一个主体颜色,然后使用它的衍生邻近色

    ② 使用对比过于强烈的颜色

    具体说明:颜色的明度和饱和度过高,会显得色彩对比太过强烈,导致看起来辣眼睛;或者过于不强烈,看起来导图灰蒙蒙的,看不清楚。

    优化思路:调低色彩的明度和饱和度,使得对比起来显得温和一些,或者换个配色方案。

    ③ 字体颜色和填充色不协调

    具体说明:一张图里有灰底黑字、灰底红字、红底白字,还有白底黑字,使用上很不统一,造成视觉疲累。

    优化思路:减少对主题的填充色使用,或者不要大范围使用,尤其是灰色填充色的使用,看上去显脏显旧,阅读起来吃力。

    ④ 填充色使用过多产生色块

    具体说明:当一个颜色出现面积比较大的时候,就会形成色块,视觉就容易被抓住。色块颜色饱和度越高,视觉越容易形成印象。

    优化思路:减少填充色的使用,使用多种颜色的时候,可以分版块运用,比如第一部分一种配色方案,第二部分一种配色方案,用颜色形成板块的不同是可以的。

    ⑤ 导图颜色和导图插入的图片不搭

    具体说明:导图有插入图片/图标的时候,容易出现整体导图颜色与图片/图标不搭。

    优化思路:导图整个色调尽量保持和图片色同色系。

    ⑥ 使用看起来不那么「干净」的颜色

    具体说明:填充色不宜用颜色太浅的,即便是文字是黑色阅读起来也比较吃力。

    优化思路:使用高明度低饱和度的色彩。

    >>>> 03 结构

    结构问题整体上不太容易出错,但是需要注意现在屏读时代的情况下,结构保持竖屏会更好。

    ① 使用默认思维导图结构

    具体说明:XMind或其他思维导图的本身默认结构一般是「平衡图」结构,类似手绘思维导图的放射性结构,导图内容一多对于在竖屏阅读习惯的手机上,是不太适合的。

    优化思路:使用「树状图」结构或多种结构自由组合形成竖屏导图。

    ② 使用单一思维导图结构

    具体说明:使用一种单一结构作图,会出现导图有过多空白或整体不太平衡的问题。

    优化思路:使用多种结构自由组合形成竖屏导图。

    >>>> 04 层级

    层级不突出,是比较常见的问题,尤其是新手使用是比较容易忽视这一点。

    ☉ 父主题和子主题的关系不明确

    具体说明:没有对父主题和子主题突出关系,文字一多且呈现形式差不多的情况下读者就容易注意力涣散,没了导图的特性。

    优化思路:除了本身结构的层级表达内容间的关系以外,还可以适当通过加粗、间距、颜色、加边框加外框、字体字号大小等形式突出层级,凸显分支、层级主题之间的区别和联系。

    >>>> 05 标题

    标题问题其实更多的是层级问题的另一种体现,单独拎出来是因为标题真的非常重要,但还是有很多人并没有意识到这一点。

    ☉ 标题要大、要突出、要特别

    具体说明:整张导图缩小成一屏幕阅读时,标题是第一眼就要让人get到的点,本身标题就要承载着让读者瞬间就明白这张导图是关于什么内容的作用。还有一点原因是,对于iPhone有刘海的版本来说,很可能标题会被刘海挡住。

    优化思路:通过字号、颜色、样式来突出标题。

    >>>> 06 视觉传达

    这可能是一个比较冷门的概念,但是实际上只要是设计作品,都需要思考这个问题。

    ① 缺少或误导读者的阅读次序

    具体说明:当导图内容一多,或者导图有多个自由主题的时候,读者难以快速反应到内容的阅读顺序是怎样的。

    优化思路:加上序号引导,帮助读者快速进入阅读状态,get到阅读次序。

    ② 图示化表达使用不恰当

    具体说明:比如连接线的运用,容易被忽略掉连接线有箭头,箭头有指向性意义,如果运用在两个没有指向关系的内容之间,就容易误导读者去理解内容了。

    优化思路:连接线去掉箭头,或者改成双向箭头。

    ③ 重点内容不突出

    具体说明:内容多的情况下可以有适当的其他形式的突出,告诉读者这是重点。

    优化思路:对超过3点分支的内容选择性加粗突出,也可以换颜色、加外框等形式。

    ④ 视觉焦点不在信息传递上

    具体说明:内容的传达是信息本身,而不是信息以外的视觉效果,不能本末倒置。

    优化思路:文字信息永远是重点。

    >>>> 07 阅读体验

    阅读体验和视觉传达一样,可能比较隐晦,但往往细节很关键。

    ① 作品不符合惯有阅读习惯

    具体说明:导图内容呈现需要有逻辑有层次地表达,符合用户阅读习惯。即便是现在流行的知识地图,也是有明显的上下、左右之分的。

    优化思路:让内容保持从上至下、从左至右,符合人的阅读习惯。

    ② 不必要的阅读干扰

    具体说明:很多人刚开始使用会注意不到这个细节,就是作品导出后会留下分支主题的小图标,其实这个是有办法去掉的,它本身和内容就没关系。

    优化思路:作品图片导出时,把导出收缩&展开压缩图标前面的选项不打勾。

    ③ 忽略图片放大后的清晰度

    具体说明:尤其是很多学习者,对内容梳理很详细的时候,文字一多,字体字号依然使用系统默认的大小,整个图片导出后看上去并不清晰。

    优化思路:字体字号建议18+以上,要结合实际导图的用途、信息字数调整到更大。

    ④ 图标的使用不当

    具体说明:图标的使用更多的是为了标记、或突出、或补充文字关联,但往往容易出现滥用(通篇都是图标)、不同色的图标搭配、为了使用图标而添加不符合文意的图标等等问题。

    优化思路:让内容保持从上至下、从左至右,符合人的阅读习惯

    ✔️图标起点缀和补充的作用

    ✔️尽量使用同一色系的图标,看上去更清爽

    ✔️图标的风格保持统一,不要一会一个扁平风一会一个立体风

    ✔️注意特定图标的使用,例如「进度图标」一般用法就用于表示这个事情的完成进度或者饼图占比比例的意思

    ✔️尽可能使用辅助文字意义的图标,避免滥用人们已有既定认知的图标

    ✔️一篇作品里面多处使用同一个图标,要保证它们表达的都是同一个意思

    ⑤ 二维码的位置干扰主体内容

    具体说明:在导图上留下二维码的时候,不注意二维码的放置时机和空间占用。

    优化思路:将二维码放置在导图偏底部的位置,可以是空白处,但不要占用过多空间。

    >>>> 08 内容断句

    内容断句是大部分人刚开始不太会注意到的一个问题,但是很重要。

    ① 文字内容过于密集

    具体说明:文字多时,需要注意断句,因为大脑在扫描信息时会受信息呈现结构的影响,结构越好大脑理解起来越快。

    优化思路:主动分行断句

    ✔️利用空行的办法,主动分行

    ✔️在正确断句的地方利用分行断句,不要把是一个「词语」断开成「词、语」

    ✔️长句可以自行添加逗号等帮助断句,必要时可以近似词替代原文同义表达方式

    ② 字段分行切割语义

    具体说明:在整体结构平衡的情况下,可以一行写完的信息不用分为两行,反而累赘堆积。

    优化思路:长句分行断句时,不要把原本连贯性语义的语句、词语分开

    >>>> 09 内容提炼

    内容提炼是个因人而异、因作品用途而异的问题。

    ① 内容的完整性、引导性、逻辑性

    具体说明:内容一多,就需要在文字上帮助读者进入「理解状态」,提示引导要做足。

    优化思路:一般可以在导图的开头就附上全文基本内容要点。

    ② 颗粒度结合作品用途场景

    具体说明:不要出现太过于精炼的表达,也不要太过于长句,那就失去了导图的总结概括特性。

    优化思路:内容颗粒度的总结概括,需要考虑到读者是谁,最低要求是要让读者看得懂、让自己过一段时间再看这张图依然知道在讲什么。

    >>>> 10 作品排版

    排版也是一个需要考虑读者对象是谁的问题,如果是自己看可以不顾及排版,以下是讨论他人看的场景。

    ① 导图有过多空白区域

    具体说明:空白区域过多,容易显得导图有点空空的。

    优化思路:用不同的方法减少不同类型的空白

    ✔️上级分支内容过多,占用过多空间:标题分行排列,或者文字纵向排列

    ✔️额外的空白区域:在空白区域插入自由主题插入图片的形式填补空间

    ✔️子分支的空白区域:将子分支的竖轴用Windows自带的画图软件或者PS平移,或子分支的文字和上一分支是平级分支,从字体大小、有无外框等方面区分出分支

    ② 自由主题使用多个的时候不平衡

    具体说明:使用多个自由主题的时候,容易忽略掉自由主题的排版。

    优化思路:用自由主题可以保持在同一条直线上,选中多个自由主题标题,「编辑」-「自由主题对齐」-「垂直居中」或「水平居中」。

    ③ 留白问题

    具体说明:留白不是指空白区域,而是保持适当的呼吸感。

    优化思路:适当缩短分支之间的距离,保持稍微的呼吸感就好,对竖屏导图来说占据的空间也会更小

    ④ 水平/垂直视觉

    具体说明:非常容易出现的2个问题是,①上级分支使用「矩形」外框,下级分支使用「下划线」外框,线条与文字信息没有在同一条直线上,阅读起来不舒服;②在分支内容长短文字差不多可以调整至视觉平衡的时候,可以考虑使用

    优化思路:尽量保持分行后的上下两部分语句长短的平衡性(不要出现两行字,上面10个字下面2个字的意思)。分行后上下长短不一时,可以使用居中格式,上短下长;长短差不多时,居左格式,也是上短下长。

    ⑤ 整体视觉的平衡感和重心偏移

    具体说明:作为竖屏导图,在手机阅读时避免某一处过于突出,破坏整个作品的协调性。

    优化思路:整个作品做完后缩小来看从上至下的协调性,看看是否有哪一部分内容突出,使得重心失衡。

    >>>> 11 工具的克制使用

    工具是为人服务的,合理、正确、克制地使用工具帮助达到目的、解决问题才是好的。

    具体说明:比如容易出现滥用色彩、滥用图标的情况以外,还会出现各种使用外框、外形的情况,使得一个版块的内容框中有框还有框,或者一个图里既有矩形、还有菱形、云朵形等等。

    优化思路:和字体、色彩使用一样,克制地使用会保持整个作品的干净整洁。

    >>>> 12 创作的投入产出

    敬酒虽好,可不要贪杯哦。

    具体说明:也经常会看到刚接触思维导图的小伙伴,琢磨着琢磨着制图成瘾😂,要么是一张图反复迭代,要么是熬夜爆肝作图。

    优化思路:注意一个作品的投入产出比,不用追求极致完美,可以在不断地创作中迭代。

      小小总结  

    ① 思维导图只是一个帮助思考的工具,重要的是利用工具解决问题。

    ② 虽然只是一张思维导图,但作为可视化作品,我们都需要懂得一些设计的基本知识,以便帮助我们更好地创作。

    ③ 不同的人有不同的方法和经验,分享交流出来才会碰撞出更多的新的灵感,这也是我分享的初衷。

    最后,祝你思维导图学习之旅愉快

    相关文章

      网友评论

          本文标题:初学思维导图,最常见的12类问题自查清单

          本文链接:https://www.haomeiwen.com/subject/glywehtx.html