# 拼贴与文字

**拼贴与文字**板块能够通过多张图片的拼贴展示，结合文字内容，创造更具视觉冲击力和叙事感的页面效果，适用于品牌故事、产品展示、活动宣传等场景。

<figure><img src="https://311909351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4wWUtlp1MoEyUGy5ARSJ%2Fuploads%2Fgit-blob-74fa2fdab983f1cac4a33b8a559c5c9ec53a7477%2F484791b7ebcfd70b77968123c21dba3c.png?alt=media" alt=""><figcaption></figcaption></figure>

### 🎨 配色方案

* **选择或编辑配色方案**：定义板块中所有元素的颜色样式，包括背景颜色、文本颜色等。
* 可根据品牌的视觉风格进行选择或调整，保持整体页面一致性。

***

### 🖼 图片设置

* **图片宽度**：可选 **小 / 中 / 大**。
  * 当堆叠的图片较多时，推荐选择 **小**，以保持美观和协调感。
* **桌面端布局**：支持将图片固定在 **左侧**，文字展示在右侧。
* **角度类型**：
  * **干净（Clean）**：竖直角度，整齐对齐。
  * **分散（Scattered）**：图片向中间倾斜，制造灵动效果。
  * **向左倾斜（Tilt Left）**
  * **向右倾斜（Tilt Right）**
* **图片框架**：可开启边框，为图片增加立体感与层次感。

***

### ✍️ 内容设置

* **对齐方式**：支持 **左对齐、居中对齐、右对齐**，可根据设计需求灵活选择。

***

### 📦 板块 Block

该板块支持以下内容块：

* **图片（Image）**：最多上传 **5 张图片**，系统会根据上传数量自动生成不同的拼贴堆叠方式。
* **小标题（Caption）**：简短标签或提示文字。
* **标题（Heading）**：用于突出展示的核心信息。
* **文本（Text）**：添加产品介绍、品牌故事或活动描述。
* **按钮（Button）**：支持添加跳转链接的操作按钮。
* **社交媒体列表（Social Media List）**：展示品牌的社交媒体入口，增强互动性。

***

### 💡 最佳实践

1. **图片选择**：建议选择同一风格或主题的图片，增强整体感。
2. **宽度优化**：多图堆叠时选择小尺寸，保证布局协调。
3. **视觉层次**：开启图片框架，可增强拼贴的立体感与层次感。
4. **搭配文字**：保持文字简洁，重点突出，增强视觉和信息传达的平衡。