规划 1920×1080 横屏场景
横屏通常有更多水平空间给单行播放器或下三分之一多行区。从下三分之一或表演者旁边的歌词安全区开始,并离开画布边缘留出可见边距。
把镜头、乐器、游戏或表演控件、聊天栏、提醒、字幕放在该区域外。若提醒会短暂出现,按它的最大占地预留,而不是把歌词放在下面。
OBS 浏览器源和场景使用相同的 1920×1080 尺寸。这样锚点可预测,而不是在渲染时拉伸 Overlay。
规划 1080×1920 竖屏场景
竖屏更窄,边缘常有平台控件。把歌词区放在表演者旁边或下方,不要盖住脸、乐器、评论、礼物、字幕或账号控件。
手机优先场景从紧凑 3 行开始。只有安全区够高、行距仍可读时才用标准 5 行。表演者和镜头占满画面时,单行播放器更安全。
开播前用手机尺寸预览完整 1080×1920 构图。编辑显示器上看着舒服的文字,缩到手机后可能太小。
先为镜头、聊天和提醒留出空间
把镜头框、聊天或评论列、提醒、字幕和平台控件当成保留区。不要指望透明歌词背景能让重叠内容可读。
给歌词块最长一行留出呼吸空间。从单行改到多行或启用 3D 透视后要再检查,因为占用宽高会变。
选择可读字号和对比
1920×1080 多行歌词块可从 32–48px 起,远看再加大。1080×1920 从 36–56px 起并在手机尺寸验证;StreamLyric 有效字号范围是 12–96px。
按可用安全区使用 3 行紧凑或 5 行标准。选清晰字体、相对镜头背景的强对比,以及克制的背景、描边或阴影。
用观众尺寸预览最终构图
竖屏预览缩到典型手机窗口,横屏缩到普通播放窗口。检查最长一行、行距、阴影、对比,以及跑马灯或 3D 运动。
镜头、聊天、提醒已经在动时,限制歌词运动。歌词层应支持表演,而不是和所有动画抢注意力。
分步设置
- 01设定场景画布
横屏选 1920×1080,竖屏输出选 1080×1920。
- 02匹配浏览器源
使用相同宽高,让 Overlay 位置可预测。
- 03标出安全区
放置歌词前先占住镜头、聊天/评论、提醒、字幕和平台控件区。
- 04选择字号和行数
横屏大约 32–48px 和 3–5 行;手机优先竖屏大约 36–56px 和紧凑 3 行;测试后再调。
- 05用观众尺寸测试
在手机大小或典型播放窗口预览最长一行,开播前再查对比和运动。
常见问题
该在横屏和竖屏之间拉伸同一个 Overlay 吗?
按每种场景使用合适尺寸和位置。16:9 好读的布局在 9:16 可能太小或太宽,所以分别配置并预览每个浏览器源。
该显示多少行歌词?
受限或手机优先场景用紧凑 3 行;只有安全区够高时才用标准 5 行。空间有限时单行播放器最安全。
有镜头、聊天和提醒时歌词放哪?
先占住那些区域,包括提醒的最大占地。把歌词块放进剩余清晰区,并给最长一行留边。
怎样检查手机上的可读性?
在手机大小的窗口预览完整 1080×1920 场景,检查最长一行和最小预期文字,开播前调整字号、对比、背景、描边或阴影。