沈阳网站建设_网络推广_沈阳微信运营
024-22523145
13610827802

详情页设计规范

    公众号文章是详情页常用形式之一 ,可快速实现,建议使用排版工具。

    基础规范

    原创性:请使用原创的公众号文章素材
    可读性:篇幅控制在3至10屏,有详实的内容及较强的可读性

    多媒体模块规范

    静态图片:建议统一图片长宽尺寸,每张图片大小不能超过200K,以保证页面正常加载
    动态图片(GIF图):建议每张 gif 不超过300K,以保证页面正常加载
    视频:仅支持使用腾讯视频的视频内容;如视频总长度超过1分钟,需要在视频下方添加“建议在WI-FI环境下播放”的提示
    音乐:仅支持QQ音乐
    语音:格式支持mp3、wma、wav、amr,大小不超过30M

    “阅读原文”外部链接规范

    详细内容请查看“分享和外链规范

    以下是禁止内容

    直接诱导分享
    不允许强制、诱导、胁迫/煽动用户将消息分享给好友或朋友圈的行为,如:

    1. 强制:分享后才能继续下一步操作,包括但不限于:分享后方可预订,分享后可知道答案等
    2. 诱导:分享后对用户有奖励,包括但不限于:邀请好友拆礼盒,集赞,分享可增加一次抽奖机会等
    3. 胁迫/煽动:用夸张语言来胁迫引诱用户分享,包括但不限于:“不转不是中国人”“请好心人转发一下”“转发后一生平安”“转疯了”等

    诱导关注
    不允许出现以奖励或其他方式,强制或诱导用户关注公众号的行为
    奖励的方式包括但不限于:实物奖品、虚拟奖品(积分、信息)等

    红包
    不允许出现以下红包类的体验,如:

    1. 利用送“红包”字眼吸引用户转发,用户点击后跳转到产品促销、打折广告等页面
    2. 发布虚假,含木马链接的未归类“红包”
    3. 有诱导行为的“红包”或微信红包
    4. 抢红包外挂类软件、应用

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

    交互规范

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

    设计规范

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

    音乐按钮规范图片

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

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

    直接诱导分享
    不允许强制、诱导、胁迫/煽动用户将消息分享给好友或朋友圈的行为

    1. 强制:分享后才能继续下一步操作,包括但不限于:分享后方可预订,分享后可知道答案等
    2. 诱导:分享后对用户有奖励,包括但不限于:邀请好友拆礼盒,集赞,分享可增加一次抽奖机会等
    3. 胁迫/煽动:用夸张语言来胁迫引诱用户分享,包括但不限于:“不转不是中国人”“请好心人转发一下”“转发后一生平安”“转疯了”等

    间接诱导分享
    不允许在H5页面中出现分享给好友的按钮,并且点击后出现浮层指向右上方引导用户去分享

    诱导关注
    不允许出现以奖励或其他方式,强制或诱导用户关注公众号的行为
    奖励的方式包括但不限于:实物奖品、虚拟奖品(积分、信息)等

    红包类的页面
    不允许出现红包字眼和发红包的体验,如:

    1. 利用送“红包”字眼吸引用户转发,用户点击后跳转到产品促销、打折广告等页面
    2. 发布虚假,含木马链接的未归类“红包”
    3. 有诱导行为的“红包”或微信红包
    4. 抢红包外挂类软件、应用

    小游戏
    不允许出现小游戏或测试类页面

    竞品内容”
    不允许出现与腾讯系产品有直接竞争关系的产品内容

    应用下载模板示意

    1. 图片尺寸:1000 × 1010px,300k以内;
    2. 页面内容与外层文案、图片相关联,设计风格统一;
    3. 区域A:icon预留区域,高140px,自动拉取App头像和名称展示,要求背景简洁;

      区域B:设计主体内容区域,580 × 640px;

      区域C:下载信息区域,580 × 640px,自动拉取下载按钮和App信息,要求背景简洁 (输出图片不包含icon和下载按钮,区域B之外的部分建议用纯色或简单的背景填充即可)。

    分享给好友

    好友分享文案示例

    分享到朋友圈

    朋友圈分享文案示例

    外链页面规范

    可在详情页面加外链按钮,外链可链接到品牌官网、自定义H5页面、电商购买页面、公众账号文章等。

    1. 建议外链页面制作精良
    2. 外链的电商网站建议优先选择大型B2C平台、成熟的微商城平台,以更好地承载朋友圈的海量并发流量。外链的电商网站建议支持“微信一键登录”和“微信支付”,保证用户的体验
    3. 建议第一屏均为品牌及相关商品的信息
    4. 电商活动请提前做好促销策略、保证备货量
    5. 电商页面链接需在提交方案时一并提交审核

    服务器压力测试标准

    1. 要求外链页面所在服务器至少能支持每秒1500次的访问压力,且每次访问的响应时间200ms以内;
    2. 建议可使用 ApacheBench 分开跑每个请求,关注“并发请求”和“响应时间”是否达标,并提供测试报告。
    以下是禁止内容

    分享文案特殊字符
    文案不支持使用特殊符号,对于常用标点符号的使用,请参考国家《标点符号用法
    符号表情不可使用,例如:“:)”“-。-”等等,同时不可使用的常用符号还包括:@ # & * + - × ÷ ~

    直接诱导分享
    不允许强制、诱导、胁迫/煽动用户将消息分享给好友或朋友圈的行为

    1. 强制:分享后才能继续下一步操作,包括但不限于:分享后方可预订,分享后可知道答案等
    2. 诱导:分享后对用户有奖励,包括但不限于:邀请好友拆礼盒,集赞,分享可增加一次抽奖机会等
    3. 胁迫/煽动:用夸张语言来胁迫引诱用户分享,包括但不限于:“不转不是中国人”“请好心人转发一下”“转发后一生平安”“转疯了”等

    抽奖活动
    外链的第一个页面不能直接是抽奖活动

    红包类的页面
    不允许出现红包字眼和发红包的体验,如:

    1. 利用送“红包”字眼吸引用户转发,用户点击后跳转到产品促销、打折广告等页面
    2. 发布虚假,含木马链接的未归类“红包”
    3. 有诱导行为的“红包”或微信红包
    4. 抢红包外挂类软件、应用