ARTICLE · 1356361
不用从零学动效,改改现成模板接点独立站小单
不用从零学动效，改改现成模板接点独立站小单
文｜老李 Oldlee
客户半夜在微信群里丢来一段录屏。
是一个大牌网站的按钮，鼠标放上去会动一下。
他问，他们用 Shopify 搭的店，能不能也做成这样。
你心里清楚，找人从头做，这点预算多半不够。
自己去学交互逻辑，几个月下来，这单也黄了。
要是能在网页里挑一个做好的，改改颜色和字就交出去，这单或许就能接下来。
△ 登录和注册表单模板，预览带水印，标签和颜色都能改。来源：Hoverine 官网模板页
| 不用打开编辑器，在网页里就能改 |
我最近在看一个叫 Hoverine 的 Rive 动效模板库。
北京时间 11 月 14 日上午，第三方站点 Hunted.Space 记录它在 13 日登上了 Product Hunt。截图时排在当天第 18 名，77 票，10 条评论，提交人是 Manuel Diaz。Product Hunt 原页被验证码挡住了，票数以他们自己的页面为准。日榜按美国太平洋时间计算，截图时那天还没结束，这个名次不是最终成绩。
△ 第三方站点记录的 Product Hunt 数据：11 月 13 日上线，截图时第 18 名、77 票。来源：Hunted.Space
创始人之一 Manuel Diaz 在介绍里说，他们做这个库，是因为 Rive 的运行时很好用，但想找一个能直接上线的 .riv 文件，常常要在社区文件里翻，还得猜状态机每个输入是干什么的。
他写库里大约有 100 个模板，分成按钮、加载、开关、表单、导航等 10 类。我 14 日在官网的站点地图上数到 95 个模板页。同一天用搜狗微信搜这个名字，国内公众号还没检索到相关文章。
官网的用法很直接：换上你的 logo、颜色和字，下载一个还能点、还能拖的 .riv 文件。
△ Hoverine 官网首页。来源：hoverine.com
△ 模板库预览是活的，图上能看到上传区、播放控件等模板，预览带水印。来源：hoverine.com
你不用打开 Rive 编辑器。在网页的 Customize 里改颜色、文字和数字，这些会写进下载的文件，旁边 Code 里的代码片段也会跟着变。公开预览带水印，下载下来的是干净文件。官网自己说，多数模板不超过 250 KB。
△ 深浅色开关模板的定制面板，颜色和状态都可以在网页里改，不用打开 Rive 编辑器。来源：Hoverine 模板页 Light Dark Toggle
帮助页写着可以放进网页、iOS、Android 和游戏。官方还为 Webflow、Framer、Wix、WordPress、Shopify 这些平台写了步骤，Webflow 那一栏标了无需代码。微信小程序和国内常见的建站工具，公开材料里没有指南，不能写成已经能用。
我没有注册付费，也没有把文件装进真实的 Webflow 或 Shopify 站点里试过。
| 免费的能不能拿去给客户用 |
不能。
△ 四档月费：免费 0 美元，Creator 9.99 美元，Pro 14.99 美元，Studio 19.99 美元。来源：Hoverine 定价页
免费档是 0 美元。只能用免费模板的原始文件，不能自定义导出，授权是个人使用，而且只限一个域名。授权页写得更直：免费文件只能用于个人和非商业项目，任何商业用途都不行，也不能转售或再分发。
要做客户的活，至少得开 Creator，每月 9.99 美元，年付是 99 美元，页面上折合每月 8.25 美元。这一档能下全部付费模板，能在网页里改好再导出，并且带商业授权。官网写明，授权覆盖客户项目、SaaS 和软件产品。不过只覆盖 1 个网站或 App。
会连续接几家，就得看 Pro，每月 14.99 美元，能覆盖 5 个网站或 App，年付 149 美元，折合每月 12.42 美元，还带可在 Rive 里打开的 .rev 源文件。Studio 每月 19.99 美元，年付 199 美元，站点不限量，另有扩展商业授权和定制模板请求。扩展授权到底多了哪些权利，页上没展开，我也不补。
订阅是按月或按年先扣，随时能取消，用到已经付过的那一期结束。除了法律要求退的，官网写了不退款。
△ 授权页：免费文件仅限非商用；付费文件可用于客户项目，但不能原样转卖或再分发。来源：Hoverine License
付费文件可以用于商业网站、应用或游戏，可以用于客户项目，取消订阅之后，已经下载的文件仍可继续用。
但你不能把文件原样转卖，不能做成模板包或素材包再卖，不能把文件转给别人分享，也不能主张这些原文件归你所有。
交付的是装到客户站点上的动效，不是把模板文件转手卖掉。
| 谁会为几个会动的按钮付钱 |
付钱的人，多半手里已经有网站，只是按钮、加载和开关还是死的。
已经在跑的独立站，用 Webflow、Framer、Shopify、WordPress 搭的店，都算。原本就在给这些客户做站的人，也可以顺手接这一截。
你能交付的东西很具体：一个改好颜色和文字的按钮、开关或加载动画，一份无水印的 .riv，再加上和它对得上的代码片段，并说清楚装在哪一个约定的站点上。
我没查到有人公开写过，用这个库接这种小单能收多少钱。国内的报价我也不编。能确定的，只有订阅本身的价格。先做一两个站点，Creator 够用；会连续接几家，再考虑 Pro。
客户优先找手头的老客户。先别把文件当商品挂出去卖，授权不让这么做。
| 想接这活，先走这三步 |
STEP 1先在网页里改一个模板
打开 Hoverine，挑一个按钮或加载模板，在 Customize 里改颜色和文字，看带水印的预览会不会跟着动。这一步不用打开 Rive 编辑器。
STEP 2按项目数选档
这是客户的项目，就不要用免费档。先做一两个站点，开 Creator；会连续接几家，再考虑 Pro。下载前看一眼授权页。
STEP 3把文件装到约定的站点上
把干净的 .riv 和代码片段交给客户，或照着帮助页里 Webflow、Framer、Shopify 的步骤自己装上。说清楚只用在约定的那一个站点，不能再把文件转给别人。
△ 官方帮助页把流程写成四步：浏览、改颜色和文字、下载无水印文件、装进站点。来源：Hoverine Help
△ Webflow 的官方步骤：上传 .riv，用嵌入代码贴进去。同一页还有 Framer、Shopify、WordPress 等指南。来源：Hoverine Help
他们还做了一个免费的浏览器工具，叫 Riv Eye，不用注册。能打开任意 .riv 文件，查看状态机和输入，也能把预览链接发给客户批注，或者录成视频。做检查有用，它本身不是拿来卖的东西。
△ Riv Eye 示例：在浏览器里查看文件的颜色、按钮文字和输入，无需注册。来源：Hoverine Riv Eye
另外还有一条投稿分成 60% 的路，邀请制，面向动效设计师。那是另一档力气，不是这篇要讲的轻松活。
回到开头那个微信群。
客户丢来的录屏还在，那句能不能做，也还挂在聊天框里。
你现在知道去哪里挑模板，知道至少要花 9.99 美元把授权办妥，也知道交出去的是一个小文件和几行代码。
这一单该报多少，没有公开的标价可以抄。价格你得自己定，授权那边的边界，倒是已经写死了。
老李 Oldlee｜设计 × AI 工具
