由于微信H5页面为手机端页面,空间有限,不像电脑端页面那样可以自如布局,所以企业在设计的时候需要选择一些简单的页面布局方式,保证页面在放大或者缩小之后布局不会乱。实践和理论都证明,上下或者左右的布局方式才是最适合微信H5页面的,企业需要着重掌握这两种布局方式。
一、上下布局
其实,很多手机端页面都是采用上下布局的设计方式的,这样不仅可以迎合用户的浏览习惯,还可以与各种尺寸的屏幕相兼容,微信H5也一样。与传统复杂的布局方式相比,趋于简单化的上下布局更加值得一试,它不需要过多的技巧,只要能将线的用法以及留白设计得恰到好处,就能令页面变得美观、易于阅读。
比如下面这些案例,就是典型的上下布局微信H5页面,它们都是由一个大标题、一段文字、一张引人注目的图片构成,不仅可以让页面看起来整齐干净,而且还显得很有设计感、很高大上,企业可以参考一下。
二、左右布局
与上下布局相比,左右布局要显得更加复杂一些,因为手机页面的宽度非常小,最多可以做到2-3个部分并排,超出就显得复杂、臃肿了。一般,左右布局的方式常见于微信H5的内容页中,用来介绍产品或活动等详情。
或者企业可以选择横屏模式,让用户翻转手机再进行浏览,这时候采用左右布局方式就是最好的选择。不过,在正式展示页面之前,企业需要先提示用户本微信H5横屏浏览的,让用户做好心理准备。同时,建议企业利用凡科微传单中的长页面来进行展示,让用户一览到底。
根据以上这些分析,或许企业已经知道该如何为微信H5选择合适的布局方式了。