# 拼贴与文字

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

<figure><img src="/files/cV0ZamcFoV5StWRY05t2" alt=""><figcaption></figcaption></figure>

### 🎨 配色方案

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

***

### 🖼 图片设置

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

***

### ✍️ 内容设置

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

***

### 📦 板块 Block

该板块支持以下内容块：

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

***

### 💡 最佳实践

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://ascent.webvista.studio/webvista-studio-docs/sections/pin-tie-yu-wen-zi.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.