如果你想要的形状是一支扫过一行文字的荧光笔，先看文字高亮动画，那篇讲的是时机。这篇讲的是另一半：让形状贴合。

人们评价标注素材库，通常看它有多少种形状。实际上，数量几乎无关紧要。决定标注看起来是用心还是业余的，是每个形状能不能调整到贴合它所指的东西；人们对标注工具的大部分不满，其实都是缩放问题。

为什么形状比样式更重要

画在按钮周围的框，应该和按钮一样大。词语下面的下划线，应该和这个词一样长。这听起来理所当然，却恰恰是工具让人头疼的地方，通常有三种情况：

  • 形状从中心缩放，所以每次拖动都会让它偏离你瞄准的东西。
  • 只有四个角能拖，所以只想改宽度也得连带改高度。
  • 最小尺寸限制让你没法把形状做得真正纤细。

其中任何一个，都会把十秒钟的事变成磨人的活儿，结果通常是大家放弃，让形状“差不多对”就算了。而“差不多对”正是看起来潦草的原因。

八个控制点，以及每个控制点固定什么

自由缩放意味着八个抓取点：每条边一个，每个角一个。

  • 边上的控制点只改变一个维度。拖动右边，只有宽度改变。
  • 角上的控制点同时改变两个维度，适合让形状贴合对话框这类矩形目标。

让它真正好用的，是另一侧的表现。每个控制点都会固定对边。拖动右边，左边纹丝不动。正因如此，你可以先把形状的左边对齐到一个词的开头，再把右边拉到词尾，而第一次的对齐不会跑偏。

很多工具从中心缩放，这就破坏了上面的逻辑。每次调整都会同时移动两条边，所以不再拖一次去纠正，就不可能对齐某一侧。

做出刻意纤细的形状

下划线只有几像素高，进度条标记更细。强制最小高度的工具（通常是为了防止形状被意外压扁到消失）让这些变得不可能，于是人们找到的变通办法是用一个框，然后接受它太高。

合适的下限，要低到允许做出真正的线条，又要高到形状不会彻底消失。如果你能把一个矩形拖成一根细线，而且它仍然可以被抓取，这个工具就做对了。

实用的测试：试着用一个框做一条下划线。做得出来，说明细长形状没问题；拖到三分之一就停住了，说明不行。

塑造标注的控件

尺寸只是一半，剩下的是属性面板。其中有几项值得了解，因为很容易被忽略：

  • 入场动画。形状怎么出现。Draw On入场适合荧光笔样式的形状，所以在画面里高亮文字时它是默认选项；而淡入适合标签。
  • 退场动画。形状怎么离开。突然弹出又突然消失的形状，会让人注意到它的消失本身。
  • 填充颜色，和边框分开设置。需要着色内部的框和只需要轮廓的框是两种不同的形状，把它们绑在一起控制，就只能妥协。
  • 不透明度。在繁杂画面上做标注时，最有用的单项控件。

如果你期望的某个控件不在面板里，它可能真的没有开放。数据模型里存了什么，和界面允许你改什么，两者之间的差距常常是“为什么我设不了这个”的根源。在认定功能缺失之前，值得仔细检查一遍面板。

让形状保持一致的工作流程

整个视频里的一致性，比任何单个形状完美都更重要。

  1. 先认真做好一个形状。尺寸、颜色、不透明度和入场动画，全部设成你想要的样子。
  2. 把它复制给其他所有标注。复制已有的形状会带上它的设置，所以第五个标注和第一个一致。
  3. 只调整副本的大小，不要重新设计样式。位置和尺寸随目标变化，颜色和时机不应该变。
  4. 以正常播放速度检查。停在暂停画面上看起来没问题的形状，常常实际在屏幕上停留不到一秒。
  5. 关掉声音看一遍。旁白不再带着你往前走时，标注的问题要容易发现得多。

克制之所以重要，在视频之外早有充分的记录：Nielsen Norman Group关于横幅盲区（英文）的研究表明，人们会学会忽略反复出现的装饰元素，而频繁出现的标注训练的恰恰是这种反射。

最后一步能抓住最常见的失败：不是标注形状做得不好，而是标注出现的时间短到没人来得及看。关于放置箭头和标注的更通用的规则，在本文关于尺寸的一切之上同样适用。

常见问题

为什么我想调整大小时，形状会移动？ 工具很可能是从中心缩放的。每次拖动都会移动两条边，所以形状看起来在滑动。固定对边的工具不会这样。

下划线应该多细？ 大约是它下方文字高度的十分之一，再设一个几像素的下限，让它在较小的导出尺寸下仍然可见。

能把标注做成正方形吗？ 拖动角上的控制点，如果工具显示尺寸数值，就把两个数值调成一样。角控制点同时改变两个维度，这正是正方形目标所需要的。

标注应该用边框、填充，还是两者都用？ 几乎在所有情况下，二选一。两者同时用会产生两条互相竞争的边缘，让形状看起来比它标注的东西还重。

一个视频里多少个标注算太多？ 如果同时有两个在屏幕上，通常就多了一个。放到整个视频来看，上限是观众还愿意去读的数量。

调整标注大小后需要重新调整时机吗？ 通常不需要，但要检查一下。把形状拉长很多，意味着Draw On入场要走的距离更远，同样的时长会显得更慢。