zoukankan      html  css  js  c++  java
  • 阿里新开发了一款神器犸良!零基础也能轻松做酷炫动效

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

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

    犸良是什么?

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

    犸良的应用场景

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

    image

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

    image

    image

    犸良怎么用?

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

    image

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

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

    image

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

    image.png

    转载自:https://www.uisdc.com/alibaba-emotion

  • 相关阅读:
    数组过滤
    数组过滤
    以文件流的形式下载文件
    antD 时间年的写法
    如何判断一个js对象是否是Array,
    webSocket 使用
    react map循环的dom,点击让当前数组里的isShow显示false
    react react-draft-wysiwyg使用
    jQuery placeholder插件 让IE也能够支持placeholder属性
    JavaScript 逼真图片倒计时实现代码 js时间图片倒计时
  • 原文地址:https://www.cnblogs.com/xinwang/p/12160987.html
Copyright © 2011-2022 走看看