百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

看到这张思维导图,我承认我酸了(思维导图超好看)

myzbx 2025-03-24 18:26 19 浏览

哈喽Everybody,“别人家的思维导图”总导演小M宣告回归啦(此处应有掌声)!

小M之前有个很想实现的 梦想 创意脑图,但受限于 MindMaster 当时的功能,一直没法完成。不过上上周发布的V8.5 新版本——全新的表格、主题和剪贴画功能——终于能让想法落地!

于是小M开始紧锣密鼓地策划、制作,耗时1周,终于把这个创意脑图和对应教程给做出来了!“别人家的思维导图”系列的第三弹,请珍藏!

接下来,开始操作回顾!

与前两次采用“垂直时间线”结构作为整体框架不同,这次创意脑图分为5大部分,由超过30个浮动主题共同组成,不是一个导图结构就能实现的。

所以,我们可以按照从上至下,从左至右的顺序一个个来拆解:

--- @MindMaster思维导图---


第1部分绘制重点

1. 确定结构。

在右侧“页面格式-布局”面板选择“向下组织结构图”;

2. 主题替换。

在右侧“页面格式-主题”面板选择合适的主题,一键替换;

3. 插入图片及文字。

支持从电脑本地插入图片,或者截图后直接粘贴;支持文字调整字体、大小等元素。

第2-5部分绘制重点

1. 制作大标题。

具体步骤如下:

1)新建浮动主题

这里的长主题要用上我们之前的绘制技巧:在主题中连续添加空格即可实现。

2)修改主题形状样式

在右侧“页面格式-形状-形状样式”面板选择“无边框”样式,即可消除主题边框;

3)增加主题阴影

在右侧“页面格式-形状-阴影”面板选择“透视”样式(有三种默认透视样式可选);

如果对默认透视样式不满意,可以点击最下方的“更多选项”,调出“阴影”操作面板,支持调整阴影的颜色、大小、角度、透明度、模糊度等参数。

2. 制作卡片

1)新建浮动主题

和前面同样的套路,这里就不作赘述了。

2)更换主题填充色、线条色

主题色调的选择上,可以与第一部分的四个子主题颜色一一对应。

线条色:可以直接复制上方的子主题线条颜色。操作也不难,借助 MindMaster 拾色器功能即可实现。

填充色:与线条色色调保持一致,但饱和度要降低。有个很简单的方法,色彩小白也能操作:

打开线条的颜色面板中,将它的HTML色值复制到coolors.co(一个配色网站),然后点击“View shades”,就可以找到同色调的其他色值。

3)插入剪贴画

打开右侧剪贴画库,选择合适的剪贴画拖放至主题中。

尽量选择与卡片色调搭配的剪贴画,这样整体配色会更和谐。


3. 制作卡片说明书

1)活用主题形状样式

卡片说明书中有不少内容都带了“下划线”,这其实是借助主题形状样式实现的。

打开“主题格式-形状-形状样式”面板,找到下图的目标样式,点击使用。

可以通过修改主题边距,拉近下划线与文字的距离:

2)活用概要

大家平常使用概要功能时,可能用的都是默认的大括号形状。事实上,MindMaster的概要也是可以调整形状的。

鼠标选中概要,在调出的“概要格式-形状-形状样式”面板中就有多个样式可选,这张创意脑图用的就是最后一个。

3)巧用图标

图标不同于剪贴画,它更多起到视觉指引和视效增强的作用,适合用在画面比较简单的思维导图中。下面就是两个典型例子:

4)插入表格

顶部菜单栏点击“开始>表格”,即可在主题内插入表格。支持自定义表格行列数,支持合并、拆分单元格,支持调整单元格填充色、线条色。

注意:表格填充色尽量与对应的卡片颜色保持一致。

“别人家的思维导图”第三弹的分享就到这里啦,大家可以下载 MindMaster V8.5 新版本,将这些小技巧应用到自己的创意脑图中。

最后的最后,希望大家的呼(点)声(赞)!

相关推荐

C语言速成之数组:C语言数据处理的核心武器,你真的玩透了吗?

程序员Feri一名12年+的程序员,做过开发带过团队创过业,擅长Java、鸿蒙、嵌入式、人工智能等开发,专注于程序员成长的那点儿事,希望在成长的路上有你相伴!君志所向,一往无前!数组:C语言数据处理...

ES6史上最全数JS数组方法合集-02-数组操作

数组生成array.ofletres=Array.of(1,2,3)console.log(res)//[1,2,3]下标定位indexOf用于查找数组中是否存在某个值,如果存...

前端性能拉胯?这 8 个 JavaScript 技巧让你的代码飞起来!

在前端开发的江湖里,JavaScript就是我们手中的“绝世宝剑”。但为啥别人用剑就能轻松斩敌,你的代码却总拖后腿,页面加载慢、交互卡顿?别着急!今天带来8个超实用的JavaScript实...

12种JavaScript中最常用的数组操作整理汇总

数组是最常见的数据结构之一,我们需要绝对自信地使用它。在这里,我将列出JavaScript中最重要的几个数组常用操作片段,包括数组长度、替换元素、去重以及许多其他内容。1、数组长度大多数人都知道可...

手把手教你在Webpack写一个Loader

前言有的时候,你可能在从零搭建Webpack项目很熟悉,配置过各种loader,面试官在Webpack方面问你,是否自己实现过一个loader?如果没有去了解过如果去实现,确实有点尴尬,其...

const关键字到底该什么用?(可以用const关键字定义变量吗)

文|守望先生经授权转载自公众号编程珠玑(id:shouwangxiansheng)前言我们都知道使用const关键字限定一个变量为只读,但它是真正意义上的只读吗?实际中又该如何使用const关键字...

“JavaScript变量声明三兄弟,你真的会用吗?

在JavaScript中,var、let和const是声明变量的关键字,它们在作用域、变量提升、重复声明和重新赋值等方面有显著区别。以下是它们的相同点和不同点,并通过代码示例详细说明。一、相同点声明变...

ES6(二)let 和 const(es6 var let const区别)

let命令let和var差不多,只是限制了有效范围。先定义后使用不管是什么编程语言,不管语法是否允许,都要秉承先定义,然后再使用的习惯,这样不会出幺蛾子。以前JavaScript比较随意,...

js 里面 let 和 const的区别(js中的let)

在JavaScript(包括Vue、Node.js、前端脚本等)中,const和let是用于声明变量的两种方式,它们的主要区别如下:constvslet的区别特性constlet是否...

JDK21新特性:Sequenced Collections

SequencedCollectionsJDK21在JEP431提出了有序集合(SequencedCollections)。引入新的接口来表示有序集合。这样的集合都有一个明确的第一个元素、第二个...

动态编程基础——第 2 部分(动态编程是什么)

有两种方法可以使用动态规划来解决问题。在这篇文章中,我们将了解制表法。请参阅我的动态编程基础——第1部分了解记忆方法。记忆制表什么是动态规划?它是一种简单递归的优化技术。它大大减少了解决给定...

Lambda 函数,你真的的了解吗(lambda函数用法)

什么是lambda函数lambda函数是一个匿名函数,这意味着与其他函数不同,它们没有名称。这是一个函数,它添加两个数字,写成一个命名函数,可以按其名称调用它们:defadd(x,y):...

JavaScript 数组操作方法大全(js数组操作的常用方法有哪些)

数组操作是JavaScript中非常重要也非常常用的技巧。本文整理了常用的数组操作方法(包括ES6的map、forEach、every、some、filter、find、from、of等)...

系列专栏(六):解构赋值(解构赋值默认值)

ES6作为新一代JavaScript标准,已正式与广大前端开发者见面。为了让大家对ES6的诸多新特性有更深入的了解,MozillaWeb开发者博客推出了《ES6InDepth》系列文章。CSDN...

js列表遍历方法解读(js遍历链表)

JavaScript提供了多种遍历数组(或列表)的方法。以下是一些常用的方法及其解读:for循环:vararray=[1,2,3,4,5];for(vari=0;...