码迷,mamicode.com
首页 > 其他好文 > 详细

自定义H5页面规范

时间:2016-05-05 22:15:32      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:

查看详情页也可支持自定义H5页面,用来展示更多内容。

交互规范

  • 分屏切换,支持横向和竖向,滑动指引需清晰
  • 若详情页加载较慢,需设计loading页,给予用户友好的提示
  • 如有视频,需在底部加上“建议在Wi-Fi环境下播放”提示
  • 建议一个页面不超过两种以上交互操作

设计规范

  • 页面尺寸建议:640像素×1100像素
  • 最小按钮宽度:160像素
  • 最小按钮高度:60像素
  • 页面最小字号:不小于24像素
  • 二维码最小尺寸:200像素×200像素 ,边距至少为10像素
  • 背景音乐规范:必须支持音乐可循环及可关闭,并采用渐强的方式出现
  • 音乐播放/关闭按钮,参加下图规范,并放置于页面右上角位置
    技术分享

H5页面内嵌入全屏视频规范

    • 建议:使用流媒体播放,并添加可跳过播放按钮
    • 时长:≤ 45 秒
    • 视频编码:H.264/AVC
    • FPS:推荐 24 fps
    • 码率:≤ 800 kbit/s
    • 音频格式:AAC
    • 音频码率:≤ 96 kbit/sec
    • 音频采样率:推荐 44.1 kHz
    • 文件大小限制:≤ 5MB ( 实际大小与时长及码率对应,如20秒的视频,大小为 20秒×(800码率÷8)÷1024=1.95MB )

自定义H5页面规范

标签:

原文地址:http://www.cnblogs.com/lazb/p/5463271.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!