龙空技术网

看到这张思维导图,我承认我酸了

MindMaster思维导图 308

前言:

现在我们对“html色值表”大致比较关注,小伙伴们都需要分析一些“html色值表”的相关文章。那么小编在网上汇集了一些有关“html色值表””的相关知识,希望咱们能喜欢,看官们一起来学习一下吧!

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

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

标签: #html色值表