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