导语：
在Clear，Path以及Twitter等众多知名应用的亲身示范下，动效设计似乎已成为成功产品的标配。App中随处可见各种各样的动效，从引导页到下拉刷新，从转场过渡到登录界面，从加载指示到状态反馈提示等。但动效应该根据情况合理使用，过于花哨或不适当的动效反而会给用户体验带来负面影响，那么应当如何合理使用动效呢？本专题主要针对应用中动效的使用，解释了为什么要使用动效，列举了应当遵循的动效原理，并从程序员和设计师的角度进行了动效实现，最后提供的是一系列动效学习资源，希望本专题能帮您打造一款更具魅力的应用程序。
为什么使用动效设计
头条推荐：转场动效的迷人之处
当提到动画和可爱的交互的时候，人们总是滥用“趣味性”这个词。对这些人来说很炫酷，但是你猜怎么着？动效也可以有功能性作用，而不仅仅是个装饰性的细节......
动效设计原则与基础
程序员眼中的动效设计
头条推荐：让你的应用“动”起来
在iOS中随处都可以看到绚丽的动画效果，实现这些动画的过程并不复杂，今天将带大家一窥iOS动画全貌。在这里你可以看到iOS中如何使用图层精简非交互式绘图......
- iOS开发之让你的应用“动”起来
- 如何用Swift实现一个好玩的弹性动画
- App动画效果开源库推荐
- 无需编码实现UI动效:XCode+Canvas
- iOS动画效果和实现
- iOS开发之各种动画各种页面切面效果
- Origami快速入门
- Origami五分钟入门秘籍
- Facebook Paper动画引擎入门介绍
- POP介绍与使用实践(快速上手动画)
- Facebook POP使用指南
- Pop上手体验系列(i-v)
- Facebook POP进阶指南
- 用Facebook POP重现UIScrollView减速效果
- 使用POP实现真实衰减与弹簧动画
- 如何实现Ping App的转场动画
- 实现iOS 9 Task Switcher动画
- 利用CATransform3D实现翻页动画效果
- 图形编程OC篇&粘性动画以及果冻效果
- awesome-ios-animation
- 在状态栏上做渐变动画效果
- 彩色TabBar切换动画实现
- 实现Twitter个人详情动态效果
- 实现Keynote中的神奇移动效果
- QQ中未读气泡拖拽消失的实现分析
- 如何创建一个非常酷的3D效果菜单
- 使用CADisplayLink实现果冻效果动画
- 谈谈iOS中粘性动画以及果冻效果的实现
- 使用CAShapeLayer来实现圆形图片加载动画
- 重制Skype应用中Action Sheet的动画效果
- CADisplayLink结合UIBezierPath的神奇妙用
- 自定义控制器转场动画及实现下拉菜单的小Demo
- 图片折叠效果：Layer的contentsRect属性和渐变层
- Keynote 7步 快速制作动效
设计师眼中的动效设计
头条推荐：用AE创建简单UI动效
在Dribbble和Behance上，你们可能见过很多用Gif来表达设计理念的UI作品。很多人都想知道怎么来制作，怎样更好、更高效的表达自己的理念。很明显，动态的展现比静态的更形象，在这篇文章中，我将教大家如何“动态化”自己的设计作品......
- QC教程：横轴滚动效果
- 帅呆了！32款灵动的动效示例收集
- Sketch+Keynote双剑合璧：5步快速制作移动动效
- 抛砖引玉，QC+Origami 动效设计脱盲篇
- 初窥堂奥，QC+Origami动效设计初级篇
- 在动效上做足功夫，Skype交互细节一览
- 如何快速保存App动效？
- 7个Google Search app的动态设计效果
- 如何准确的向工程师传达动效设计？
- 基于纸质隐喻的动效
- 无需编码实现UI动效:XCode+Canvas
- 折叠效果在移动APP中的应用
- 聊聊那些令人愉悦的动画效果中的应用
- YEP!教你用动效阐释APP运作机制
- 23个超炫的Facebook Paper动效设计
- 看Path如何打造交互细节
- 好看的都是别人家的--15款动效示例收集
- 19个Instagram交互设计细节
- 常见的几种Loading动效形式赏析
- 不可不知的Pinterest的交互设计细节
动效设计学习资源
特别推荐：Capptivate 和 uiGIFs
对于设计师和程序员来说，国外Dribbble、Behance以及国内的站酷和UI.cn都提供了不错的学习资源，不过这里更推荐Capptivate 和 uiGIFs。Capptivate聚合了大量iOS App动效，而uiGIFs收集的是已上线App中的动效设计，如果想快速了解当前动效设计趋势以及其他应用的动效设计，那么这两个网站都比较适合。
- Capptivate---iOS App动效聚合网站
- GitHub---最具人气的开源分享地
- Use Your Interface---多样式动效收集网站
- CocoaControls---GitHub精选网站
- Dribbble---大名鼎鼎的设计师网站
- CocoaChina代码库---GitHub精选以及开发者优秀作品
- Behance---著名设计社区
- UIMovement---设计灵感收集
- uiGIFs---已上线App动效展示
- The Illusion of Life---Disney公司12条动画原则演示
- Easings.net---缓动函数速查表
- 百度MUX---百度移动用户体验部
- SIX UX---6秒动效动画收集
- 腾讯ISUX---腾讯社交用户体验设计团队
- Little Big Details---微交互设计收集网站
- 站酷---国内高人气设计师社区
- Inbox Pixels---动效以及相关文章收集
- UI.cn---专业界面交互设计平台
扫一扫
1518
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
