阿里新开发了一款神器犸良!零基础也能轻松做酷炫动效 - 优设网 - UISDC

阿里新开发了一款神器犸良!零基础也能轻松做酷炫动效

2019/07/08 31976评论 48

阿里作为中国互联网企业的标杆,不仅一直在为广大人民群众提供快捷便利的服务。也不断引领行业,在各个专业领域,给专业人员提供了优质的工具与服务。对设计师而言,无论是每年一度的 UCAN大会,还是 Kitchen、语雀、Ant Design 等设计开发工具,都给广大设计师带来很大的便利。

而最近,阿里又推出了一款基于 Lottie 的动效设计平台 ── 犸良。能够快速生成设计师想要的动态效果,并交付给开发,极大地提高了设计效率和设计还原度。

犸良是什么?

它是一个积累了很多通用动效素材的平台,让不会动效的同学们也能基于动效库和素材库快速生成一个通用动效创意,你只需要简单地编辑图片、颜色或者文字即可。同时平台集成了以 Lottie 为代表的动效技术,让曾经令人苦恼的安装包大小和性能问题一并解决。

△ 官网:https://design.alipay.com/emotion

犸良的应用场景

犸良支持全平台 iOS、Android、H5、小程序。无论是营销展位、活动页面、空状态还是产品icon。犸良编辑器对接投放平台,一站式完成动效创意制作和投放。

丰富的动效素材能够满足多种场景需要。

犸良怎么用?

方式一:基于模版直接制作(适用于设计师进行动态banner制作)

  1. 选择模版
  2. 从动画仓库选择动画进行当前动画的替换
  3. 通过替换图片或修改颜色来自定义动画
  4. 自定义模板文字内容
  5. 选择模板背景图片
  6. 完成编辑选择是否带背景(banner模版默认带背景)
  7. 导出成功下载 json

方式二:自定义画布制作(适用于设计师进行模板覆盖不到的动效应用场景)

使用犸良一分钟做出来的效果,大家感受下:

体验感受

综合体验了一下犸良,相对于鹿班人工智能随意撸图。犸良其实是一款基于人工的动效模板网站。所有的动态效果都是设计师提前做好的?;?Lottie 的特性,将可编辑的属性进行??榛?。

说到这里有些设计师可能有疑问了,Lottie 究竟是什么?在优设已经有相关文章介绍的比较全面了,这里就不赘述了,阅读链接:http://www.tuiguangku.cn/tag/lottie/。

简言之 Lottie 就是一个快速将 AE 中设计的动效快速调出,并且开发可以直接调用的动效库。

Lottie 的原理是将矢量图形和动态效果通过代码实现,复杂的图形导出图片资源。最终生成 json 文件+图片资源。犸良所做的就是,将 json 里的颜色属性提取出来,用户可以从外部修改。同样只需要替换图片资源,就可以让用户自己设计的图形根据 json 写好的运动方式来展示。如果你把一只移动的猪替换成猫了,那么你看到的效果就是一只移动的猫。

而它的文字编辑功能,我觉得就比较神奇了。因为 Lottie 貌似不能从外部修改字体,应该是阿里自己写的。如果有知道的同学也欢迎解惑。因为我们在实际工作中经常遇到这样的问题,就是如果动效包含文本了,需要适配国际化,就没法从外部修改语言。如果能解决这个问题,将会减少很多麻烦。

从现有的素材来看,其主要应用场景还是电商和运营方面。相信未来会增加更多的素材和应用场景。希望以后能够开放出让设计师可以将自己做的动效分享出来供大家使用,或者提供优质付费内容也是不错的选择。

就个人的工作经验来看,Lottie 还是有丰富的应用场景的。比如可以做动态图标、动态闪屏页、表情贴纸、直播礼物、空白页、动态banner……

其实 Lottie 官方社区也有很多的动效资源,都是来自全世界的设计师上传的,大家可以去下载参考,如果要商用,可能需要联系作者。

△ 附上链接:https://lottiefiles.com/popular

本文资料,很多都是来自语雀的分享。再次感谢相关人员的辛勤付出。大家可以在此处查看犸良的完整介绍:https://www.yuque.com/dapolloali/news/ui43vg。

再次附上官网:https://design.alipay.com/emotion

因为犸良是基于 Lottie 的工具,所以有相关基础的设计师很容易上手?;共涣私獾耐б部梢栽诟鞔笊杓仆舅阉鞯?。

欢迎关注作者的微信公众号:「懿凡设计」

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.tuiguangku.cn/alibaba-emotion

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 设计师干货 交互设计师 界面设计 排版布局 职场 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 设计规范 海报设计 用户体验设计 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里

有没有菠菜送分的APP 大安市| 丽江市| 双城市| 登封市| 太保市| 周宁县| 应用必备| 福州市| 长岭县| 辽中县| 凉山| 新平| 含山县| 郸城县| 奉贤区| 台中县| 彰化市| 开鲁县| 仙游县| 津市市| 霍州市| 云浮市| 唐海县| 金湖县| 盘锦市| 嵩明县| 绩溪县| 西和县| 东乡| 上高县| 射阳县| 常德市| 东兴市| 宜春市| 嘉义县| 大理市| 黄龙县| 湘乡市| 抚松县| 长宁县| 安康市| 镇坪县| 迭部县| 镇赉县| 河北区| 顺昌县| 和林格尔县| 晋中市| 武邑县| 绥化市| 普兰店市| 南木林县| 武安市| 左贡县| 崇仁县| 慈溪市| 叶城县| 佛学| 青河县| 平果县| 白水县| 方正县| 长葛市| 普陀区| 应用必备| 固镇县| 宝坻区| 营口市| 晴隆县| 自贡市| 枣阳市| 南平市| 成武县| 阿巴嘎旗| 定陶县| 盐津县| 图木舒克市| 乌鲁木齐县| 灵寿县| 乐都县| 石家庄市| 定西市| 永福县| 长春市| 南涧| 和龙市| 法库县| 孟连| 简阳市| 张掖市| 抚远县| 桑日县| 萍乡市| 洱源县| 平邑县| 龙江县| 革吉县| 望都县| 乐业县| 通辽市| 大竹县| 大渡口区| 尉犁县| 获嘉县| 连平县| 乐业县| 板桥市| 富顺县| 伽师县| 岐山县| 开鲁县| 凤翔县| 万盛区| 稻城县| 万源市| 那曲县| 浏阳市| 抚远县| 垦利县| 迁西县| 石河子市| 香河县| 桂阳县| 巢湖市| 左贡县| 西华县| 徐州市| 沈阳市| 鹿泉市| 浦县| 喀喇沁旗| 城固县| 怀远县| 罗定市| 西华县| 中西区| 恭城|