微信SVG推文：
让手指停下来的三个开关。
SVG不是动效炫技，而是一种受限的阅读节奏设计。读者在微信里只有两个动作：往下滑，或者退出。这篇文章讲清楚，在哪三个位置放开关，能让手指多停一会儿。
先纠正一个常见误解：微信里的SVG不是网页。它没有完整的脚本能力，不能外链资源，不同系统与微信版本的支持程度也不一样。把它当成“会动的排版”更准确。
正因为限制多，SVG推文的设计反而更接近传统编辑：你只能靠画面、节奏和一个明确的动作，把读者留到下一屏。
01先认清限制，再谈创意
- 代码必须内联在图文里，不能引用外部脚本与样式。
- 图片与字体受白名单和体积限制，素材要提前压缩。
- 交互主要依赖点击、长按、滑动等基础动作，复杂手势支持不稳定。
- iOS与安卓、不同微信版本的渲染存在差异，必须真机验证。
这些限制意味着：任何“网页上很酷”的效果，在微信里都可能变成空白或错位。制作流程里必须有一道真机测试，而且不能用一台手机测完就发布。
02开关一：第一屏的“未完成感”
第一屏决定读者是否继续。常见错误是把所有信息塞进首屏：标题、logo、活动时间、二维码、品牌口号。信息越完整，读者越觉得“已经看完了”。
有效的做法是留一个缺口：一句没说完的话、一个被遮住的画面、一个需要点一下才展开的答案。未完成感会制造继续阅读的动力。
注意尺度：缺口要清晰可解，不能变成故弄玄虚。读者愿意为“马上就知道”多滑一屏，不会为“猜谜”多滑三屏。
03开关二：滑动里的因果关系
微信里的滑动是读者主动完成的动作。如果画面在滑动过程中发生变化，读者会本能地认为自己“触发了”它。这种因果感，是SVG最值钱的部分。
三种可靠且常用的因果：
- 擦除与揭示。滑动让遮挡层退开，露出下一层内容。适合信息逐层展开。
- 长按触发。长按照片或按钮，画面切换。适合制造“发现”的惊喜。
- 点击展开。点一下出现细节。适合承载二级信息，避免首屏拥挤。
判断因果设计是否成立，有一个简单标准：读者不做这个动作，信息是否仍然完整？如果答案是“不完整”，说明你把内容藏得太深，会流失大部分不愿意操作的人。好的SVG，不动也能读完，动了会更好。
04开关三：结尾的参与钩子
很多推文的结尾只有一句“点赞在看”，这不算钩子，只是请求。真正的钩子，是让读者完成一件对他自己有价值的事：测一个结果、生成一张海报、领一份资料、预约一个时间。
设计时注意两点：
- 动作要唯一。结尾同时放三个二维码，等于没有重点。
- 回报要即时。点完马上有反馈，不要“稍后联系你”。
如果这次推文没有转化目标，那就把结尾做成一个干净的收束：一句记得住的话，一个清晰的品牌落款。留白也是设计，不必每篇都塞满。
05工程与验收：别让效果死在真机上
SVG推文最常见的事故不是设计不好看，而是“我这边能看，别人那边是空白”。发布前至少完成这些检查：
- iOS与安卓各一台真机，覆盖当前主流微信版本。
- 弱网下首屏加载时间可接受，图片不超过约定体积。
- 关闭动效或加载失败时，图文信息仍然完整可读。
- 长按、点击区域足够大，误触不会触发无关内容。
- 分享到聊天与朋友圈后，标题、缩略图正确。
- 文内链接可跳转，落地页在微信内可正常打开。
06制作流程：把灵感变成可交付
我们的流程通常是：脚本与节奏表→分镜→素材制作→内联代码→真机测试→发布与复盘。最容易被跳过的是节奏表，但它恰恰最重要：哪一屏负责吸引、哪一屏负责解释、哪一屏负责转化，要在画图之前就定下来。
否则就会变成“每屏都很好看，但不知道读者为什么要在第三屏停下”。
07写在最后
SVG推文的天花板不在技术，在内容。一个没有信息增量的动效，滑动三次就会让人厌烦；一个有真实内容的版面，即使只有一次转场，也会被读完。
先想清楚这篇推文要读者记住什么，再去决定它要不要动、在哪里动。