吉祥物能帮上忙的地方
网站上有五个位置,值得放一个小小的循环动画——也正是这个工具唯一会生成的五个。
首页欢迎
首页顶部的一句温和招呼,访客正是在这里决定要不要留下。
WebP + GIF + 封面帧
等待加载
应用在处理时,让人有个有性格的东西可看。
WebP + GIF + 封面帧
404 / 出错
让 404 像一句道歉,而不是一条死路。
WebP + GIF + 封面帧
空页面
空状态应该邀请用户迈出第一步,而不是看起来像坏了。
WebP + GIF + 封面帧
按钮引导
在你真正希望别人点的那个按钮旁边轻轻推一把。
WebP + GIF + 封面帧
从一张你拥有的图,到能放上网站的文件
四步。角色始终是你的,不会被重画或重新设计。
- 1
上传你的角色
一张你拥有的吉祥物图片。全身、背景简单的图效果最好。
- 2
我们先判断它能做什么
MascotKit 会读取角色的脸、手臂、腿和是否全身,推断哪些场景它能演得可信。不能演的会以禁用状态显示,并写明原因。
- 3
生成你选的场景
每个场景都会变成一段无缝循环,并去掉背景。
- 4
放到你的网站上
下载一个压缩包,每个场景都含动画、封面帧和现成的 HTML 代码片段。
同一个角色,直接可用于网站
背景被去掉,角色开始动。设计本身什么都没变。
动起来是什么样
每个场景用一套刻意克制的循环。网站上的吉祥物应该被注意到一次,而不是和你的内容抢注意力。
首页欢迎
等待加载
404 / 出错
空页面
按钮引导
此处用替代角色演示,动作参数与生成器实际使用的一致。
为什么不直接用素材库,或者找动画师?
两条路都合理。但它们都给不了这里能给的东西。
现成动画素材库
- 是你的角色吗
- 不是,是别人的角色
- 投入
- 几分钟
- 可直接上网站的文件
- 通常有
雇一位动画师
- 是你的角色吗
- 是
- 投入
- 几天,还要报价
- 可直接上网站的文件
- 取决于需求说明
MascotKit
- 是你的角色吗
- 是
- 投入
- 几分钟
- 可直接上网站的文件
- 有,含代码片段