资讯

在这里读懂智火

H5制作六大细节

发布时间:2022/05/13 阅读:85

传统媒体一般通过纸质传播,新媒体的到来,H5基于社会关系链传播,如微博、微信等主要社交平台的裂变传播,为品牌推广带来了新的营销机会。创意H5的来的静态和无聊的广告。它不仅激活了现有的粉丝用户,而且还为该品牌注入了新的活力。那么,H5制作的细节是什么呢?

h5页面.jpg

1、不要轻易使用右滑的交互方式

尽量不要在H5中设计使用向右滑动的交互模式。无论是Android还是iPhone,向右滑动都很容易触发回到上一级页面。

2、同时播放多种音乐

由于系统的限制,安卓只允许同时播放一段背景音乐。IOS下没有限制。例如,iPhone模型可以在播放背景音乐的同时播放各种交互音效。因此,背景音乐通常只在安卓上播放。如果有特殊场景,可以先暂停背景音乐,然后播放交互音效,然后播放背景音乐。

altly-ow5a0.jpg

3、适配特殊机型

H5适用于不同的型号。虽然每个开发者都有自己完整的方案,但一定要注意小屏机和带有虚拟按钮的机型适配。

4、不要轻易使用横屏交互

不要轻易使用横屏屏幕。在微信for android中,H5以水平屏幕的形式显示的前提是:一是打开系统的屏幕旋转;第二,打开微信的水平屏幕模式。操作成本高,顶部的导航栏和状态栏也占据了一定的宽度(。如果需要场景,一定要引导用户如何打开水平屏幕模式。

5、输入框

在微信H5页面上,除了宣传类外,大部分都是为了收集信息。除了使用第三方表单收集工具,如Mac表单、黄金数据和问卷星,每个H5工具的内置输入框功能也是一个不错的选择。

H5.jpg

6、图片、背景音乐请压缩

图片是网页的重要资源。除了普通的PS来压缩图片,我建议你去Tinypng。在这里,你可以压缩网页中常见的图片,比如png和jpg,你可以拖动一组图片。压缩后,你可以用一个按钮下载,效果也很好。当然,背景音乐越清晰越好。为了使H5本身更加流畅,我们通常会压缩背景音乐。一般来说,我们会降低音频的比特率。时间应尽可能控制在1分钟以内,最终文件应保持在600kb以内。

以上是上海H5定制开发相关网络内容整理,如果您想了解更多关于上海H5定制开发,欢迎进站咨询。