学一学移动端动效设计（源文件分享）

在移动端交互设计中，动效设计越来越占到一定量的比重。动效设计是嵌入在用户界面设计流程中的一部分，通过动效拥有一个清晰的、有逻辑性的目的，这个目的为我们想要传递的设计理念服务。通过合理的动效设计可以提高可用性，以含蓄的方式为用户提供有效的反馈机制。下面5个动效设计是之前学习时自己设计和临摹的作品，附带源文件下载，有兴趣的童鞋可以下载研究下。设计师 Pasquale D’Sil

产品 2016年12月22日

【深度解析】从科幻电影到 UI 动效设计

作者：Kit Oliynyk （译者：Eloise@墨刀）UI 动效设计是一个值得讨论的话题，有人觉得 UI 动效设计中功能性最为重要，有人认为真实度是重点，还有人认为 UI 动效根本就没有必要。下面我们来谈谈动效的基本原则，为什么及什么时候需要用到 UI 动效，如何使用它来优化用户体验？从科幻电影到 UI 动效设计作为一名科幻电影爱好者，我发现科幻导演经常会遇到一个问题：

产品 2016年10月17日

7个GIF图例，来证明动效设计并不复杂

这篇文章希望通过7个GIF图例来证明动效设计并不复杂，只需在关键之处增加一点点变化，就能让效果大大提升一个境界。通过这些范例，你会发现状态连续性、元素关联性，以及用户注意力控制的重要性。在做动效设计中，我参考的设计规范有：Material Motion、IBM’s Animation Principles、The UX in Motion Manifesto。我使用的工具是

产品 2018年04月03日

APP UI 动效设计中六个基本原则与最高原则

app动效设计，现在已是各位APP设计师学习和临摹的方向。大家也会收集一些好看的APP动效设计作品。学习app动效设计，不是盲目的让界面动起来那么简单，一定不能滥用。要学会克制。在优设网当中的一篇文章给我们阐述了 UI设计师必须知道的UI动态设计规则。也就是APP动效设计的六个基本原则。下面我们先看下一组值得学习的按钮、开关、滑块等控件的动效欣赏，希望能给你设计带来新鲜灵动

产品 2016年12月06日

帅呆了！一组令人愉悦的APP动效设计

在App设计完成后，你如何向客户展示功能和界面相关的内容呢？与其花时间费口舌向客户解释，不如用漂亮的动画来演绎产品的设计水平。First shot in Chapps[br]浏览或者搜索资料时的效果。FaceScan app concept[br]虽然该动画仅持续了12秒，但足够清晰表明应用的主要概念。作者还为那些希望看到完整版本的设计师和开发者提供了avi文件。[br]W

交互体验 2014年04月09日