微信朋友圈 – 萧邦的博客 https://www.zlhlab.top If not me who, If not now when Mon, 16 Oct 2017 07:50:46 +0000 zh-Hans hourly 1 https://wordpress.org/?v=6.8.6 微信广告规范与设计–自定义H5 https://www.zlhlab.top/%e5%be%ae%e4%bf%a1%e5%b9%bf%e5%91%8a%e8%a7%84%e8%8c%83%e4%b8%8e%e8%ae%be%e8%ae%a1-%e8%87%aa%e5%ae%9a%e4%b9%89h5/ Mon, 16 Oct 2017 07:18:11 +0000 https://www.zlhlab.top/?p=366 查看详情页也可支持自定义H5页面，用来展示更多内容。

交互规范

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

设计规范

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

音乐按钮规范图片

 

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

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

自定义H5设计规范

自定义H5页面请严格遵守《微信广告制作规范》中关于“广告详情页制作基础规范”等规范。

更多设计、广告规范，请移步 微信广告

]]>