背景和颜色设置
背景设置是一项必不可少的设计工具，可让您控制网站的外观和感觉。它们允许您 定义视觉基调 通过应用各种样式（如纯色、渐变色、图像或视频）来设计您的页面。
通过设置纯色背景、渐变色或图像，您可以创建具有视觉吸引力的布局，以增强您的品牌影响力并吸引访客。
背景设置可让您定义页面的整体外观和风格。使用 GemPages，您可以：
- 在断裂前， 纯色 追求简洁、简约的风格。
- 绝大部分储备使用 渐变 创造平滑的过渡和深度。
- 添加 图片 or 视频 使您的设计更具活力。
设置背景颜色
在 GemPages v7 中，可以轻松地将纯色或渐变色应用到页面或特定部分的背景。
设置背景颜色
您可以使用纯色背景来保持设计简洁、突出重点。这是使各个部分外观统一并确保可读性的最简单方法。
第 1 步：选择元素
- 单击要应用背景颜色的部分、行或列。
- 打开 个人设置 在左侧边栏中。
第 2 步：查找背景设置
- 在设置面板中，找到 背景 部分。
- 从我们的数据库中通过 UL Prospector 平台选择 颜色 并选择 纯色 作为背景类型。
第四步：选择颜色
您可以从以下选项中设置纯色背景：
- 单击颜色选择器手动选择颜色
- 输入特定的十六进制代码（例如，#FCD6D6）
- 从颜色样本中选择一种颜色
- 从中选择 最近的颜色 or 为您推荐 列表。
设置背景渐变
渐变背景可让您混合两种或多种颜色，打造现代动感的效果。它尤其适合用于突出关键部分或创建平滑过渡。
步骤 1：启用渐变背景:
在下面 背景设定，选择 颜色 并选择 梯度 作为背景类型。
第 3 步：自定义渐变:
- 选择颜色：为渐变选择两种或多种颜色。
- 设置渐变方向：调整渐变的角度（例如垂直、对角线或径向）。
- 微调不透明度：如果需要，调整渐变颜色的透明度级别。
设置背景图像
添加背景图像可以通过合并纹理、图案或主题视觉效果来增强页面的视觉吸引力。
步骤 1：启用图像背景
在 背景 部分，选择 图片 作为背景类型。
第 2 步：设置图像背景
将鼠标悬停在当前图像上并点击 上传图片 上传新图片。
否则，您可以从媒体库（Shopify 文件）中选择或将图像的 URL 粘贴到框中。
第 3 步：调整图像设置
- 规模： 调整图像大小以适合您的布局。
- 位置： 选择图像的对齐方式，例如居中、左上或右上，以控制图像在背景区域内的显示方式。
- 重复： 确定图像是否应平铺在背景上或保留为单个实例。
- 附件： 将背景图像设置为随页面滚动或保持固定位置以实现视差效果。
- 优化 LCP： 使用压缩图像来保持快速的页面速度。
结合颜色和图像背景
您可以通过将背景颜色与图像相结合来增强设计的整体美感。
背景颜色会出现在图像下方，这在使用具有透明背景的图像时非常有效。
步骤 1：添加图像背景
- 在 背景 部分，选择 图片 选项。
- 上传或选择具有透明背景的图像。
第 2 步：添加彩色背景
尽管如此，在 背景 部分，点击 颜色 选项。选择您想要在图像后面显示的颜色。
通过将合适的背景颜色与图像搭配，您可以创建和谐且视觉上吸引人的设计，从而增强页面的整体色调。
设置背景视频
视频背景是为您的网站创建动态、引人入胜的视觉效果的绝佳方式。
步骤 1：启用视频背景
在下面 背景 部分，点击旁边的“添加...”按钮 视频 字段打开视频背景设置面板。
步骤 3：添加视频作为背景
来自 来源 字段中，选择要附加视频的来源。您有两个选项：
- YouTube的： 选择一个 YouTube 视频作为背景视频播放。
- 视频托管： 从 Shopify 文件中选择已上传的视频。
粘贴 视频网址 嵌入视频并使其成为背景。
你可以改变 循环视频 为“是”以启用循环功能。
更多定制选项
对于可以更好地控制叠加层、文本和号召性用语按钮的高级视频背景，请考虑使用以下元素之一：
谢谢您的意见