1. 具备流动性设计思维
    流动性的设计思维,通过动效对功能的方向、位置、唤出操作、路径等进行暗示和指导,以便用户在虚拟的屏幕内产生真实环境中的物理空间感。
  2. 在静态视觉设计中考虑用户行为
    在进行页面视觉设计时,我们要时刻考虑用户的行为。我们设计的不是一个画面,而是在用户行为干预下一系列信息的入场、退场以及组合方式。
  3. 分组合理,动效就完成了一半
    将视觉设计稿件图层文件(PSD、Sketch)进行良好分组,并通过一系列画布展现页面的信息变化,配合现有的Flinto、Principle等便捷的交互动效工具,就可以快捷的输出交互动画。
  4. 好动画是不是做出来的,而是调出来的!
    在我们往期项目实践中,如果一个产品的demo演示版需要一天时间去制作,那它变成最终高品质的输出物,调整时间可能往往需要2-3天,是制作时间的好几倍。但很多人在完成第一步时就戛然而止,这往往在于我们对输出物标准的判断与坚持。一般而言,在执行完毕之后,我们会至少从以下几个层面进行判断与修正:
    流畅性——所有信息素都要有入场、停留态、退场三个状态,任何的突兀与卡顿都需要避免。
    技巧性——在软件的基础动画逻辑中,展示出更丰富的运用技巧,以及与图形软件高契合度的组合技巧,将让交互动效增色不少。
    惊喜感——一些小图标、按钮被点击的创造性变化,信息素入场退场的巧思,都可以让产品交互体验大大领先于同类产品,带给用户不同的操作感受。