“首屏是网站的门面，决定了客户对你实力的第一印象。”
SX-Creval 系统为你打造了目前外贸建站领域最高规格的 Banner 引擎。无论是宏大的工厂实景视频，还是精密产品的渲染图，你都可以通过直观的设置，轻松制作出顶级全屏滚动海报。
只要你在这个模块中添加了 2 个或以上的幻灯片，系统会自动将其升级为带有精美切换动画的“轮播图”。
系统为你提供两款主流的 Banner 结构，按需选择即可：
- A 首屏Banner（经典居中版）：背景 + 纯文字/按钮。适合展示宏观的企业实力、品牌口号、工厂车间全景。
- A 首屏Banner左右图文（产品特写版）：背景 + 前景产品图 + 文字/按钮。适合展示单个重磅产品、设备细节，极具空间立体感。
1. 幻灯片核心内容配置 (Slide Content)
每一张幻灯片，你都可以独立配置它的内容文案：
- 主标题与描述：向海外买家直接抛出你的核心卖点（如：Supply Solutions for Global Buyers）。系统会自动为你处理多端适配，防止文字在手机端撑破屏幕。
- 按钮组：一键添加“发送询盘”或“查看详情”按钮（详见【按钮组】手册），引导客户产生实质性的转化动作。
- 前景图片（仅图文版拥有）：如果你使用了“图文版 Banner”，请在这里上传一张抠好底的透明 PNG 产品图。它将与文字形成精美的左右分栏排版，彻底拉升页面的空间层次感。
- 文本框最大宽度：防止你在大屏幕上写了太多字导致阅读困难。建议保持默认设置，或根据排版需求灵活收缩文字区域的宽度。
2. 布局与交互 (Layout & Interaction)
你完全可以像一名资深网页设计师一样，控制首屏的整体构图与用户交互：
- 电脑端高度 (30~100vh)：100vh 代表占据电脑屏幕的 100% 高度（即全屏首屏）；如果你把它放在内页作为普通的广告横幅，可以调整为 50 或 60。(注：手机端系统会自动为你智能适配高度，无需人工干预)。
- 图文布局方向（仅图文版拥有）：
- 左文 - 右图：最符合人眼从左至右阅读习惯的经典布局。
- 左图 - 右文：打破常规，适合产品图非常有张力的场景。
- 轮播指示器样式：如果开启了多图轮播，你可以自由选择控制器的外观：底部圆点、数字分页、底部极简箭头 或 屏幕两侧大箭头。
- 显示向下滚动箭头：开启后，屏幕最下方会出现一个悬浮跳动的箭头符号，暗示并引导客户向下滚动查看更多内容。
3. 视觉与样式 (Visuals & Aesthetics) 🌟
这是 SX-Creval Banner 引擎的灵魂所在。不用写一行代码，一键开启高级视觉特效：
全屏遮罩 (Mask Overlay)
当你的背景图片或视频过于花哨亮眼，导致上面的文字看不清时，请开启此功能。
你可以铺上一层 黑色、白色 或 深蓝色 的半透明遮罩，并自由调节透明度(%)。这能让背景瞬间变得深邃沉稳，让白色标题更加耀眼。
苹果风·毛玻璃文本框 (Glassmorphism)
如果你的背景实在太复杂，即使加了遮罩文字依然难以阅读，请开启“毛玻璃”特效！
系统会在文字下方生成一个带有动态模糊效果的半透明玻璃卡片（支持调节模糊度和透明度）。这不仅完美解决了文字可读性问题，更是一种极其前沿的顶级网页设计风格。
轮播切换效果 (Carousel Effect)
- 左右平移：经典滑动，节奏感强。
- 上下平移：打破常规，给人更强的空间纵深感。
- 淡入淡出 (Fade)：极其柔和高级的渐隐渐现，适合注重品牌调性的高端企业站。
背景微动特效 (Ken Burns Effect)
不要让你的背景图死气沉沉！SX-Creval 内置了电影级的 Ken Burns 镜头推拉特效：
- 缓慢推进：背景图极度缓慢地放大，让客户的视觉不由自主地向屏幕中心聚焦。
- 缓慢拉远：展现出宏大、开阔的视野，适合大面积的工厂航拍图。
- 水平巡视：背景图缓缓向右平移，营造出一种“流水线运转”的动态错觉。
- 黑白渐变彩色：画面刚出现时是黑白复古的，随后瞬间被“点亮”成全彩，极具视觉震撼力。
文字与动画排版 (Typography & Animations)
- 文字颜色与字号：你可以通过调色盘自由修改标题和描述的颜色，并从预设的字号中挑选最合适的尺寸。
- 文字进入动画：
- 从左到右移入 / 淡入：常规而优雅的出场方式。
- 打字机效果 (Typewriter)：强烈推荐！ 你的主标题会像敲击键盘一样，一个字母一个字母地打出来。这种强烈的动态过程能瞬间抓住买家眼球，强迫他们把标语读完。
- 前景图进入动画（仅图文版拥有）：
你的透明底产品图可以选择 从右到左滑入、从小放大弹入 或 缩放对焦。当文字从左边打字出现，产品图从右边滑出时，整个屏幕充满了好莱坞般的科技动感！
💡 SX-Creval 设计师首屏避坑指南 (Pro Tips)
- Banner 不是长篇大论的地方：主标题请控制在 5-8 个英文单词以内，描述文字控制在 2-3 行。如果字数太多，不仅排版会变得拥挤不堪，海外买家也没有耐心阅读。
- 背景一定要够高清、够干净：如果背景有太多杂乱的机械零件，一定要善用【全屏遮罩】或【毛玻璃】功能。永远记住：“字看不清，设计等于零”。
- 图文版 Banner (Banner 2) 的黄金法则：
在使用图文版时，前景图片必须是去除了背景的透明 PNG 图片（或者自带透明通道的 WebP）。切忌上传一张带有白色方形背景的照片，那会毁了整个模块的高级感！ - 动静结合：如果你开启了【打字机效果】和【前景图飞入】，建议将【背景微动特效】设为缓慢拉远或静止，避免画面上所有东西都在乱动，导致买家视觉晕眩。高级感来源于“克制”。