滑轨屏内容制作:长卷分辨率与切片规格怎么定

2026-09-28

滑轨屏的内容和普通显示屏最大的区别是:它的画布不是一块屏,而是整条轨道。设计公司按”一块屏”的思路出片,到现场一定对不上。内容规格要从行程倒推,而不是从屏的分辨率正推。

一份”做好了却用不了”的长卷

常见情形是这样的:集成商把项目需求转给内容公司,只写了一句”滑轨屏,连续滚动,做一张长卷”,附上屏的分辨率。内容公司按自己的理解做了一张很长的画,画面精美,交付过来一上屏:

  • 画面比墙面图文小了一圈,屏推到右端,长卷已经放完了,屏还有一截路可走;
  • 文件太大,播放电脑打开时卡了半天,推屏时画面一顿一顿;
  • 长卷里有几段小字说明,屏一推动就糊成一片看不清。

这三个问题分别对应:长卷总像素没和行程对应、没有切片、没按”边走边看”的特点设计。三者都是规格问题,不是美术问题。这篇把内容规格从头推一遍,最后给一份交付清单,可以直接贴进内容制作合同的附件。

如果项目用的是离散点位(屏到点切一段视频),内容就简单得多,每个展位一段独立视频即可;本文主要讲连续定位下的长卷做法,离散点位的要点放在后面的对比表里。两种定位方式的区别见滑轨屏定位方式对比。

长卷总像素:从行程倒推

先想清楚长卷在”哪里”

连续滚动的滑轨屏,效果是一扇在墙上移动的窗,透过窗看到的是一张”藏在墙后”的虚拟长卷。屏推到哪,就露出长卷上对应的那一段。

所以长卷的物理长度,等于屏可视区在整个行程里能扫过的范围:屏中心从行程起点走到终点,可视区左边缘最左到哪、右边缘最右到哪,这之间就是长卷要覆盖的物理长度。

长卷物理长度 = 行程 + 可视区物理宽度

行程怎么算(墙长减屏宽再减两端余量)在滑轨屏尺寸怎么定里推导过。注意这里加的是可视区宽度,不是屏外框宽度。

再换算成像素

长卷要和墙面同比例,它的像素密度就必须和屏可视区一样。假设屏可视区物理宽度为 Ws、水平像素为 W 像素,物理高度为 Hs、垂直像素为 H 像素,那么:

  • 长卷总宽度(像素)=(行程 + Ws)×(W ÷ Ws)
  • 长卷总高度(像素)= H

也就是说,长卷的高度等于屏的垂直像素,宽度按行程等比例放大。行程越长,长卷越宽,远远宽于屏幅本身是常态,这也是后面必须切片的原因。

这个公式交给内容公司时,要把 Ws、W、H 和行程四个数全部给出,并写明”以现场实测为准”。Ws 最好实测,屏规格书上的可视区尺寸和实物可能有出入。屏在不同位置时画面怎么从长卷里”取景”,也就是物理位置到像素偏移的换算,见滑轨屏内容对齐墙面。

屏竖装的情况

有的项目把屏竖着装,这时屏的”水平像素”和”垂直像素”要对调着算:可视区的物理宽度变成原来的物理高度,长卷高度等于屏竖装后的垂直像素。这一点要在需求里写明,否则内容公司按横屏出片,旋转后整张画都是扁的。

三种内容形式怎么选

长卷算清楚了,接下来决定内容用什么形式承载。常见有三种:

对比项分段视频长图切片实时渲染
做法每个展位一段独立视频,屏到点切换一整张长图切成若干块,按位置拼出屏上画面用实时渲染引擎搭一个场景,位置驱动相机移动
适配的定位方式离散点位为主连续定位连续定位
画面是否随屏滚动否,屏停下后播放是,逐像素跟随是,可带视差和纵深
画面里能否有动态可以,视频本身就是动态以静态为主,局部动态需额外叠加可以,动态和交互最灵活
制作门槛低,常规视频流程中,需严格按规格出长图高,需要实时渲染开发能力
对播放电脑的要求低中,主要吃内存和显存高,吃显卡
后期改内容换哪段改哪段改图后重新切片改场景需重新打包程序

几条判断经验:

  • 展位独立、以影像资料为主:分段视频足够,便宜省事,也最稳;
  • 追求”窗”的连续感、画面以插画或历史长卷为主:长图切片是性价比最高的连续方案;
  • 需要纵深感、视差、画面里有东西在动,甚至要响应触摸:才上实时渲染,但要算好开发和维护的成本。

还有一种折中做法:长图切片打底,在特定位置叠一小段透明通道的动态素材(比如一段流水、一只飞鸟),屏推到附近时播放。这样既保留了长图的连续感,又有局部动态。三种形式在软件层面怎么实现,见滑轨屏软件开发:按位置播放的三种实现。

为什么要切片

长卷总宽度是屏幅的很多倍,做成一整张图会遇到两个问题:

  1. 单张图片或单个视频画面有尺寸上限。显卡能处理的单张纹理、视频编码器能编码的画面尺寸都有上限,超出就无法加载或无法编码。具体上限以所用播放端和显卡的参数为准,内容规格要先问清楚软件开发方。
  2. 一次性加载整张图吃内存。长卷越长越明显,还会让程序启动慢、推屏时因为内存交换而卡顿。

切片就是把长卷沿水平方向切成若干块等宽的小图,播放时只加载当前屏幕附近的几块。切片规格要写清楚:

  • 切片宽度:建议取屏水平像素 W 的整数倍或约数,方便程序计算;具体取值由软件开发方给出;
  • 切片高度:等于长卷高度 H,只横切不竖切;
  • 命名规则:按从左到右的顺序编号,编号位数固定,保证按文件名排序就是正确顺序;
  • 有无重叠:一般不重叠,边缘严格对接;如果内容公司习惯留出血,要在规格里写明切掉;
  • 最后一块:总宽度不一定能被切片宽度整除,最后一块的宽度按实际剩余,或者补足后在程序里裁掉,二选一写明。

切片可以让内容公司在设计软件里按参考线切,也可以由软件开发方拿到整张母版后用脚本切。后者更不容易出错,推荐交付时同时给整张母版和切片。

设计稿怎么建

墙面和长卷用同一张底图

最稳的做法,是让墙面图文和屏上长卷出自同一张设计母版。设计师先按墙面坐标系建一张比例准确的立面,墙面上的印刷内容和屏上的长卷画面都在这张立面上排,只是分到两个图层。这样两者天然是对齐的,交付时再分别导出:墙面图层按印刷规格出,长卷图层按屏的像素密度出。

如果墙面和长卷是两家公司分别做的,就一定要统一坐标原点和比例,并在母版上标出屏停靠的关键位置,互相交叉确认。

按”边走边看”来排版

屏在移动时,画面在屏上是横向滚动的,人眼对滚动中的细小文字几乎读不清。所以:

  • 说明文字只放在停靠点对应的画面位置,观众停下来才看得清;
  • 滚动经过的区段以图像为主,文字少而大;
  • 关键视觉放在可视区中间偏上,别贴着屏的上下边缘,避免被边框或观众视线角度切掉;
  • 高对比的细竖线要慎用,滚动时容易闪烁,粗一些、柔和一些更舒服。

屏停靠点和展位怎么划分,滑轨电视墙方案里有企业历程墙的例子可以参照。

色彩要按屏来校

墙面是印刷品,屏是自发光,同一个颜色在两者上看起来不会一样。想让墙面和屏上画面”接得上”,内容公司要拿样片上真屏看,对照墙面打样调整,而不是只在设计电脑的显示器上对。现场灯光也会影响观感,最好在灯光基本定型后再做最终调色。

交付清单

把下面这张清单作为内容制作合同的附件,每一项都要有明确的值或”以现场实测为准”的说明:

交付项要写清楚的内容
长卷母版总宽度与总高度(像素),坐标原点位置,与墙面立面的对应关系
切片切片宽度、编号规则、最后一块的处理方式、有无重叠
文件格式图片用无损格式还是有损格式、视频的编码与封装格式,以播放端要求为准
色彩色彩空间、是否已按真屏校色
停靠点标注每个停靠点在长卷上的像素位置,及对应的说明文字区域
边框处理屏边框对应的那一段是否跳过,由谁处理
分段视频(离散点位时)每段对应的展位、分辨率、时长、是否需要首尾无缝循环
待机内容无人推动时播什么、是否循环
音频有无声音、声音是否随位置切换
源文件可编辑的设计源文件和素材授权说明,便于后期修改

待机内容和无人时的播放逻辑,在互动滑轨屏播放功能设计里单独讲。

常见问题

长卷是不是做得越大越清楚? 不是。长卷的像素密度必须和屏可视区一致,做得比这个更大,程序也要缩小显示,白白增加文件体积和加载负担;做得更小则会被拉伸发虚。按公式算出来的尺寸就是最合适的尺寸。这个公式针对 1:1 窗口模式(屏上画面与墙面等比例);如果屏上显示的是放大版,总像素要再乘放大倍数。

屏后期换了型号,长卷还能用吗? 换屏后可视区物理宽度和像素数只要有一个变了,像素密度就变了,长卷要按新参数重新导出。所以内容公司交付的可编辑源文件很重要,有源文件就是重新导出,没有就只能重做。

分段视频的滑轨屏,视频分辨率按什么定? 按屏的像素数定即可,屏停下后视频就是全屏播放。要注意的是切换时的衔接:两段视频之间是硬切还是有过渡、每段首尾能否无缝循环,这些都要写进交付要求。

延伸阅读

长卷在屏上怎么随位置取景,看滑轨屏内容对齐墙面;三种内容形式在程序里怎么播,看滑轨屏软件开发;博物馆长卷类项目对内容的额外要求,看博物馆与校史馆滑轨屏方案;整套系统里内容处在哪一层,看互动滑轨屏系统组成;方案层面的总览,看滑轨电视方案总览。

参考资料:CSDN:《滑轨电视互动原理》技术博文(离散点位切视频与连续滚动两种形态)。


正在给滑轨屏项目写内容需求,拿不准长卷规格和交付格式?把行程、屏型号和想要的效果发给我们,联系我们一起把规格定下来。更多滑轨屏的结构、定位与内容做法,逛滑轨屏技术方案。

需要展厅软硬件方案或定制开发?

加微信,把这一页发到你手机上

扫码加站长企业微信,会自动把这一页的链接发给你。问软件授权、报价,或者现场遇到问题,也可以直接聊。

去留微信

留言讨论

评论发布后会被人工复核,违规内容将被删除。

    还没有人评论,来说说你的看法

    如果发表没有反应,可以前往联系我们告诉我们。

    这个页面有问题?

    提交时会附带当前页面地址和浏览器信息,帮助我们定位问题。不填联系方式即为匿名。