一、流程目录版式

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

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

二、居中型设计

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

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

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

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

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

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

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

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

好了，这篇文章的内容营销圈就和大家分享到这里，如果大家网络推广引流创业感兴趣，可以添加微信：Sum8338 备注：营销圈引流学习，我拉你进直播课程学习群，每周135晚上都是有实战干货的推广引流技术课程免费分享！

好了，这篇文章的内容营销圈就和大家分享到这里，如果大家对网络推广引流和网络创业项目感兴趣，可以添加微信：Sum8338 备注：营销圈引流学习，我拉你进直播课程学习群，每周135晚上都是有实战的推广引流技术和网络创业项目课程分享，当然是免费学！