无障碍图文设计的意思是:文字对背景对比约4.5:1、字号大到手机一臂距离可读、关键内容避开画面顶部10%和底部20%,以及右侧TikTok操作按钮所在区域。按1080x1920设计。读不清的卡片会被划走,停留时长和完播率——图文最强排名信号——一起掉。
无障碍常被归进伦理,所以多数创作者跳过。在TikTok上,它是分发问题。动着的信息流里没人读得懂的卡片,不会产生停留、不会产生划动,算法也拿不到可动作的信号。下面这些规则零成本,却能护住驱动图文触达的两个指标。
TikTok图文文字的安全区在哪?
每张卡片按**1080x1920(9:16)**设计,然后把三个区域当禁区,关键内容别放:
| 区域 | 大约范围 | 上面会盖什么 |
|---|---|---|
| 顶部 | 画面顶部10% | 状态栏、信息流导航 |
| 底部 | 画面底部20% | 用户名、文案、音乐条 |
| 右侧 | 右侧约15%竖条 | 点赞、评论、收藏、转发按钮 |
所有要紧的——标题、关键数字、这张的收束句——都放中央区块。创作者常把漂亮的CTA贴在最后一张底部,却从没意识到它会压在每个人的文案下面。快速测法:截自己信息流,把卡片叠到设计工具里,看还剩什么。
要点:关键文字避开顶部10%、底部20%,以及右侧按钮列。
图文卡片文字该满足多少对比度?
目标是接近网页无障碍指引、大约4.5:1的正文对比。不必每张都测,但必须停掉两种永远翻车的组合:
- 浅灰压白底。 在明亮显示器的设计工具里显得精致。户外手机上等于隐形。
- 细体字压在杂乱照片上。 任何有明暗变化的照片都会吃掉部分笔画。
永远管用的修法:文字块后面铺纯色底、照片和字之间加暗色遮罩、标题用半粗或粗体、每个模板只用一种文字色。这也是无障碍设计和品牌一致性互相加强的地方——锁定两三种色板,对比度就变成一次性决策,而不是每条重做。
要点:对比瞄准约4.5:1,永久杀掉浅灰压白底。
图文字号该多大?
大到手机一臂距离能读完,实操上就是标题文字占掉卡片的可观份额,而不是客气地缩在角落。让这一点诚实的规则是:如果得缩小字号才能塞下字,就砍字,别缩字。
工作指引:
- 钩子卡片: 大约八个词以内,字号开到安全区允许的最大
- 正文卡片: 三句短句以内,每张一个观点
- 比例: 整套大约70%画面、30%文字
- 卡片数: 5到8张,因为10-35张会掉完播率
文字密度也控制停留时长。每张2到5秒是健康区间。 不到两秒说明这张信息不够、不值得划;超过五秒通常是过载,观众还没到最后一张就走。怎么调,见每张停留时长。
要点:字大到一臂距离可读;字塞不下就砍字,别缩字。
无障碍设计真的影响TikTok曝光吗?
间接且幅度大。难读的卡片会被划走。划走压低停留时长和完播率,而完播率是图文分发最强的信号。可读性本身不是排名因子——它是两个真正排名因子的输入。
还有两个复利效应:
- 很大一部分观众静音看。 烧在画面上的文字,是多数人收到信息的唯一版本。不露脸创作者字幕背后的逻辑,适用于每一张图文卡片。
- 屏上文字喂TikTok的OCR搜索索引。 可读的卡片文字能被平台搜索系统读到;低对比装饰字读不到。难读设计既丢划动,也丢搜索可见度。
还有第一张效应。划动完成率60%以上算强,而能动它的杠杆只有第一张。半秒内读不懂的钩子,字再好也白搭——见钩子卡片设计。
要点:可读性护住完播率,完播率决定图文分发。
排期前跑一遍的无障碍清单
按模板跑一次,别按每条跑——这正是搭模板体系的意义。
- 画布是1080x1920
- 顶部10%、底部20%、右侧按钮列没有关键文字
- 对比明显够强,不是擦边
- 缩略图尺寸下标题仍可读
- 正文卡片三句短句以内,大约70%画面对30%文字
- 总共5到8张
- 真机户外日光下每张都可读
工具侧,PostCrows Design步骤里的Layout editor是把安全区边距一次定死、整批沿用的地方;Generation里的Preview All让你在入队前扫完每一张。通用屏上文字原则见屏上文字指南。
要点:模板审一次,之后每条都继承修好的结果。
结论
无障碍图文设计是披着设计外衣的分发工作。按1080x1920做,关键内容避开顶部10%、底部20%和右侧按钮列,对比贴近网页正文用的4.5:1标准。字号开到一臂距离可读,塞不下就砍字——钩子卡片八个词以内,正文每张三句短句以内,5到8张里大约70%画面对30%文字。读不清就会被划走,划走杀死停留和完播,完播是图文手里最强的信号。在模板层修一次,之后批量的每条都会继承一套人真正读得懂的卡片。