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

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

一、流程目录版式

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

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

二、居中型设计

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

三、海报式设计

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

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

四、蒙版的运用

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

Ø 蒙版的运用比较普遍，很多H5都采用这种板式制作。

五、几何图形的运用

Ø 我们随处可见几何图形的存在，简单的三角形、正方形、长方形和圆形甚至几根线条就可以组成很多简洁大气的图形，适当的运用几何能够给H5页面带来动感与节奏感。

Ø 几何图形构图常用于公司宣传/产品介绍H5，可以给人一种很强烈的整洁和商务感。

PS：一般会是纯色大块搭配渐变，主要突出形状和区块。