信息无障碍通道
您的位置:首页>>互联网

AE动效如何落地?原来大厂设计师都在用这个!

发布时间:2020-10-13  来源:互联网    背景: 无障碍通道

  导语

  动效设计是UI设计中不可或缺的一环。随着硬件性能的发展和动效输出方式的优化,大家对动效的认知也从最初的认为动效只是为了美观酷炫,到逐渐认识到动效对于提升用户体验和产品需求的重要作用。

  但设计师在做动效设计的时候灵感喷涌,兢兢业业做出炫酷的效果,结果一和开发工程师对接就懵了——要么无法实现,要么极其复杂。特别是AE里有很多复杂动效,使用纯代码还原起来非常困难,导致最后设计师只能不断简化效果以达到跟开发成本的平衡。

  一、传统AE设计难点及解决方案

  传统的AE设计,总结下来有以下三个核心痛点:

  • 研发成本高:每个动效都需要研发通过代码来还原,单独排期的特效以及手工配置还原的过程,包括后续复用及改动都需要大量的研发人力持续投入。

  • 生产周期长:设计师和研发人员需要反复确认效果还原度。这样很难跟上运营节奏,容易错过时事热点。

  • 视觉动效弱:AE里有很多复杂动效,使用纯代码还原成本高、维护难度大,设计师只能简化特效来推进实现开发。

  就这些问题,腾讯PCG发布器中台主导研发了一款动画开发“神器”—PAG。为设计师提供 AE 导出插件和桌面预览工具,支持 AE 一切特效。

  PAG作为一套完整的动画工作流,诞生之初就是为了降低或消除动画相关的研发成本,打通设计师创作到素材交付上线的极速流程,不断输出运行时可编辑的高质量动画内容。

  PAG提供从AE导出插件,到桌面预览工具,再到iOS和Android端的渲染SDK。AE设计师运用PAG实现批量化制作动画素材,再通过导出PAG插件,到桌面预览工具进行微量调整,从而提高了动画的制作效率以及精度。

  二、PAG亮点介绍

  PAG 方案有完善的工具链支持,AE插件支持混合导出能力,无论是表达式、粒子动画还是 3D插件,只要 AE做的出,PAG 都可以导出。另外导出相同的动画内容,PAG动画文件的体积会显著小于其他方案,并且在解码速度和渲染性能上都更高。

  以下为几点核心优势:

  1、动画文件小:首先任何素材文件都是越小越好。在素材下发的使用场景里,更小的文件能够节省用户的下载流量和时长。而如果内置到App里的,这时候包体大小就直接影响增长拉新的数据了,所以动画压缩率非常关键。PAG在同样动画内容导出方面比其他方案平均可以小50%。

  并且由于采用了二进制的数据结构,能单文件集成所有相关动画资源,让设计师交付素材时候只需发送一个文件,不在需再要外挂图片音频等资源,这样能够提高工作流文件传递的效率。

  2、全AE特性支持:

  ①完整还原AE渲染系统:针对AE很多复杂动效,使用纯代码还原起来非常困难。设计师只能不断简化效果以达到跟开发成本的平衡,导致最终上线的视觉效果都是打过折扣的,不达设计预期。而PAG的SDK已经完全还原了AE整个动画的渲染系统,能够支持所有AE特性,设计师可以充分利用AE动画的原子能力,组合出无限的视觉动效,不用因为代码还原成本的问题而打折扣。

  ②支持矢量和序列帧的混合导出:PAG除了在矢量导出上比同类型方案支持更加完善外,还创新性地实现了矢量和序列帧的混合导出能力,设计计可以主动标记哪些图层使用序列帧导出,例如不需要编辑并且有复杂的动效,而需要编辑的图层继续用简单的矢量方式导出。从而实现支持所有的AE特性又能保持运行时的编辑性。

  3、 完善便捷的编辑工具,支持实时预览以及性能可视化:往往AE设计师跟研发联调非常费劲,例如设计图需要给到研发同学上架素材才能看到最终效果,效果反复确认耗时久;或者不知道如何优化性能,一直改都无法满足开发需求,需要不断与研发同学沟通。

  但如果通过PAG的自助工具,就能做到所见即所得地生产动画内容。首先,桌面预览工具确保了在所有端上渲染效果的一致性,设计师无需把素材提交上线就能看到最终准确的动画效果。

  其次PAG 的导出插件内置了40多种自动优化和提醒的策略,这样可以在导出的环节就帮助设计师进行性能把关。并且还在预览工具里提供性能可视化面板,能够直观地看到每个素材量化的性能指标,并配套说明了各种指标的优化方向。

  让设计师可以独立完成动画内容交付,高效辅助设计师制作出性能和效果俱佳的动画内容,避免来回返工。

  三、总结

  作为腾讯PCG发布器中台下三大组件之一,PAG已经在腾讯微视,手机QQ,王者荣耀等数十款产品中落地使用。包含微信在内的多个团队,也都积极参与该项目的协同共建,齐心协力,不断打磨这款动画开发利器。相信随着PAG的不断迭代,将持续为动画设计师及开发工程师们技术赋能,实现更多天马行空的动画效果,助力动画产业进一步发展。

  说了这么多关于PAG的介绍,大家是不是迫不及待地想体验一把PAG的神奇应用呢?别着急,同学们现在可以通过官网下载插件体验啦!下载地址:https://PAG.io

特别提醒:本网内容转载自其他媒体,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。


返回网站首页 本文来源:互联网

本文评论
天际汽车完成超50亿元新一轮融资 开启Pre-IPO轮融资
近日,记者获悉,天际汽车已完成超过50亿元人民币的新一轮融资。据透露,本轮融资由地方政府产业引...
日期:10-13
AE动效如何落地?原来大厂设计师都在用这个!
  动效设计是UI设计中不可或缺的一环。随着硬件性能的发展和动效输出方式的优化,大家...
日期:10-13
金秋爆款《他只是经过》的达成,抖音音乐「造音行动」靠的是这三点
作者 | 言慧巧
  当像王七七的《谈恋爱》这样热门歌曲的诞生越来越频繁地与短视频相关联时,...
日期:10-13
博沃纳加湿器告诉你:将一件事做到极致是什么体验
“任何事,做到极致就是艺术”——电影《无双》
日期:10-13
看了一圈儿童电话手表,性价比之王就它了
儿童智能产品市场的龙头品牌小天才,近日推出了主打超长续航的小天才Q1A儿童电话手表,据称是目前性价...
日期:10-13
TCL DD直驱滚筒洗衣机:帮你解锁明星的时尚秘籍!
黄金长假刚刚结束,天气从燥热转变成微凉,深凉,温度的变化,以非常直接的方式提醒着我们换季了,...
日期:10-13
万兴科技庆贺17周年司庆 举行“勤学节”表彰仪式
10月8日,A股创意软件上市企业万兴科技(300624.SZ)迎来发展的17周年。当天,万兴科技于深圳、长沙、温...
日期:10-13
小度科技独立融资 多家媒体看好其商业化前景
随着语音交互技术日趋成熟并完成向各个场景的渗透,领先玩家的商业价值也日益凸显。近日,百度宣布...
日期:10-13
纸质本的“伪装者”!科大讯飞智能笔记本体验感引起极度舒适!
“双节”一过,数字科技领域的“老朋友”们齐齐奔向福州,再度相聚福州海峡国...
日期:10-13
AIIA 2020开发者大会 —— 共创语言智能化美好局面
2020年9月29日下午,以“创新、协作、共享”为主题的AIIA 2020人工智能开发者大会语言智...
日期:10-13
惊喜福利活动来袭! 购黑鲨3S赠黑鲨手柄3代套装
10月1日,黑鲨科技开启了全新的惊喜购机福利活动,在活动期间内购买腾讯黑鲨游戏手机3S,即可获赠黑鲨...
日期:10-13
轻薄与性能间的平衡,华硕灵珑II笔记本卓越出众
对于主打便携的商用笔记本而言,轻薄的机身设计意味着可供容纳硬件的空间较小,高效办公所需的性能...
日期:10-13
ZStack九月刊|迎来5周年司庆,联动天翼云、山东雷音、伟仕佳杰等众多伙伴活动!
9月是最好的天气,几乎每一天都是金黄色的。初秋九月,ZStack正式迎来了公司成立满五周岁的生日。五...
日期:10-13
店宝宝:三大顶流主播为何转型做投资?
9月16日,辛巴入股上市公司起步,随后该公司股票连续两天开盘涨停。
日期:10-13
用好这些地图效果,让可视化大屏秒变酷炫
我们知道,在数据可视化领域通常会展示一些与地理地区有关的数据,比如企业在各个省份订单的销售额...
日期:10-13
京东打印品类巅峰24小时绚丽开启 通用耗材真五折
2020年假期彻底清零,多数网友表示:余下的日子毫无斗志!殊不知,今年的双节,全国大部分高校假期减...
日期:10-12
抓住十一黄金周尾巴,国美返场钜惠最高直降2000元
最新统计数据表明,刚刚结束的“十一”黄金周,消费需求持续释放,市场复苏态势强劲。
日期:10-12
信也科技再攀科研高峰:复杂网络研究成果登上国际顶级期刊IEEE TKDE
近日,金融科技公司信也科技(NYSE:FINV)与浙江大学合作撰写的论文“Robust Network Enhancemen...
日期:10-12
落地宿州高新智创云谷!国双产业智能助力“数字宿州”建设
  宿州高新双创智能谷正面向全国展示出前沿、智慧的园区面貌,已经吸引了腾讯.....
日期:10-12
  专栏介绍
半斤 的专栏
半斤发表的文章
积分:
自我介绍 :