推荐设备MORE

小程序营销手段—微信小程序

小程序营销手段—微信小程序

行业知识

H5制造四大商业用处-微宣传单制做图文配搭方式

日期:2021-03-30
我要分享

大家在制作H5微传单的时候,是否曾纠结过应该怎么给图片背景搭配文字呢?如果有合适的H5模板能够直接应用还有,但是当你想从一个空白的H5微传单,设计出美妙的展示效果时,兴许你就会思考应该如何搭配好图文了。

当你在一页空白的H5微传单上,想勾勒出完美的画面时,主体物和视觉焦点就会成为这个H5中为基本的两个要素。因此,大家经常都会看到,一张照片中通常都会有个突出的主体物,而一张精美的风景图上,尽管没有主体物的存在,也会有一个明确的视觉焦点。

为了更好的展现文字与图片在H5页面中的位置关系,这里大家可以看看下面的两组展示效果,靠前组展示的是文字与主体物之间的位置关系,而第二组展示则是强调文字与视觉焦点之间的关系:

靠前组:

文字与主体物之间的关系

第二组:

文字与视觉焦点之间的关系

从上面两组展示图可以看出,假如将主体物看做一个面,那么这个主体物上的文字就会聚集到这个面里,而又因为这个面在H5微传单上反复的出现,所以整个H5浏览下来就不会出现违和感,同时又能让文字和主体物保持和谐。

如果大家接触过很多靠前组的展示效果图,也许你就会发现在很多的优秀微传单案例中,图文之间的搭配大致有三个原则:

1.文字部分的面积极少会大于或者等同于主体图片的面积;

2.文字与主体图片的边线会保持一种平行或者直线的关系;

3.文字部分与H5页面的边缘距离几乎等同于主体图片与H5页面边缘的距离;

同样道理,对于第二组展示效果图,如果大家也是观察足够得多,就会发现文字与视觉焦点的关系和上面的三个原则也是极为相似的,只是有所区别的地方就在于,当视觉焦点位于H5页面中间,文字部分也会变成居中式罢了。



版权:第三方设计师

该模板由第三方设计师原创设计,凡科网客户可在凡科网平台用于商业用途。


版权:第三方设计师

该模板由第三方设计师原创设计,凡科网客户可在凡科网平台用于商业用途。


版权:第三方设计师

该模板由第三方设计师原创设计,凡科网客户可在凡科网平台用于商业用途。


版权:第三方设计师

该模板由第三方设计师原创设计,凡科网客户可在凡科网平台用于商业用途。


版权:第三方设计师

该模板由第三方设计师原创设计,凡科网客户可在凡科网平台用于商业用途。


版权:第三方设计师

该模板由第三方设计师原创设计,凡科网客户可在凡科网平台用于商业用途。


版权:凡科网原创

该模板由凡科网原创设计,凡科网客户可在凡科网平台用于商业用途。


版权:第三方设计师

该模板由第三方设计师原创设计,凡科网客户可在凡科网平台用于商业用途。


版权:第三方设计师

该模板由第三方设计师原创设计,凡科网客户可在凡科网平台用于商业用途。


版权:第三方设计师

该模板由第三方设计师原创设计,凡科网客户可在凡科网平台用于商业用途。