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

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

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

一、上下布局

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

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

微信H5页面

二、左右布局

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

页面布局设计

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

微信H5长页面

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

本文为凡科微传单原创文章,转载请标明出处:https://cd.fkw.com/news/7354
相关模板推荐
  • 球体仪×暑期研学活动邀请
    ¥49
  • 720°全景x手绘风暑期兴趣班招生宣传
    ¥49
  • 3D风活动促销宣传
    ¥49
  • 酸性风活动促销宣传
    ¥49
  • 720°全景x新中式风格端午活动邀请
    ¥49
  • 夏日缤纷风水上乐园开业促销活动儿童游乐场水上世界夏日狂欢
    ¥49
  • 小暑节气宣传
    免费
  • 浪漫风爱情大问答测试你的恋爱指数
    ¥49
  • 魏璎珞的七夕
    免费
  • 情人节表白相册
    免费