H5
小程序
搜索案例
案例分类
H5制作要注意什么细节
19-09-20
472

H5制作要注意什么细节

 

传统媒体一般通过纸质传播,新媒体的到来,而H5基于社交关系链传播,如微博、微信等各大社交平台裂变式传播,给品牌推广带来了新的营销机遇。创意H5的交互玩法、动效替代了原本静态枯燥的广告。不仅盘活了现有的粉丝用户,更给品牌注入新鲜的活力。那么,H5制作有哪些需要注意的细节呢?

 

1. 勿轻易用右滑的交互方式

 

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

 

2. 多个音乐同时播放

 

由于系统的限制,Android 在同一时间,只允许播放一段背景音乐。在 IOS 下并没有限制,例如 iPhone 的机型在播放背景音乐的同时可以做到播放各种交互音效。所以一般在 Android H5 只播放背景音乐。如有特殊场景的话,可以先暂停背景音乐,再播交互音效,音效播放完毕后再播背景音乐。

 

3. 特殊机型的适配

 

H5在不同的机型适配,虽然每个开发者都有一套自己的完整方案,但一定要注意小屏机(虽说现在大屏机已是主流,尤其是iPhone4s)和带有虚拟按键的机型适配(如魅蓝note)。

 

4. 勿轻易用横屏的交互方式

 

不要轻易使用横屏。在微信 for Android 中,H5以横屏的方式展现的前提是:其一,开启系统的屏幕旋转;其二,开启微信的横屏模式。操作成本较高,而且顶部的导航栏和状态栏还占据了一定的宽度(屏幕本身就比较窄)。如果场景需要,一定要引导用户如何开启横屏模式。

 

5. 输入框

 

在微信H5页面中,除宣传类外,大部分都是以收集信息为目的的。除了使用麦客表单、金数据、问卷星等第三方表单收集工具外,各个H5工具内置的输入框功能也不失为一个很好的选择。

 

6.Animate(动画) 

各种炫酷的H5动画其实大部分都可以用 CSS 动画来实现。动画的原理无非是对象的位置、大小、旋转、透明度在单位时间的变化形成一系列的动画。而这些对象属性在H5中都有对应的属性来控制。通过代码来实现的,所以相比较序列图形式,性能更优、访问速度更快。


点击http://www.dreamh5.com/了解更多精彩信息。 

百万级爆款案例
  • 微信扫码体验
    咨询定制
    随手记:听了那么多土味情话 285
    标签 : 视频 品牌宣传
  • 微信扫码体验
    咨询定制
    ZMAX:飞天rap实验室来袭 222
    标签 : 嘻哈流行 品牌宣传
  • 微信扫码体验
    咨询定制
    中国工商银行:来自宇宙的祝福 135
    标签 : 上传生成 节日营销
  • 微信扫码体验
    咨询定制
    恒大人寿:三生有幸,一路有你 9
    标签 : 视频 快闪
  • 微信扫码体验
    咨询定制
    华润-玩转你的城市足迹之旅 184
    标签 : 品牌宣传
  • 微信扫码体验
    咨询定制
    江小白:发现,世界上另一个我 112
    标签 : 手绘 视频
  • 微信扫码体验
    咨询定制
    MAXRIENY:解救MAX,开启你的自我探寻 279
    标签 : 3D全景 节日营销
  • 微信扫码体验
    咨询定制
    我为浙江戏曲代言 198
    标签 : 嘻哈流行 手绘
  • 微信扫码体验
    咨询定制
    CARMEX:看看你用哪些姿势C位出道 12
    标签 : 互动游戏 手绘
  • 微信扫码体验
    咨询定制
    年年升运 毛铺呈祥 272
    标签 : 上传生成 助力抽奖
  • 微信扫码体验
    咨询定制
    麦卡伦 261
    标签 : 节日营销 品牌宣传
  • 微信扫码体验
    咨询定制
    腾讯新闻:垃圾分类大挑战云跃互动-h5制作公司,创意h5,北京h5开发,数字营销定制专家 144
    标签 : 答题测试 腾讯

    COPYRIGHT © 2018 微云视界网络科技(北京)有限公司 91110105MA019EBB5M ALL RIGHTS RESERVED. 京ICP备18037601号