在 SX-Creval 系统中,我们为你提供了一个“全能型”的背景画板。任何一个内容区块,你都可以为其自由搭配纯色、图片、视频,甚至叠加极光、流体渐变等好莱坞级别的网页特效,彻底告别单调枯燥的展示。
1. 五大背景模式 (Background Modes)
当你点击编辑任何一个区块的“背景设置”时,首先需要决定这个区块的“底色”类型。我们提供 5 种模式:
纯色背景 (Solid Color)
- 适用场景:适合大段文字阅读、常规产品参数介绍,保持界面的干净清爽。
- 操作:通过调色盘选取你需要的颜色。建议多使用白色、浅灰或你的品牌主色。
光斑背景 (Glow Color)
- 适用场景:适合科技类、新能源、精密制造等需要体现“现代感”的企业。
- 操作:无需手动调色,系统为你内置了多套大师级配色的“预设背景光斑”(如:午夜靛蓝 Midnight Indigo)。选择后,区块背景会呈现出细腻的柔光过渡效果。
图片背景 (Image)
- 适用场景:主视觉 Banner、公司实景展示、爆款产品全屏海报。
- 操作:从媒体库上传一张高清大图。
- (注意:一旦选择此模式,系统会强制要求你必须上传一张图片,以免前台显示空白。)
视频背景 (Video) —— 外贸信任感利器
- 适用场景:全屏展示工厂车间运转、展会现场实况、产品 3D 旋转动画。这是提升海外买家信任度最有效的方式。
- 操作(二选一):
- 上传本地视频:直接从电脑上传视频文件。
- 填写视频链接:如果你的视频存在外部服务器,可直接粘贴链接。
透明/无背景 (None)
- 适用场景:当该区块需要“融入”上一层元素的背景,或者作为悬浮卡片使用时选择此项。
2. 提升质感:遮罩与纹理 (Overlays & Masks)
如果直接在花哨的图片或视频上写字,访客往往会看不清文字。SX-Creval 为此配备了专业级的“遮罩”功能,确保你的文案始终清晰醒目:
- 图片模式:黑色遮罩强度 (0-90)
如果你上传了一张比较亮的工厂照片,但上面需要放白色的标题,你可以拉大这个数值(如设置为 40 或 60)。系统会自动在图片上蒙一层半透明的黑纱,让图片变暗,从而凸显文字。 - 视频模式:视频纹理遮罩
单纯播放视频可能会显得平淡,系统为你准备了三种高级纹理,叠加在视频上方:- 现代点阵 (Matrix):如同显示器像素点,极具 IT 与电子科技感。
- 电影感 (Cinematic):增加画面的电影胶片质感。
- 斜向碳纤维 (Diagonal):增加工业风,非常适合机械设备、汽车配件等硬核工业类网站。
3. 酷炫加成:背景动画叠加 (Background Animations)
这是 SX-Creval 的特色功能!你不仅可以设置静态背景,还能在底色之上叠加一层动态的“光影魔法”。
- 极光动画 (Aurora):如同北极光一般在背景中缓缓游动。
- 光束效果 (Spotlight):仿佛有一束聚光灯在背景深处缓慢移动,适合用来强调居中的核心标语。
- 流动渐变 (Mesh):一种非常柔和的色彩交融效果,常见于各类顶尖设计机构的官网。
动画颜色自定义:
当你选择了上述任何一种动画后,可以通过 “动画元素颜色” 调色盘,决定这道光的颜色。例如,如果你卖的是环保设备,可以将极光调为“荧光绿”;如果卖的是医疗器械,可以调为“科技蓝”。
💡 运营与设计避坑指南 (Pro Tips)
- 智能清理机制:请放心尝试不同的模式。当你在“图片”、“视频”、“纯色”之间来回切换时,SX-Creval 系统会自动帮你清理掉当前模式不需要的冗余数据,保证你的网站数据库永远轻量、快速。
- 视频大小控制:虽然视频背景很震撼,但为了照顾海外客户(尤其是非洲、南美等网络一般地区的客户)的打开速度,建议背景视频控制在 15秒 以内,文件大小不要超过 5MB,并且一定要静音(系统前台会自动静音播放)。
- 对比度法则:永远记住“深底浅字,浅底深字”。如果你用了一张很暗的图片或黑色背景,请确保文字设置为白色或亮色;反之亦然。善用“黑色遮罩强度”来拯救那些对比度不够的照片。