相比淘宝人生成就,设计师只希望学会这项技能?

相比淘宝人生成就,设计师只希望学会这项技能?  设计教程 第1张


周末打开淘宝,相信大家都发现了一个淘宝最新的活动,淘宝成就。但设计师打开后隔着手机屏幕哭红了双眼。说设计师穷是不存在的。


月光可能算是比较节俭的生活了,每个月工资交给白条花呗信用卡才是真的惨,设计师除了节衣缩食,唯有努力提升自己的能力,跳槽加薪成了终极目标。

随着5G时代的到来,UI设计竞争越来越激烈,岗位要求越来越高,如何脱颖而出就显得尤为重要了。而近年来持续升温的动效设计是大家觉得最有含金量的技能点。

今天小优给大家分析一下,近期备受UI设计师追捧的动效设计行业趋势,如果你一直在困惑到底应不应该学习动效设计?怎样才能学好动效设计?今天这篇文章将为你答疑解惑:

首先来回答大家最最关心的问题,动效设计通过哪些软件来实现?

1、Adobe Photoshop

相信设计师们PS已经掌握的很熟练了,有些时候也会用PS来完成一些动效需求,GIF图,比如轮播banner设计。使用PS完成动效也有很多优势,比如轻量快捷,我们不需要在重新安装另外一个软件。

2、Adobe After Effects


说到AE,大家应该都不陌生了。动效设计核心软件,很多招聘单位的设计岗位,还有公司的一些高级UI设计师,都是使用这个软件来完成动效设计。有比较好的设计基础的设计师,想再点亮动效设计这个技能点的时候,学会AE的操作是第一个步骤。behance和dribbble上很多优秀的动效设计作品也都是使用这个软件来完成的:

by:Vadim Carazan


by:Tony Babel


by:Afterglow


by:Anna Iva


by:Aaron Iker


by:lon Lucin


by:Mauro Gatti

优优教程网也有零基础的AE学习教程系列。大家可以扫码学起来:

随着动效设计越来越被重视,市面上也出现了同样可以实现动效的软件。

3、Hype3


无需代码,像AE一样使用时间轴来完成动效。中文操作易上手。

想学习的小伙伴扫描下方二维码:

除了上面提到的动效设计软件,还有类似Flinto、Principle、CINEMA 4D、keynote等也可以完成一些动效设计的需求。大家可以按照自己的需求来选择和学习。

虽然上面的软件有些已经足够简单易用了。但是为了让设计师更多专注在视觉上,很多国内外的大型设计团队还为我们开源了很多平台和插件。这些平台和插件可以解决我们在设计开发流程中效率不高的问题。

1、阿里犸良



相信大家已经在前段时间被这个平台刷屏了,这是阿里一款基于 Lottie 的动效设计平台。能够快速生成设计师想要的动态效果,并交付给开发,极大地提高了设计效率和设计还原度。详细可以扫码了解:


2、Lottie


相比淘宝人生成就,设计师只希望学会这项技能?  设计教程 第19张


Lottie 是 Airbnb 开源的一个动画渲染库,同时支持 Android、iOS、React Native 平台。Lottie 支持渲染播放 AE 动画。设计师担心的开发还原度问题,Lottie 可以完美解决。

想学的小伙伴可以扫码了解详细内容:

3、AEUX

Google 设计团队为了更好地推进 UI 和动效设计,自己开发过不少新的工具,打通 Sketch2AE 是其中之一,如今的 AEUX 也是为了相似的目的而存在的一个全新升级的动效工具~

以上三个工具都是设计团队致力于打通设计流程的,让动效设计有更高的还原度,帮助UI视觉动效设计师回归核心视觉工作。

以上我们分析了动效实现的软件和现在的一些大趋势。也许很多UI设计师已经在加强学习动效设计的过程中了。总的来说,动效是为用户体验服务的,让动效足够酷炫不是我们最终的目的,动效设计是服务于产品功能的,希望大家在开始做动效设计之前先思考,我们为什么需要这个动效设计?

感谢您的支持,我会继续努力的!

扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

标签: 设计教程

作者头像
便宜技术博客创始人

乐享资源记忆点滴的博客,主要分享程序源码!

上一篇:如何通过优化App store应用截图,提高APP的下载率?
下一篇:干货:UI设计中那些不易察觉的视觉误差!

发表评论