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

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

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

哈喽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 新版本,将这些小技巧应用到自己的创意脑图中。

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

相关推荐

别再问Cookie了,再问就崩溃了!_别问 再问

作者:懿来自:Java极客技术说实话,之前面试都是直接去背诵的面试题,关于Cookie的一些内容,比如说,记录浏览器端的数据信息啦,Cookie的生命周期啦,这些内容,也从来没有研究过C...

5分钟学会物流轨迹地图API嵌入到页面中,实现物流轨迹可视化

前言在电子商务和在线购物日益普及的今天,为用户提供实时的物流信息已成为提升客户满意度的关键。本文将指导您如何在网页中嵌入物流轨迹地图API,以便用户能够直观地跟踪他们的包裹。1.申请接口、获取API密...

Springboot项目中几种跨域的解决方法

环境:springboot2.3.9.RELEASE什么是跨源资源共享跨源资源共享(CORS)(或通俗地译为跨域资源共享)是一种基于HTTP头的机制,该机制通过允许服务器标示除了它自己以外的其它...

基于Java实现,支持在线发布API接口读取数据库,有哪些工具?

基于java实现,不需要编辑就能发布api接口的,有哪些工具、平台?还能一键发布、快速授权和开放提供给第三方请求调用接口的解决方案。架构方案设计:以下是一些基于Java实现的无需编辑或只需少量编辑...

Axios VS Fetch, 用哪个更好?详细对比附案例

在JavaScript中进行HTTP请求时,最常用的两个工具是:原生fetchAPI流行的第三方库Axios我都在生产环境中使用过这两个工具。虽然两者都表现良好,但有时我会后悔选择了其中一个而非另一...

Ollama:Web搜索API和MCP_oalib search

如果您曾经尝试过LLM,您就会明白其中的痛点:模型在模式匹配方面非常出色,但往往会虚构一些东西。如果你问起上周发生的事情,突然间,您得到的只是来自2022年的鬼故事。这次更新改变了这一切。基本上...

基于浏览器扩展 API Mock 工具开发探索|得物技术

一、前言在日常开发过程中,偶尔会遇到后端接口未完成或者某个环境出现问题需要根据接口返回来复现等等场景。刚好最近在学习浏览器插件的相关知识,并在此背景下开发了一款基于浏览器插件的Mock工具。该工...

JavaScript动态注入的几种方法_js动态引入js

在现代的Web开发中,JavaScript动态注入是一个强大的技术,它允许开发者在网页运行时动态地修改网页内容和行为,方便进行调试和维护。动态注入通常涉及以下几个关键概念:DOM(文档对象模型)、和...

面试官:如何通过 MyBatis 查询千万数据并保证内存不溢出?

推荐学习真香警告!Alibaba珍藏版mybatis手写文档,刷起来牛掰!“基础-中级-高级”Java程序员面试集结,看完献出我的膝盖闭关28天,奉上[Java一线大厂高岗面试题解析合集],备战金九银...

nextjs教程三:获取数据_nextcloud数据迁移

数据的获取数据获取是任何应用程序中最重要的部分,本文将介绍,如何在react,nextjs中获取数据主要有种方法可以获取数据在服务端,用fetch获取数据在客户端,通过路由处理器获取数据下面分别...

Fetch API 教程_fetch_all

JavaScript初学者学完语法,进入实际的网页编程,一定有人告诉你,要掌握一个叫做XMLHttpRequest的东西。脚本都靠它发出HTTP请求,跟服务器通信。所谓的AJAX操作就是...

Mozilla火狐39.0正式版增加Emoji支持

2015-07-0310:41:43作者:李熙Mozilla旗下浏览器火狐(Firefox)39.0正式版在今日发布,新版在性能上改进不大,着重于浏览器的功能和细节改进:新版提升了Firefox...

如何设计前端监控sdk,实现前端项目全链路监控

一、埋点系统设计与实现(文章最后有如何回答)1.埋点分类1.1手动埋点(代码埋点)//业务代码中主动调用tracker.track('button_click',{&nbs...

如何快速实现一套流程编排系统,前端开发组件都有哪些,一篇搞懂

早上9点,AI产品经理紧急拉会:“我们的客户明天要看到AI审批流程原型,传统开发至少要一周,有什么办法今天就能上线?”这时,你打开流程编排画布,拖拽几个节点,连接大模型API和服务,1小时后客户竖起...

2023金九银十必看前端面试题!2w字精品!

导文2023金九银十必看前端面试题!金九银十黄金期来了想要跳槽的小伙伴快来看啊CSS1.请解释CSS的盒模型是什么,并描述其组成部分。答案:CSS的盒模型是用于布局和定位元素的概念。它由内容区域...