上下还是左右?微信H5页面布局浅析

分享到:
2017-03-14 09:55

由于微信H5页面为手机端页面,空间有限,不像电脑端页面那样可以自如布局,所以企业在设计的时候需要选择一些简单的页面布局方式,保证页面在放大或者缩小之后布局不会乱。实践和理论都证明,上下或者左右的布局方式才是最适合微信H5页面的,企业需要着重掌握这两种布局方式。

一、上下布局

其实,很多手机端页面都是采用上下布局的设计方式的,这样不仅可以迎合用户的浏览习惯,还可以与各种尺寸的屏幕相兼容,微信H5也一样。与传统复杂的布局方式相比,趋于简单化的上下布局更加值得一试,它不需要过多的技巧,只要能将线的用法以及留白设计得恰到好处,就能令页面变得美观、易于阅读。

比如下面这些案例,就是典型的上下布局微信H5页面它们都是由一个大标题、一段文字、一张引人注目的图片构成,不仅可以让页面看起来整齐干净,而且还显得很有设计感、很高大上,企业可以参考一下。

微信H5页面

二、左右布局

与上下布局相比,左右布局要显得更加复杂一些,因为手机页面的宽度非常小,最多可以做到2-3个部分并排,超出就显得复杂、臃肿了。一般,左右布局的方式常见于微信H5的内容页中,用来介绍产品或活动等详情。

页面布局设计

或者企业可以选择横屏模式,让用户翻转手机再进行浏览,这时候采用左右布局方式就是最好的选择。不过,在正式展示页面之前,企业需要先提示用户本微信H5横屏浏览的,让用户做好心理准备。同时,建议企业利用凡科微传单中的长页面来进行展示,让用户一览到底。

微信H5长页面

根据以上这些分析,或许企业已经知道该如何为微信H5选择合适的布局方式了。

本文为凡科微传单原创文章,转载请标明出处:https://cd.fkw.com/news/7354
相关模板推荐
  • 电商风情人节促销活动
    ¥49
  • 电商风母亲节营销电商零售促销活动
    ¥49
  • 剪纸风母亲节营销活动宣传
    ¥49
  • 3D风51劳动节家装节家居百货商品零售促销宣传营销
    ¥49
  • 3D风篮球比赛活动宣传
    ¥49
  • 五一促销活动
    免费
  • 五一劳动节产品促销宣传
    免费
  • 谷雨节气宣传
    免费
  • 走马灯x插画风感恩母亲节邀请函
    ¥49
  • 快闪×五一大型商场活动宣传
    ¥49