动画图标和界面微动画

一个图标集的价值在于你能看到是一个人手绘制的。因此，我不是从图片开始，而是从界面本身开始：它所处的网格，字体的粗细，角落的尖锐或柔和，哪些图标尺寸实际上出现在你的屏幕上。由此产生一张简短的规则表——线条粗细、角半径、光学尺寸、笔画的节奏——从那时起，它在整个系列中保持一致。第三个月绘制的第二十个图标与第一个图标并排而立，看起来并不像外来者。

我添加的运动是短暂的，并且有意义。旋转表示屏幕正在工作，勾号表示点击成功，拒绝的字段表示不被接受。每个动作都回答用户刚刚提出的问题，而不是在他等待时娱乐他。我处理三个在实际使用中最重要的状态：加载、成功和失败。在它们之上是切换按钮、复选框和按钮的按下、激活和禁用过渡。这个系列从一开始就绘制了两种主题，因为在白色背景上看起来美丽的笔画在黑色面板上往往会消失。

将工作交给开发者是工作的一部分，而不是附录。你会得到源文件和适合平台的导出格式：适用于网页的轻量矢量动画，适用于移动设备的精灵或代码驱动的运动，因为那样在重量和电池消耗上成本更低。数字与文件一起传输：每个动作的持续时间、缓动曲线、延迟，图标各部分活跃的顺序。在交接之前，我会在一台弱设备上运行这个系列，因为在工作机器上流畅的东西在一部三年旧的手机上会卡顿，而卡顿的图标被视为一个bug。

工作内容包括：

— 当前界面的审视和规则表：线条粗细、半径、网格、光学尺寸；
— 一种风格的图标集，明亮主题和黑暗主题；
— 加载、成功和错误作为三种不同的、可识别的运动；
— 切换按钮、复选框和按钮的按下、激活和禁用过渡；
— 适用于网页和移动设备的轻量格式的源文件和导出；
— 开发者的规范：每个动画的持续时间、曲线、延迟和运动顺序；
— 在弱设备上的运行，丢帧情况被命名并修复；
— 动画不能替代文本提示：状态也用一个词标记，否则运动的意义会被猜测；
— 长时间的效果会干扰工作界面，因此持续时间保持在十分之一秒以内；
— 不闪烁，也没有强烈对比的闪光。