设计师们可能已经感受到了,界面流畅精致,优雅如诗的动态效果,让越来越多人关注动效设计并学习AE的使用。国内很多知名App (知乎、网易云音乐、哔哩哔哩)的使用体验也相应的推陈出新了。

至于原因,我们看几个案例就一目了然咯。

motion-201610261

上图是在Windows 打开「我的电脑」时,图标到窗口的切换过程,转变来得猝不及防,生硬无比,假如给它换上动效呢,是不是感觉就大不一样啦!

motion-201610262

Mac 最小化窗口过程演示

一个简单的弧形动效,就可以明确告知用户界面状态的变化,而且延续了整个交互过程的完整性,令人着迷的「无割裂体验」就是这么来的。

作为2017年设计宠儿,AE动效的迷人之处远不止这些,UI移动界面设计中运用更广泛:

motion-201610263

作者:Snapwi

这是我们常使用的输入框,然而当需要填写2个以上(比如交友相亲的App 和大学网站的资料表)的信息,这个设计的缺陷就暴露无遗了。

单击输入框时,提示文本会消失,如果需要填写多条信息我记忆力不好记不住需要填写什么好嘛!

而动效可以简单优雅的解决这个困扰:

motion-201610264

用一个线框弹跳的动态效果解决了问题,用户体验更上一层楼。

类似的案例还有很多(Facebook 的新表情,微博网页版的点赞新方式等等)在此不多赘述,可以说动效几乎可以融入到UI 界面设计的每个细节。

告知系统状态,给予用户及时的视觉反馈 。
作者:Nick

motion-201610265

用作引导页,AE动效让信息展现更加顺畅,帮助用户高效地抵达目标。作者:Ramotio

motion-201610266

无缝切换按钮状态,且取悦用户。

作者:Kei Sato

motion-201610267new

可能大伙会有疑问,这些都是界面设计小细节,需要如此精雕细琢么?这儿用Charles Eames 的话回答:「细节并非散布于细枝末节,它们串成了设计。」谨记伟大的设计是完整的存在,上至宏观功能,下至细节微交互。

除了UI ,AE动效在交互领域的地位也越来越高,当你摆出一个动态的高保真原型时,根本无需解释点击什么按钮出现什么效果。

动效演示扇形菜单 作者:Claudio Guglier

motion-201610268

而品牌设计中,动效更是如虎添翼:

motion-201610269

Instagram 设计师:老板,这个LOGO 收费三万。
老板:两个圆角白框你敢收我三万,不怕告诉你我也是会用PS的(撸袖子)

motion-2016102610

Instagram 设计师:老板,这个LOGO 收费三万。
老板:嗯不错很酷炫,这就是我要的效果。辛苦了马上安排打款事项。(以上对话均为虚构场景,会动效的设计师可能遇到过)

简言之,人靠衣装马靠鞍,现在已经不是在LOGO 上画几条“辅助参考线”、“黄金分割” 就可以漫天开价的时代,学会用视觉震撼的动效包装作品,才是双方都满意的正确姿势。

然而我们插画设计师可能觉得会AE动效似乎并没有什么卵用,有这种想法的设计师我们不妨来看看下面这些作品:

如何让一幅普通插画变得意境飞扬。

motion-2016102611

如何让一组普通动物表情变得萌趣丛生。

作者:Cindy Suen

motion-2016102612

motion-2016102613

在招聘网站上也随处可见动效设计师的身影,而且薪资不菲

motion-2016102636

对于常年伏案加班的设计师,如何短时间内掌握AE动效呢?这里推荐深受300多位学员喜爱的AE动效老师-郁闷的鸡。

motion-2016102614

BeardChicken,圈内粉丝都称他鸡爷,优设特约免费讲座分享讲师、站酷648 万超人气设计师、全国十佳UI 设计师。
他在全球知名的设计站点Dribbble上也拥有极高人气,围观地址→dribbble.com/tczhang
2008年开始从事广告行业,2010年开始从事UI工作,曾任职阿里数娱(天天动听)设计总监,兼创业公司设计顾问。

常年在优设分享设计教程,并且培养了超300名优秀学员,毕业学员就职BAT、更有拜师学艺后考上清华交互研究生。

热爱AE动效的鸡爷保持活力,经常说要用新技能解决实际问题,Dribbble主页作品更是频繁更新:

motion-2016102615

motion-2016102616

motion-2016102617

motion-2016102618

motion-2016102619

我们怎么说鸡爷厉害都不及学员的真实反馈:

motion-2016102620

motion-2016102621

motion-2016102622

学员实力具体如何,作品说话:

motion-2016102623

motion-2016102624

motion-2016102625

motion-2016102626

motion-2016102627

motion-2016102628

 

uisdc-dx-20161026

motion-2016102629

AE动效课程特训班学习时间长达3个月,既要上班又要学习有时候难免会累,这时候鸡爷总是激励大家认真踏实的学,对学员的疑惑从来都是有问必答:

motion-2016102630

对于AE动效设计这个新技能,我们可能会怀疑是否真的有用呢?这里学员收获说明只要肯学,考入理想院校加薪都不是难事:

motion-2016102631

motion-2016102633

motion-2016102632

motion-2016102634

新增AE动效设计新技能后,有更多机会接到私单,分分钟赚回学费:

motion-2016102635

是的,11月2日鸡爷AE动效设计特训营第四期终于来了,年底了都在谋划来年涨薪大事。看我们插画、手绘课程宣传不到4天120名额即刻满,就知道大家都在暗戳戳的学习进修,都憋着一口气呢!

想到这一层贴心的鸡爷更是免费新增4课时,势必要把更多知识技能教给大家帮助实现涨薪目标。

接下来重点来啦~

报名此课程你需要的是:

1、需要熟练PS,有界面设计基础;
2、上直播不缺课,有疑问随时请教老师;
3、一定要交作业!鸡爷对每个学员作业均一对一辅导。

motion-2016102639

真诚的献上价格:

motion-2016102638

最后,抢占名额联系谁?请往下看↓↓↓

请往下看↓↓↓

报名方式一:

联系琴子:QQ:2962768582(验证:动效报名)
( 注:报名完成后,截图订单图会邀请你进班级群噢)

报名方式二:

添加小优微信号:youshemei

youshemei.JPG

如果人多的时候,您暂时无法和客服联系上,

也可去我们高大上的官方专题页了解详情→ http://xue.uisdc.com/motion/

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量160万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

点赞
收藏

发表评论 快来秀出你的观点

还可以输入 800 个字
 
 
载入中....
相关推荐
评论 收藏