抖音开放平台Logo
开发者文档
“/”唤起搜索
控制台

竖屏游戏

规范描述

规范项
设计规范
描述
游戏画布规范
    游戏画面作为背景,平台交互框架置于顶层。平台交互框架包括游戏名称、文案、「继续游戏/立即去玩」按钮等。
    开发者需把牵引用户的核心内容展示在「画布信息区」,更能吸引用户点击转化。
    示例:
游戏原画
Feed效果示例

设计案例

优秀案例
【复访版】
    主玩法占据画布中心,第一眼唤醒用户
    增加气泡提示突出核心信息(如体力恢复)
    手势指引推动用户启动操作
【复访版】
    牵引召回的核心信息(如离线收益)占据画布中心
    画面与文案高度适配,用户理解成本低
【获客版】
    剧情动画接入,做自动播放处理,维持用户刷抖音的沉浸体验
    衔接新手教学,转化体验流畅
【获客版】
    新手关卡接入,玩法清晰直观
    3s内出现游戏任务指令,快速抓住注意力
    手势指引降低用户学习成本
错误案例(非线上案例,仅作示意)
核心信息位于画布下方,被平台框架遮挡
游戏主角色位于画布下方,被平台框架遮挡
未做弹窗屏蔽/延迟处理,主玩法画面未按预期展示

横屏游戏

规范描述

规范项
设计规范
描述
游戏画面展示规范
    推荐流直出容器会将游戏画面裁切为4:3画面尺寸,中间部分作为推荐流展示的游戏画面
    开发者需把牵引用户的核心内容集中在中间的4:3画面尺寸中,避免平台裁切丢失信息
    示例:
游戏原画16:9尺寸
⬇️ 平台处理
推荐流直出裁切为4:3尺寸
Feed效果示例
游戏画布规范
    画布展示区域:画面尺寸左侧宽度2/3,高度4/5区域;
    游戏角色主体:展示在画面左侧1/3区域,高度为画面高度的65%;
    游戏对话气泡:展示在画面左侧2/3区域,高度为画面高度80%,避开游戏主要行动按钮(开始游戏);
    游戏角色展示半身像,角色主体与对话气泡需添加投影;
    游戏画面叠加40%不透明度 #000000 蒙层;

设计案例

优秀案例
【复访版】
    利用游戏经典角色,第一眼唤醒用户
    配合气泡提示突出核心信息(如签到领奖),底层画面场景高度适配
【获客版】
    轻量对局关卡接入,低门槛高反馈,快速激发玩家参与
    吸量文案制造挑战欲,降低决策成本
    手势指引推动用户启动操作
错误案例(非线上案例,仅作示意)
气泡尺寸过大
气泡尺寸过小
角色尺寸过大,未使用半身像
位置错误