---
order: 4
category:
  zh-CN: 设计指引
  en-US: Guide
title: 
  zh-CN: 内容区块
  en-US: Content
---

内容页一般用来介绍产品的功能、特性以及相关信息。展示型页面中可选择添加内容页（或多个内容页组合），也可以选择不添加。
每一屏的最小设计尺寸为 1200*375px，可以自由灵活的选择多种模板进行拼接。

> 我们将分点阐述、合作伙伴/客户、价格表、团队展示、联系我们等合称为内容区块。


## 全屏式

<img class="preview-img" align="right" alt="全屏式" description="" src="https://gw.alipayobjects.com/zos/rmsportal/gixQJkEyeexiuExLyvFW.jpg">

1）全屏背景图；

2）标题、文案和按钮与页面居中对齐；

## 两栏式1

<img class="preview-img" align="right" alt="两栏式1" description="" src="https://gw.alipayobjects.com/zos/rmsportal/YNEYwjpXrQAXfTFjVoBE.png">

1）主介绍图在页面左侧，标题文案在页面右侧；

2）标题和文案内容左对齐

## 两栏式2

<img class="preview-img" align="right" alt="两栏式2" description="" src="https://gw.alipayobjects.com/zos/rmsportal/pKbGyGLZKkyKlIDylGLL.png">

1）主介绍图在页面右侧，标题文案在页面左侧；

2）标题和文案内容左对齐；

## 单行多栏式

<img class="preview-img" align="right" alt="单行多栏式" description="" src="https://gw.alipayobjects.com/zos/rmsportal/zwHaRpBbcrtKJmRCBBho.png">

1）内容区块按栅格均分；

2）一行可放置3~4个并列区块（建议不超过4个）；

## 双行多栏式1

<img class="preview-img" align="right" alt="双行多栏式1" description="" src="https://gw.alipayobjects.com/zos/rmsportal/AaQRpekusPmFNjxigIwJ.png">

1）内容区块按栅格均分；

2）一行可放置2~3个并列区块（建议不超过3个）；

## 双行多栏式2

<img class="preview-img" align="right" alt="双行多栏式2" description="" src="https://gw.alipayobjects.com/zos/rmsportal/ViVQULPluvShAolReqME.png">

1）内容区块按栅格均分；

2）一行可放置3~5个并列内容区（建议不超过5个）；


## 半屏设计模板

<img class="preview-img" align="right" alt="半屏设计模板" description="" src="https://gw.alipayobjects.com/zos/rmsportal/yWBvgWQNtuTBDjcalEJe.png">

1）半屏的设计尺寸为 1200*375px；

2）排版方式和类别与整屏的相同（再次列举其中两种））；

<img class="preview-img" align="right" alt="半屏设计模板" description="" src="https://gw.alipayobjects.com/zos/rmsportal/NKvJFXcmOrGkIMSJHZJk.png">