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

  • 相关阅读:
    Tenserflow学习日记(13)
    Tenserflow学习日记(12)
    Tenserflow学习日记(10)
    利用file_get_contents();抓取网络上需要的信息
    laravel5.4自定义验证规则
    getimagesize();获取图片的长度与宽度
    php得到程序的执行时间
    laravel 处理图片
    siege 压力测试工具的安装与使用
    laravel 实现点赞功能
  • 原文地址:https://www.cnblogs.com/xinwang/p/12160987.html
Copyright © 2011-2022 走看看