喵咛 · 页笺MIORNING PAGEPIN初版 · 本地保存

MIORNING PAGEPIN / FIRST NOTE

看到了。
记一下。

好想法不一定会等你。把文字、表情留在网页原处,
下次回来,接着想。先在这一页试试。

Alt + Shift + M 开始 · Esc 退出

不用现在想明白。先留个记号。

喵咛举手:老师
喵咛 / 我看见了。你记吧。
  1. 01
    叫出注释点击上方按钮,或按 Alt + 1。
  2. 02
    左键写字,右键表情文字直接写在原处,点注释外就完成。
  3. 03
    双击改,拖着走右下缩放,右上旋转。图钉右键调颜色和大小。
01 /

从一句话开始

在下面的句子或图片上写一条注释。文字会完整留在原处,双击即可直接修改。退出注释模式后,展开补充内容,看看注释是否仍跟着原来的内容。

模拟网页内容改变位置

关于观察,和那些没有立刻说出口的想法

好想法往往出现在很具体的地方:一段读到一半的话,一幅图里的光,一张画布上看似无关的两个节点。先记下来,不用急着把它整理成完整的结论。

“记录的意义,是让下一次看见,能够接上这一次思考。”

一张小小的页笺,可以是疑问,也可以只是“喜欢这里”。文字完整显示在你选的位置,也能随时移动、换背景风格。让记录保持轻巧,让想法随处可见。

静山与一轮红月米色天空中,一轮暗红月亮升在深灰色山峦上方。可在月亮或山脊处添加注释,测试图片响应式缩放。A PLACE TO NOTICE
把表情贴在月亮旁,试试拖动、缩放或旋转;再改变浏览器窗口宽度。

默认 Enter 换行,Ctrl + Enter 或点击注释外确认。双击后新增、删去的文字会按批次留痕,关闭“修订”即可只看净文。右键文字换背景,右键图钉调颜色和大小;快捷键在设置里修改。图钉没有数字,编号只在注释列表中显示。

02 /

页面里面,还有一段页面

网页常有独立滚动的列表。给列表里的文字做注释,再只滚动这个框,看看页笺如何跟随。

OBSERVATION 01

一个安静的开场

可以从这里开始。光落在桌面边缘,其他地方保持暗一些,观众的视线会自然停留。

OBSERVATION 02

给这段话留个标记

这个段落位于独立滚动容器中。注释应跟着这段内容移动,离开可见区域时也不应漂浮在外面。

OBSERVATION 03

动作之前的半秒

一个很小的停顿,有时比更多的动作更容易被记住。先让观众知道该看哪里,再让变化发生。

OBSERVATION 04

让前后两个画面对话

相似的形状、方向或颜色,可以把不同的空间连接起来。记下你看见的联系,之后再回来看。

OBSERVATION 05

留一点还没想好的地方

笔记不一定需要当场得出答案。一个问号、一个表情,也足够让你下一次找到它。

03 /

把想法放到画布里

给节点或画布空白处做注释。文字、表情和表情包都可拖动;右下角句柄缩放,右上角句柄旋转。绑定图片或视频后,图钉留在原图,拖开注释会用虚线连接。退出注释模式后,再拖动画布中的节点,检查注释是否跟随。

100%
拖空白处平移 · 拖节点移动 · 方向键微调
THOUGHT / 01
让人物先停一下。

给观众一点时间,读懂动作之前的表情。

拖动这个节点 ↗
LIGHT / 02
光从左边进来。

另一侧留在阴影里,让目光顺着亮部走。

也可以用方向键移动

画布已就绪。先按 Esc 退出注释模式,再操作画布。

这是用于验证跟随能力的示范。真实网站的画布结构各不相同,初版无法保证每个站点的内部缩放都可识别。

04 /

也把边界讲清楚

有些网站把所有内容绘制在同一块 Canvas 或 WebGL 里。插件能找到画布外框,但未必能读到内部的每张图片或每个节点。

只跟随画布外框,内部内容暂不自动跟随。
只跟随画布外框,内部内容暂不自动跟随。
这里的注释不会知道画布里面的图形怎么移动。初版会优先识别普通网页元素、可识别的画布节点和 CSS 变换。
  • 同一个网址再次打开时,恢复已保存的页笺。
  • 目标内容被删除或大幅改写时,可能需要重新定位。
  • 浏览器设置页、扩展商店等受保护页面无法添加页笺。
  • 笔记保存在本机浏览器,卸载插件前请先导出备份。
好了。去记点自己的。

固定工具栏里的喵咛图标。再看到值得留住的东西,就记下来。