ads

主题与配色:一次定制流媒体平台品牌,随处应用

在同一界面即可配置颜色、页眉、页脚、卡片和播放器,并可实时预览您的网站。

笔记本电脑和手机上采用“Ocean”主题的流媒体主页,位于“外观”编辑器中“从样式开始”预设的旁边
外观编辑器的桌面面板,已选中“Ocean”主题,并显示了采用该配色方案的网站实时预览

统一的品牌定义,杜绝色彩偏差

Vodlix 的主题与配色功能让您只需定义一次品牌配色方案,即可自动将其应用到网站、电视应用和移动应用中。 当颜色在多个位置分别设置并逐渐产生偏差时,就会出现“品牌色偏差”现象,导致整个平台上出现三种略有不同的红色。在Vodlix中,颜色、页眉、页脚、卡片和播放器的样式均在同一处进行配置,因此应用程序的样式不会与网站产生偏差。随着平台的发展,一次定义即可确保所有界面的风格保持一致。


一个定义

颜色设置一次,全平台同步生效。

实时预览

边编辑边查看网站效果。

卡片样式

每个显示界面可选择纵向或横向布局。

针对不同显示设备的纵向和横向卡片样式

Vodlix 允许您精心设置卡片形状,因为内容卡片的形状对浏览体验的影响不亚于颜色。 横向卡片适合电视端——在遥控器操作下,内容行会水平滚动;纵向卡片则适合手机端——在垂直网格中,海报内容更易于阅读。您可以针对不同显示设备分别设置默认卡片形状和特色卡片形状,从而让每块屏幕以最适合其特性的格式展示内容。布局选择不再是偶然,而是品牌决策。


移动应用首页主图设置,应用预览图旁提供纵向和横向两种显示选项

保存前实时预览

在您调整主题时,Vodlix 会实时预览您的实际网站。颜色、页眉、页脚和卡片等更改会在预览窗口中即时更新,因此您无需猜测,即可直观看到这些更改在观众眼中的呈现效果。移动应用的设置界面自带手机布局的草图。电视应用的配色虽在同一编辑器中设置,但目前尚无预览功能,因此请在重大更改推送到客厅之前,先在测试电视上进行确认。


移动应用采用自定义品牌色,手机预览中显示的“播放”按钮颜色与保存前一致

用于高级样式设置的自定义 CSS

对于需要超越标准控件功能的团队,Vodlix 支持在主题设置中使用自定义 CSS。 大多数运营商无需手动编写样式代码,因为颜色、布局和卡片已能满足常规的品牌需求。少数需要精确控制字体、间距或特定组件的用户,可以在不修改平台的情况下添加自己的 CSS。自定义 CSS 在需要时随时可用,不需要时则不会造成干扰。


默认 v2 模板的自定义 CSS 编辑器,包含一个简短的样式表和一个“更新”按钮

常见问题

对如何利用此限时优惠有疑问?查看常见问题解答。

在 Vodlix 上,品牌颜色该在哪里设置?
只需在Vodlix的“主题与颜色”设置中定义一次品牌颜色,系统便会自动将其应用到您的网站、移动应用和电视应用中,确保所有界面均采用统一的配色方案。
在保存之前,我可以预览主题更改的效果吗?
是的。当您调整颜色、页眉、页脚和卡片时,Vodlix 会显示网站的实时预览;移动应用设置中还会显示手机界面的草图。电视应用的颜色目前尚无预览功能,请在测试设备上进行查看。
我可以在不同设备上使用不同的卡片形状吗?
是的。Vodlix 允许您针对每个展示界面上的默认内容和精选内容,分别设置纵向或横向的卡片形状,因此海报适合手机,宽屏卡片则适合电视。
为何统一的品牌定义如此重要?
统一的定义可杜绝品牌风格不一致的问题。当颜色在同一处进行定义时,应用程序便无法与网站出现偏差,因此您永远不会遇到品牌红色出现三种略有差异的版本。
除了标准主题控件之外,我还可以添加自定义样式吗?
是的。对于需要精确控制字体、间距或特定组件,但又无需修改平台本身的团队,Vodlix 支持在主题设置中使用自定义 CSS。
如果我的品牌颜色在深色背景上效果不佳怎么办?
这是常见的问题,最好在上线前发现并解决,而不是等到上线后才处理。关键不在于它在白天是否符合品牌指南,而在于晚上十一点时,人们能否在电视屏幕上看清按钮上的文字。
我可以编写自己的 CSS 代码吗?
是的,这是为了应对控制面板无法覆盖的特殊情况。大多数服务根本不需要它,而需要它的服务通常也是为了实现特定功能,而非进行全面更改,因此它仅作为一种备选途径,而非主要途径。
这与自定义模板有何不同?
模板是指结构和布局,而品牌价值观则体现在其中。您很少会更改模板,但每当品牌形象发生变化时,都会调整颜色,这就是为什么它们被刻意分开设置的。