1 背景图
炫酷的画面，离不开背景的衬托，能否快速更换背景图，相信是考验一个H5页面能否快速完成的准则之一；
2 文本
微信交互H5页面更重交互，重视觉效果，在酷炫的背景衬托之下，突出重点的文字往往是点睛之笔；
3 音乐
炫酷的背景下，配以提纲挈领式的文字，如果能够再来一段能够引起共鸣的音乐，那是何等的应景；
4 图片
背景之外，重点图片之间的交互、与文字的配合正是H5页面能够调动用户感官的重要方式!光速的定义是光在1秒内行驶距离，所以光速比声速快，比打字速度更快。那为什么不用图片呢?
5 视频
如果炫酷的背景、精炼的文字、应景的音乐，还不能够让你感到震撼的话，那就来段视频吧!一目了然!
6 按钮(点击跳转链接)
H5页面在微信展示的优势是交互效果好，观赏性强，但是归根结底，还是要回到营销的目的上来。或用于宣传，需要链接到更为详尽的介绍页面;或用户收集信息，需要链接到指定的信息收集页面。如此一来，是否具有点击跳转功能就成为判断一个H5工具是否可供选择的硬性标准之一；
7 输入框
在微信H5页面中，除宣传类外，大部分都是以收集信息为目的的。除了使用麦客表单、金数据、问卷星等第三方表单收集工具外，各个H5工具内置的输入框功能也不失为一个很好的选择。这样，在对应的后台，不仅可以看到访问信息(如已有查看权限)，还可查看详细报名数据。
重点是素材！重点是素材！重点是素材！一般一个只有图片、文字、音频的H5，2-5页左右，5M以内最佳，保证加载时间足够，当然是越小越好。
因为素材没有优化好导致的问题太多了，因为手机加载资源的性能有限，必须要考虑H5在不同的手机机型、系统、网络优劣状态下打开后的效果。
如果手机性能不佳，H5作品偏大，网络也不够流畅的情况下，会导致作品长时间加载不出，甚至闪屏、卡顿等问题。
当然这只是其中之一。既然提到了不同的手机机型，还要考虑不同手机屏幕上手机适配问题。
也就是H5页面的尺寸要怎么做才合适，一般会做一个带有出血框的画布，外框尺寸422X748px
内框尺寸：375X603px。重要的信息放内框，不重要的信息铺满外框，比如背景图。
h5页面与手机屏幕的大小兼容的问题，h5页面不宜多，这里可以看看tomgame，注意分享标题和短语等等
h5页面不宜过多，要和手机大小兼容,这里看看tomgame的h5页面，还有注意标题和短语等
设计风格要统一，图片要清晰，这里可以看tom游戏，动画场景精简,排版设计合理
内容全部来源于网络收集，如有侵权，请联系网站删除：QQ：24596024