花了7天看了上千个交互动效神作，我总结出5个技巧

“你不接球的话一定会错过射门。”这话是 Wayne Gretzky（冰球运动员）说的。显然他很擅长躲避着撞击的同时在冰面上翩翩起舞。仔细想想，用这话形容交互设计师进行微交互设计的时候是多么贴切：有太多太多细节了。大部分设计师并不是很习惯设计300~400毫秒的动画，所以很容易敷衍了事。

下面这个作品由 Ivan Bjelajac 设计，在这作品中我发现有5个细节还可以优化一下。

1. 菜单按钮和返回按钮可以添加简洁优雅的过渡动效，菜单按钮随页面上滑显得不是很协调。

2. 黄色方块的右箭头的缩放旋转效果不是很必要。这样看上去有些奇怪，它应该随着内容进行转变。

3. 渐隐渐出的正文段落其实没有必要。

4. 从左向右滑动的标题如果是从内容上淡入淡出的话会比滑动渐隐要好很多。

5. 在图片转换为顶部横幅的时候人物照片被裁剪了。这里如果将图片重构一下与内容相呼应会更好一些。

和下面的对细节严格要求的动效作品相比简直是天壤之别。

小技巧：对待细节不能松懈，不遗漏任何一个细节。

关键词：把握细节

总结

这里我想说就算你没有任何动画经验，只要时刻记住下面这些要点，你也有可能制作出精美绝伦的微交互设计。

• 克制

• 交互叙述流程

• 一步完成

• 不是动效的错

• 把握细节

尽管这不能保证你一定能做出牛逼的动效，但这是迈向正确的方向。

作者：Willenskomer

译者：Eric

来源：优设网

文章链接：http://www.uisdc.com/5-interaction-animation-skills

（编辑：网站开发网_盐城站长网 ）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!