印象笔记 还回快捷_印象笔记支持「思维导图」了,功能简单却高效实用

5ec94ab1336aa35fdaab2ef428e42b9c.png

你可以在印象笔记中直接创建思维导图,还能链接到已有的笔记。

印象笔记被很多人当成「第二大脑」,用来储存并管理自己的知识。利用笔记本、标签、快捷方式等分组功能,可以将散乱的笔记组成一个个「系统」,更好地进行管理。最近,印象笔记又推出了「思维导图」功能,你不仅能在印象笔记中直接创建思维导图,还能将之前的笔记整合,以脑图的方式呈现。

只提供基础功能,操作更简单

新的思维导图功能藏在「新建笔记」的右边,「更多新建」选项里。使用起来十分简单,第一个按钮是添加同级节点,第二个按钮是添加子级节点。普通用户最多能创建 50 个节点,可以应付一般的需求,升级到高级帐户可以增加到 200 个节点。

e72d74d76280522eae8c92e07127ab55.png

印象笔记中的「思维导图」,并没有像专业的脑图工具那样提供太多功能,而是只提供基础功能,将操作尽可以简化。除了功能按钮,你还可以使用快捷键来进行操作,回车键创建同级节点,Tab 键创建子级节点。理论上你可以用键盘完成整个导图的绘制,不用担心打乱思绪。

4617dfb1e95d4124499bb318c3025484.png

与笔记打通,高效整理知识体系

在思维导图中,你可以随意拖拽节点进行移动,快速整理。它支持插入外链,大大拓展了使用场景。如果仅仅是这样,印象笔记只是增加了一个基础版的思维导图功能,其实它更厉害的用处还在后面,就是与印象笔记的各条笔记打通。

d94dae9573064e0449b556e96abca9b5.png

之前我们提到,印象笔记已经可以通过笔记本、标签、快捷方式等分组功能,对笔记进行整理。思维导图则是更进一步,让你积累的笔记能以脑图的方式呈现,大大提升了实用性。它的特点就是将笔记中的每个元素都简化成了一个个节点,可以自由拖拽,随意整合。

26abc18b4a675b0c7cbef6645a2666d0.png

选择多条笔记,一键生成脑图

在印象笔记中,思维导图的使用方式可能是这样的:多条笔记作为「已知内容」储存在笔记本中,用标签可以快速查看。思维导图作为「延展内容」,能够对已有的笔记进行快速整合,输出一个系统化的概念。可以是一个旅行计划、文章大纲、视频结构整理、会议记录...... 应用方式有很多。

除了用思维导图来链接笔记,印象笔记中还有一个「创建思维导图目录」的功能,可以将多条笔记选中,一键生成思维导图。每个节点会自动关联相应的笔记,十分方便。配合拖拽功能,你可以快速对已有的笔记进行脑图整理。

bf505757939ec02b14f93e6b90f149f0.png

如果说之前的笔记属于「沉淀」,思维导图更像是一个快速提炼的工具,将积累下来的内容输出成概念。

e1d45b9be2131bb9be5c01132eb63d5d.png

不一样的印象笔记

作为笔记类应用的代表,印象笔记的功能已经十分丰富,随之而来的是体验上的「复杂化」。而在思维导图功能中,我们可以看到印象笔记并没有像专业的脑图工具那样,提供太多的功能,而是只保留基础功能,把精力放在了与整个笔记体系的整合上。

这或许与中国团队的拆分独立有关。印象笔记团队在博客中提到,印象笔记正在进入一个产品快速迭代的时期,之后还会有更多新功能的尝试。我们也期待,未来能看到一个不一样的「印象笔记」。

(目前印象笔记的思维导图功能只支持 Mac 版本)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML5技术可以用来绘制思维导图,实现类似于脑图的效果。下面是一个基本的HTML5脑图实现示例: ``` <!DOCTYPE html> <html> <head> <title>HTML5脑图示例</title> <style> /* 样式表 */ #canvas { border: 1px solid #ccc; } </style> </head> <body> <canvas id="canvas" width="800" height="600"></canvas> <script> /* JavaScript代码 */ // 获取canvas元素 var canvas = document.getElementById('canvas'); var context = canvas.getContext('2d'); // 绘制节点 function drawNode(x, y, text) { context.fillStyle = '#fff'; context.fillRect(x-50, y-30, 100, 60); context.strokeStyle = '#000'; context.strokeRect(x-50, y-30, 100, 60); context.fillStyle = '#000'; context.font = 'bold 16px Arial'; context.textAlign = 'center'; context.fillText(text, x, y); } // 绘制连线 function drawLine(x1, y1, x2, y2) { context.beginPath(); context.moveTo(x1, y1); context.lineTo(x2, y2); context.stroke(); } // 绘制脑图 drawNode(400, 100, '节点1'); drawNode(250, 200, '节点2'); drawNode(550, 200, '节点3'); drawNode(150, 300, '节点4'); drawNode(350, 300, '节点5'); drawNode(650, 300, '节点6'); drawLine(400, 60, 250, 170); drawLine(400, 60, 550, 170); drawLine(250, 170, 150, 280); drawLine(250, 170, 350, 280); drawLine(550, 170, 650, 280); </script> </body> </html> ``` 这个示例中,我们通过获取canvas元素,并使用getContext('2d')方法获取绘图上下文,然后编写了三个绘图函数:drawNode用于绘制节点,drawLine用于绘制连线。最后我们调用这些函数,绘制出了一个简单的脑图。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值