服装商城小程序开发-从设计方案和合理布局说说

如今是一个“看脸”的时代,假若你的H5制作的很一般,那想和其它H5一样在微信朋友圈疯传基本上是很难的,所以当大家使用微传单制作H5页面的时候,笔者也一直都在强调要先参考或者借鉴一些经典的H5,并将以往介绍的技巧灵活运用在H5页面制作上。今天笔者就从设计和布局方面,说一说制作H5页面的一些心得。

经典H5案例

一个H5的设计,关系到用户在H5中的视觉感受,前面也说过,在“看脸”的时代里,用户更注重的是这个H5是否精美,一个设计精美的H5,对于它在社交平台上的转发率会有很大的帮助。所以在H5页面设计这方面,可以从整体风格以及是增加美感两方面进行。

H5的整体风格与美感这两方面是相互联系的,对于整体风格,可以在字体、图片风格、动效等精细到每一个元素之中,当整个H5的风格都平衡好以后,用户浏览H5的每一个页面,视觉观感上才会感受到一致的效果。例如你要在微传单上设计一个婚礼电子邀请函,那对于字体可以选择比较正式的雅黑或宋体,而图片的选取,则应该偏向浪漫一点图片,动画特效上不需要特别强调,只要制作一种平缓的多度感即可。

对于制作H5页面的布局心得,在一个时间普遍碎片化的时代里,如果H5页面中的信息不能很快地到用户的视觉中,那用户很大可能就会选择跳出H5页面,至于他们是否会帮你转发H5,这个大家想想也是知道的,所以在微传单制作H5页面的时候,大家可以学习下面这张图的布局方法:

微传单制作H5页面的内容布局图

大家可以看到,上图中所划分出的四个点,其中横向和竖向这两带的圈的两个点,是用户打开一个H5页面后,视觉为集中的部分。

因此,大家布局H5页面的时候,对于标题、文案或者图片等需要特别强调的内容,就应该布局在这个区域之中,而图上交叉的1234的区域,就可以放一些稍微次要的信息点,至于附近的区域,则可以布置较少的修饰的元素,以增加H5页面的美感。



版权:第三方设计师

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


版权:第三方设计师

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


版权:第三方设计师

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


版权:第三方设计师

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


版权:第三方设计师

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


版权:第三方设计师

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


版权:凡科网原创

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


版权:第三方设计师

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


版权:第三方设计师

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


版权:第三方设计师

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

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://wxzmzzxcx.cn/jingyan/3928.html