犸良海量智能模板怎么用？可视化编辑 + 无需代码，H5 营销 / 小程序开发动效全解析

? 犸良海量智能模板怎么用？可视化编辑 + 无需代码，H5 营销 / 小程序开发动效全解析

? 犸良是什么？为什么选择它？

?️ 犸良的两种使用方式

1. 基于模版直接制作

• 选择模版：从犸良的动画仓库中选择一个你喜欢的动画模板。
• 替换动画：从动画仓库选择动画进行当前动画的替换。
• 自定义内容：通过替换图片或修改颜色来自定义动画，自定义模板文字内容，选择模板背景图片。
• 导出文件：完成编辑后选择是否带背景（banner 模版默认带背景），导出成功下载 json 文件。

2. 自定义画布制作

• 创建动画：点击犸良首页的 “创建动画” 按钮，登录支付宝账号后进入创作页面。
• 选择素材：界面左边是动效神器的素材，有插图、金币红包、人物、按钮、氛围、ICON、蚂蚁形象等几个分类。里面有 50 + 模板素材，200 + 动效素材。
• 编辑设置：界面的右边是一些基础的编辑设置，可更改文字、尺寸以及素材，选择新的素材时旧的就会被替换掉。
• 预览导出：当你的素材都编辑好以后，点击完成编辑，界面下方会有一个二维码预览，确认无误后即可导出 json 文件。

? 如何将犸良生成的动效应用到 H5 和小程序中？

1. H5 应用

• 引用 Lottie.js 文件：在需要的页面引用 lottie.js 文件。
• 加载动画：使用lottie.loadAnimation方法加载动画，并提供播放、暂停、停止等事件控制动画。

2. 小程序应用

• 导入 JSON 文件：将犸良生成的 json 文件导入小程序项目中。
• 使用 Lottie 组件：在小程序中使用 Lottie 组件来渲染动画。

? 犸良的优势

1. 海量模板和素材：犸良提供了 200 + 动效模板和 2000 + 创意素材，帮助用户快速产出高质量的动效创意。
2. 可视化编辑：类似于 PPT 的操作，让没有动效制作经验的用户也能轻松制作动效。
3. 性能可靠：集成了 Lottie 等动效技术，解决了性能问题和包大小问题，让动画更流畅、文件更轻量。
4. 跨平台支持：支持全平台，包括 iOS、Android、H5、小程序，方便用户在不同平台上使用。

? 注意事项

1. 下载格式：犸良生成的文件格式为 JSON，需要前端开发人员配合才能在 H5 和小程序中使用。
2. 学习曲线：虽然犸良的操作相对简单，但对于完全没有设计经验的用户来说，还是需要一定的学习时间。
3. 素材替换：在替换素材时，需要注意素材的尺寸和格式，以确保动画效果的一致性。

? 学习资源

1. 犸良官网：https://design.alipay.com/emotion
2. Lottie 官方文档：https://lottie.io/
3. 犸良教程：在博客园、CSDN 等技术博客上搜索 “犸良教程”，可以找到很多详细的使用教程。