如今是一个“看脸”的时代，假若你的H5制作的很一般，那想和其它H5一样在微信朋友圈疯传基本上是很难的，所以当大家使用微传单制作H5页面的时候，笔者也一直都在强调要先参考或者借鉴一些经典的H5，并将以往介绍的技巧灵活运用在H5页面制作上。今天笔者就从设计和布局方面，说一说制作H5页面的一些心得。
一个H5的设计，关系到用户在H5中的视觉感受，前面也说过，在“看脸”的时代里，用户更注重的是这个H5是否精美，一个设计精美的H5，对于它在社交平台上的转发率会有很大的帮助。所以在H5页面设计这方面，可以从整体风格以及是增加美感两方面进行。
H5的整体风格与美感这两方面是相互联系的，对于整体风格，可以在字体、图片风格、动效等精细到每一个元素之中，当整个H5的风格都平衡好以后，用户浏览H5的每一个页面，视觉观感上才会感受到一致的效果。例如你要在微传单上设计一个婚礼电子邀请函，那对于字体可以选择比较正式的雅黑或宋体，而图片的选取，则应该偏向浪漫一点图片，动画特效上不需要特别强调，只要制作一种平缓的多度感即可。
对于制作H5页面的布局心得，在一个时间普遍碎片化的时代里，如果H5页面中的信息不能很快地到用户的视觉中，那用户很大可能就会选择跳出H5页面，至于他们是否会帮你转发H5，这个大家想想也是知道的，所以在微传单制作H5页面的时候，大家可以学习下面这张图的布局方法：
大家可以看到，上图中所划分出的四个点，其中横向和竖向这两带的圈的两个点，是用户打开一个H5页面后，视觉最为集中的部分。
因此，大家布局H5页面的时候，对于标题、文案或者图片等需要特别强调的内容，就应该布局在这个区域之中，而图上交叉的1234的区域，就可以放一些稍微次要的信息点，至于附近的区域，则可以布置较少的修饰的元素，以增加H5页面的美感。
