如果微信H5页面中只有简单几段文字或者几张图片，就会显得单调、无趣，总让人感觉少了点什么。所以，我们需要将文字与图片结合起来，利用下面这三种图文排版布局方式来达到图文并茂的页面效果，以提高用户的阅读体验。
一、图片中加入文字
通过合适的方法将文字放在图片上面，能让文字与图片完全融为一体，这种方法常见于H5的主题首页中，但是内容页也可以使用，比如用来给图片加说明。一般这时候，图片都需要经过一定的处理来突出文字，比如模糊、暗压、滤镜，又或许为文字加上底色图层等。
二、图文分离
图文分离是目前比较流行的一种页面设计法，它可以让页面显得更加的扁平化，而且带有更多的时尚潮流元素，比如拼接、三角性、多边形等等。这种排版方式虽然是让图片与文字分开表达，但是又会通过某些特殊元素来将两者联系起来，使它们成为一个整体。
三、出格立体感
在图文排版中，我们可以融入扁平+立体的设计手法，通过图片出格或者文字出格的方式，让某个素材“跳跃”出整个整体，制造一种空间立体感，增加页面的冲击力和层次感。在设计出格效果的时候，出格部分的大小需要根据整个图片大小、图文布局来决定，而且要处理好抠图部分。
以上几个图文排版案例都是来自凡科微传单中的微信H5模板，大家可以参考各个模板的排版布局方式，相信实现图文并茂的效果并不是一件难事。
