2021年H5制作流程.ppt

目 录
壹：前期考察工作
贰：制作心得
叁：H5分类及案例
肆：H5网页编辑工具
*
H5制作流程
*
壹：前期考察工作
*
H5制作流程
*
▍H5常见发布形式
服务号
订阅号
注意：
服务号通常采用直接发布图文信息，粉丝点击即可砍价，配合导航栏方便新粉丝
订阅号一般情况下会发布图文消息配合点击阅读原文或者设置关键词定义进行砍价
*
H5制作流程
*
▍订阅号和服务号的区别
注意：
品牌方大部分为认证过后的订阅号。而在开发者模式下，订阅号不支持网页授权获得用户基本信息
b. 每日调用接口有次数限制，频繁调动会导致程序错误或者封号等风险
*
H5制作流程
*
贰：制作心得
*
H5制作流程
*
▍H5版式-页面适配
H5页面开发的是网页不是Apps，所以网页100%适配所有移动设备是不可能的，每个移动设备的尺寸、比例都不一样的，只能尽力做到兼容性最好
一般情况下用640X1136进行设计；其他安卓机器前端切图时可以适当拉伸，变化不会太大就不用每个进行适配（来自腾讯大讲堂）
*
H5制作流程
*
▍H5版式-其他
字体默认中文字体 Heiti SC ，中文名称叫黑体-简，一般用华文黑体来代替，两者差异微小；默认英文字体 Helvetica Neue LT ；字号选择不要小于18号，其他字号双数，同种类别下用同一样字号
；音效大小一般控制在100k以内
*
H5制作流程
*
▍微信号导航栏
订阅号在切换至开发模式后，原有导航栏会失效。
H5在活动条件设置中，如果需要跳转关注微信时，要考虑导航栏和活动的相互配合
*
H5制作流程
*
叁： H5分类及案例
*
H5制作流程
*
▍功能与目标 分类
活动运营型
为活动推广运营而打造的 H5 页面是最常见的类型，形式多变，包括游戏、邀请函、贺卡、测试题等形式
品牌宣传型
品牌宣传型 H5 页面等同于一个品牌的微官网，更倾向于品牌形象塑造，向用户传达品牌的精神态度
产品介绍型
聚焦于产品功能介绍，运用 H5 的互动技术优势尽情展示产品特性，吸引用户买买买
总结报告型
各大企业的年终总结现也热衷于用 H5 技术实现，优秀的互动体验令原本乏味的总结报告有趣生动了起来
*
H5制作流程
*