我们都知道H5由文字和图片等基本元素构成的，所以好的构图能够让我们的H5更出彩，甚至对宣传起到事半功倍的效果。

今天我们就来看看一些常见的H5板式构图，小编将从H5的图文排版出发，为大家带来图文排版的超强实用干货：

一、流程目录版式

Ø 如果你拿到的内容是渐进、流向又或者是展示各节点的内容，用别的形式总感觉不够具象，那么我推荐你用流程目录式的构图来进行设计。

Ø 这种构图方式能够将步骤，关系，各个节点以及整体流向展示清楚，配合图片展示，一个枯燥的流程瞬间变得个性十足，用户 简单明了，充满趣味性。

二、居中型设计

Ø 在内容不多的情况下，选用居中的构图，可以让人们的视线集中在页面中部，可以让整个H5页面显得更加精致简洁，同时也更加专注于重点内容。这种构图方式非常普遍，几乎适合所有类型的H5。

三、海报式设计

Ø 海报式设计通常是一张大图覆盖整个屏幕，再加一些文字标题作为点缀，效果更类似于我们平时看到的一些海报**，非常的有视觉冲击力。

Ø 这种设计比较适合产品宣传、旅行画册、个人简历等等，可以放一些产品图片、照片、个人**。

四、蒙版的运用

Ø 蒙版通常运用在在背景颜色比较复杂的时候，主要方法是插入形状，调色至与背景中的颜色比较协调，谈话降低透明度，这样既不会影响图片的完整性，又能够让文字更加清晰。

Ø 蒙版的运用