大家在制作H5微传单的时候，是否曾纠结过应该怎么给图片背景搭配文字呢？如果有合适的H5模板能够直接应用还有，但是当你想从一个空白的H5微传单，设计出美妙的展示效果时，兴许你就会思考应该如何搭配好图文了。
当你在一页空白的H5微传单上，想勾勒出完美的画面时，主体物和视觉焦点就会成为这个H5中最为基本的两个要素。因此，大家经常都会看到，一张照片中通常都会有个突出的主体物，而一张精美的风景图上，尽管没有主体物的存在，也会有一个明确的视觉焦点。
为了更好的展现文字与图片在H5页面中的位置关系，这里大家可以看看下面的两组展示效果，第一组展示的是文字与主体物之间的位置关系，而第二组展示则是强调文字与视觉焦点之间的关系：
第一组：
第二组：
从上面两组展示图可以看出，假如将主体物看做一个面，那么这个主体物上的文字就会聚集到这个面里，而又因为这个面在H5微传单上反复的出现，所以整个H5浏览下来就不会出现违和感，同时又能让文字和主体物保持和谐。
如果大家接触过很多第一组的展示效果图，也许你就会发现在很多的优秀微传单案例中，图文之间的搭配大致有三个原则：
1.文字部分的面积极少会大于或者等同于主体图片的面积；
2.文字与主体图片的边线会保持一种平行或者直线的关系；
3.文字部分与H5页面的边缘距离几乎等同于主体图片与H5页面边缘的距离；
同样道理，对于第二组展示效果图，如果大家也是观察足够得多，就会发现文字与视觉焦点的关系和上面的三个原则也是极为相似的，只是有所区别的地方就在于，当视觉焦点位于H5页面中间，文字部分也会变成居中式罢了。
