软件教程_科技资讯_图文教程_皮皮软件网优秀设计联盟-SDC-优设网-设计师交流学习平台-听讲座，聊设计，找素材，尽在优设网
下一篇 继续涨姿势
阅读本文需 8 分钟
编者按：想学习动效设计？别以为只有复杂的AE 可以做。今天推荐的这10个软件都可以做出酷炫的动效设计，功能上各有优势，但效果丝毫不输AE哟（内附大量教程）。
随着技术的不断发展，动效越来越多的被应用于实际的项目中。手机、网页等等媒介都在大范围应用，那么问题就来了，为什么动效越来越吃香？它有哪些优势呢？
首先要说明一点的是，动效之所以越来越吃香不是最近才流行的，而完完全全就是因为过去硬件设备承受不住啊， 过去要是在手机里搞个动效，那你手机就等着卡出翔，要知道过去的内存和CPU 都是多么多么的Low…..现在呢？动不动就是4G内存和八核CPU了……
再说这个强调个性的年代，一成不变的设计是很难让消费者买单的。
动效的优势
1. 展示产品功能
动效设计可以展示产品的功能、界面、交互操作等细节，让用户更直观的了解一款产品的核心特征、用途、使用方法等细节。
2. 更有利于品牌建设
比较恰当的例子如最近优酷更新了Logo：
3. 利于展示交互原型（设计细节）
很多时候设计不能光靠嘴去解释你的想法，静态的设计图设计出来后也不见得能让观者一目了然。因为很多时候交互形式和一些动效真的很难用嘴来形容，所以才会有高保真Demo，这样就节约了很多沟通成本。
4. 增加亲和力和趣味性
有时候加个动效，能立马拉进与观者的距离，要是再加些趣味性在里面，用”爱不释手“这词也毫不夸张。
动效设计软件有哪些？
看到这里可能你最想要知道的肯定哪些软件可以做动效？
目前市面上确实蛮多的，笔者建议学好一个，够用就好。学多而不精其实就是浪费时间！
1. Adobe After Effects
AE这个软件我想都该知道，火得一塌糊涂，如果笔者没猜错的话，它目前属于设计师学动效的首选。
它的特点就是强大且牛逼。基本上要的功能都有，UI动效制作其实只是用到了这个软件很小的一部分功能而已，要知道很多美国大片都是通过它来进行后期合成制作的， 配合PS和AI等自家软件，更是得心应手，Dribbble 上炒鸡多的大神都是用这个软件在show。
但是有些效果工程师不见得能够帮你实现出来， 因为实际的项目产品受太多的制约。
AE 教程推荐：
2. Adobe Photoshop
可能很多人都认为PS 只用来作图和处理图像的，并不知道PS 可以做gif，然而当AE没有火起来的时候，我们这些老UI 设计师们都是用PS 做Gif，用Flash 做Demo（过去我们只需要做PC桌面的动效）。如果我没记错的话，PS从CS 6之后开始进一步加强了动效的模块，现在的版本能够实现很多相对复杂的动效。
笔者喜欢用PS 来制作简单的表情动画，逐帧动画用得居多（如下图的表情）。
3. Adobe Flash
Flash可以说是过去的王者，也是由于时代的发展原因，现在基本被淘汰了，这里不多做解释，具体可以百度。
这个软件被大牛Google 收购了，然而它Google收购一年后：Pixate Studio宣布却于10月31号被停止更新了，凄凄惨惨戚戚。简单说下它的优缺点：
Pixate是图层类交互原型软件。优点：可交互，共享性强，和Sketch结合相对高，同时对Google Material Design的支持比较好，有许多MD相关预设。Pixate的缺点是没有时间线，层级管理不是很明确，图层一多就会非常的繁杂。
Pixate 具体介绍及教程：
5. Origami
这个软件可以用一句话来形容：超强大的高难度原型工具。
要是没点代码知识做压惊，，建议远处观望就好。
Hype 3也算是火了一小段时间的，号称无代码动效神器，像AE一样使用时间轴就做可互动的动画。PC、手机、Pad端都可以直接访问（以web的形式），也可以导出视频或者GIF。3.0版还有物理特性和弹性曲线，可以发挥更强大的动画效果。对中国人来讲，它原生支持中文这一点也非常棒！配合sketch效果也是杠杠的。
Hype 3教程：
界面跟Sketch很像，如果会用sketch那么上手很快。能够快速实现各种滚动、转场、点击反馈效果。手机和电脑端的预览都非常的流畅。貌似现在用的人不少，下图是demo：
8.Principle
这个软件的和上面的flinto有点类似，界面和sketch类似，同时配合sketch也是非常方便。它主要是做2个页面间过渡专场特效，元素切换，细节动效的工具。优点很明显，效率高，质感好，缺点就是不能做整套原型。
9.CINEMA 4D
说到C4D或者大家第一反应是它是三维软件啊，没错！但是它做起动效来也是帅破天际的，，下面是网络上用C4d做的一些demo。
C4D 教程：
10. keynote
keynote相当于windows的powerpoint，是个幻灯片软件。但是！或许你并不知道，据说苹果的交互设计师都是用keynote做交互演示的。只要能够熟练掌握这个软件，目前App里的绝大多数动效都是可以做出来的，但是相对复杂一点的动效实现起来就有点不够。
笔者经常为了省事直接都是用它做个简单demo给程序猿看的。快捷方便，要知道时间就是金钱啊！
下面两个图就是用它实现哒，
好啦，由于笔者也并不是全部了解目前市面上的动效软件，按自己的理解相对主流的动效制作软件就是上面这些，错漏地方还请见谅，由于篇幅有限，PS 制作动效简单演示推后到下一篇吧，
欢迎关注作者的微信公众号：折腾先生
「折腾先生的教程合集」
【优设网 原创文章 投稿邮箱：】
================关于优设网================
“优设网“是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：。
设计微博：拥有粉丝量180万的人气微博 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：
通过全新的Win 10设计语言，我看到了未来的设计趋势
编者按：据传Win 10会在今年秋季迎来大改版，是一门全新的设计语言。这篇结合Windows 多年的变化和曝光的截图，聊聊未来的设计趋势。
注：前两...
评论还可以输入字
验证码加载中....
评论就这些咯，让大家也知道你的独特见解
以上留言仅代表用户个人观点，不代表优设立场
阅读 6998动效能讲述故事。和图片不同，动效能够呈现变化的过程，讲述一段简短而有趣的故事，能够同你进行对话：“嘿，你该看这个按钮了”或者“哦耶！你刚刚完成了一个操作！”...阅读 20447编者按：昨天@平行煎餅 发了新版Material Design 官方动效指南的第一节，今天继续第二部分，从动效的速度、动态持续时间、通用持续时间和缓动曲线4...一般 UI 设计师刚到一家新公司会遇到2种情况： 公司的产品视觉构架包括规范以及到设计团队建设都非常完备，产品体验从第一眼看过去就很棒，可优化的地方屈指可数...阅读 22163编者按：对一个全无经验的动效新手而言，如何制作出「正确」而不是「华丽」的动效？今天这篇Medium 上的好文，从克制、交互叙述流程、一步完成、不是动效的错和...阅读 13233@米_亓 ：最近一直在做交互规范总结的工作，在不断梳理页面间跳转逻辑的同时，发现页面间的逻辑关系并不能和页面间跳转的动效很好的结合上。虽然只是零点几秒的切换...阅读 23217编者按：动效高手@郁闷的鸡 终于出教程了！动效现在特别火，上招聘网站逛一圈，发现已经有企业在招专门的动效设计师了，不想落伍，现在就得开始学习动效了。在本系列...阅读 12001动效是如今UI设计中的重要组成部分，也是目前最热门的设计趋势之一。在之前的《在现代网页设计中，动效有哪些常见的用法》这篇文章中，我们探讨了动效对于交互和用户...阅读 13593编者按：今天这篇同时有设计师@Akane_Lee 和工程师同学的现身说法，在动效流行的今天，想制作一个酷炫的动画效果，该如何与工程师沟通才能好好合作不动手呢...阅读 10346动效是UI设计中最强有力的工具之一，它强化了界面的互动性和生命力。动效让用户可以更快地从界面获取反馈，提供更快更有效的微交互，让关键的要素脱颖而出，通过实时...
我们的团队
大家在关注
一扫"掌"握！
上周热门文章
把好文章收藏到微信
打开微信，扫码分享学设计 优设网 在这里　　PPT2016教程视频由软件自学网彭老师全新打造。详细耐心的分享工作中怎么运用PowerPnt2016软件。每个一个零基础学员都可以一起来学习。教程分为入门功能介绍与实例PPT动态方案设计。PPT模版设计介绍。让每个零基础学员轻松学习掌握PowerPnt2016软件。…
&记住我&&&&
&&重点视频教程推荐&&&&&&&&
指数：(★★★★★)
指数：(★★★★★)
指数：(★★★★★)
指数：(★★★★★)
指数：(★★★★★)
指数：(★★★★★)
姓名：彭志勇
出生：江西吉安
职业：讲师，工程师，自学网创办人之一
从事电脑培训讲师行业5年,大型公司美工工程师6年
主讲视频如下:
┊┊┊┊┊┊┊┊
┊┊┊┊┊┊┊┊┊┊┊┊
热门排行TOP5
友情链接合作请加QQ:27525311-0811-0211-0210-2510-2510-2510-2510-1110-1010-10
07-0507-0507-0506-2706-2606-1405-3105-3005-2505-14
07-0607-0607-0607-0607-0607-0507-0507-0507-0507-05
07-0607-0607-0607-0607-0607-0607-0607-0607-0507-05
05-2305-1405-1105-1105-1005-0304-2703-1501-2501-08
06-2205-2905-2605-2405-2305-2205-2105-1905-1505-14
05-1805-1505-0905-0905-0304-2504-0303-2703-0502-27
06-2905-3105-2905-0805-0804-0202-1402-1402-1002-05
07-0307-0206-2706-2206-1406-0906-0606-0506-0405-31
07-0507-0507-0307-0306-2506-1406-1306-1206-1106-11
07-0507-0507-0507-0407-0407-0407-0407-0407-0407-04
07-0607-0607-0607-0607-0607-0607-0507-0507-0407-04
07-0607-0506-2706-2106-2006-0905-3005-2205-0705-03
07-0607-0507-0407-0307-0207-0107-0106-2906-2806-28
06-2606-2506-2005-2305-2205-0805-0804-2904-2504-24
07-0307-0306-2006-1906-1106-0605-2805-1705-1605-14
05-2402-1402-0602-0601-3112-2912-2712-2612-2512-14
05-2103-2207-0807-3107-3107-31
07-0506-2506-2106-2106-2006-2006-1906-1706-1206-11
分类排行榜
12345678910
最近更新的内容||||||||||
本类最新资讯
本类热门资讯
　　 欣然驾校一点通是一款非常不错的科目模拟考试软件，目前该版本包含了科目一和科目四的练习习题，能够有效的帮助用户对此进行很好的学习操作。同时欣然驾校一点通2015还提供了交通法规、交通标志、顺序练习、随机联...
　　　　2018年最新交规，最新科目一，科目四驾考题库。
　　温馨提示： 通过使用本软件练习，模拟考试10次90分以上可以100%通过正式考试！！！
　　元贝驾考（科目一科目四 2018年题库）模拟系统软件采用的是公安部 2018年最新题库，软件中的 考试题库 考试界面 考试流程 和正式考试都完全相同，让你能预先知道考试的情况而不慌乱...
　　我爱写作是一款能由电脑自动书写各类文章的软件，内含强大的文章写作素材库，可以由软件自动书写出超过10万篇不一样的、文采飞扬的各类文章。我爱写作软件内还附带有一万多篇各种题材的文章，只要点击鼠标就可以自动套用，快速帮你写出一篇高质量文章。提供&ldq...
　　五笔打字通是专门为五笔初学设计的，它操作傻瓜化，不用看帮助文档就可上手，独有的空心字提示非常直观，设计的存档功能，可以接着上一次练习继续学习，在文章练习中，按回车就可以得到帮助，从此不用再去问老师和同学某个字是如何拆字，无论是对于五笔初学者学习还是教五笔的老师的教学工作来说，五笔打字通软件都让大家很...
教育教学下载排行榜
新闻点击排行
装机必备软件}