1、如此高效地制作 微信H5翻页,H5的概念,H5就是一种高级网页技术，我们平时看到那些邀请函、小游戏 都是H5网页，确切来说叫HTML5(国外目前没有H5的叫法)。,H5翻页,H5小游戏,？,H5翻页的概念,移动互联网的营销与宣传新手段。 手指向上滑动带来惊艳的视觉效果，具有在移动社交网络中指数式分享的高效传播效果，受到广泛的欢迎。,封面,内容介绍,尾页,功能页,H5的应用场景,企业用途：邀请函、公司介绍、招聘招商、商业宣传、活动宣传,个人用途：相册、贺卡、游记、简介、纪念、个人秀、组织活动。,邀请函,招聘,相册,H5翻页的优势,传统传播方式：口口相传，容易遗失信息、缺乏统计，互动单一并且操作繁
2、琐。,H5翻页传播优势：信息全面准确，方便传播，用时短，推动速度快，,H5翻页数据优势：人员统一报名，精确统计，便于数据分析跟踪,H5翻页功能优势：评论回复，抽奖投票，地图导航，点赞支付。,H5翻页的构成,图片,文案,动作,主题,排版,色调,效果,内容构成,视觉构成,H5翻页文案,好的H5文案应该遵循：,简洁清晰,吸引眼球,逻辑连贯,文案的页面顺序: 封面+介绍+痛点+解决方式+核心内容+活动结束+时间地点+参与方式+尾页,H5翻页图片,好的H5图片应该遵循：,与内容高度关联,统一风格，使版面协调,美观精致，与背景形成互补色,H5翻页动作,好的H5翻页动作应该遵循：,所有动作必须协调连贯，保证
3、快而不乱,动作避免同步穿插，易影响阅读效果,动作遵循固定的规律，先主要再次要,H5翻页色调,好的H5翻页色调应该遵循：,色调呼应主题，避免冷暖不分,色调分好主次，防止画面失去核心,颜色不要太杂太多，一般不超过3种,H5翻页排版,好的H5翻页排版应该遵循：,注意对齐，整体分为左对齐和中心对齐,画面文字过多时注意分段，适当装饰，活用图片,图文结合，控制好图片比例，一般不超过文字所占面积,H5翻页效果,好的H5翻页效果应该遵循：,交代了准确的时间、地点，人物和事件，精准地表达出出品方的信息和需求,创意制作，在目标人群中造成大量的关注度。,报名方便，更好地进行效益的转化,H5翻页制作的原则,好的H5翻
4、页制作应该遵循：,细节高于一切,美观高于信息,信息高于创意,H5翻页设计的准备,1.选择编辑器：初叶、MaKa、云来Live 、秀制作、点点客海报、兔展、易企秀、品趣、 Epub360意派、 Vxplo2.注册登录编辑器：获得权限(手机号码、微信登录、QQ登录）3.新建模版：选择模版或创建空白版,H5翻页制作的基本操作,工作区缩放 后退步骤 页面效果播放 插入文本 工具栏 设置与预览发布 大纲区 工作区 功能设置区 页面添加,H5翻页的文案,好的H5翻页制作应该遵循：,具备一定的特色,能给人留下深刻的印象,清晰的条理和完整的内容,如何制作让人过目不忘的H5,H5翻页的功能与目标,1.活动运营型
5、,2.品牌宣传型,3.产品介绍型,4.总结报告型,电影狂怒,首草先生的情书,汽车品牌,京东的十大任性,H5形式为功能服务,需要考虑到具体的应用场景和传播对象，从用户角度出发去思考什么样的页面是用户最想看的最会去分享的,1.简单图文,“图”的形式千变万化， 可以是照片、插画、GIF 等。通过翻页等简单的交 互操作，起到类似幻灯片 的传播效果。考验的是高 质量的内容本身和讲故事 的能力。,滴滴打车案列,2.礼物/贺卡/邀请函,每个人都喜欢收到礼物的感觉，抓住这一心理，通过提升用户好感度来潜移默化地达到品牌宣传的目的。既然是礼物，那创意和制作便是重要的加分项。,AKQA创意营销（圣诞）梦幻水晶球,3
6、.问答/评分/测试,利用用户的求知欲和探索欲，看最后到底是什么成绩。一条清晰的线索是必要的，最后到达的结果页也需要合理不突兀，如果能辅以出彩的视觉和文案，弱化答题的枯燥感那就再好不过了。,姜文电影一步之遥问答推广,4.游戏,操作简单、竞技性强，一度风靡朋友圈，但创意缺乏和同质化现象导致用户对无脑小游戏逐渐产生了厌倦。品牌要在游戏上做到成功传播，需要在玩法和设计上多下点功夫。,圣诞老人拯救计划H5小游戏,为设计加分的4个要点,1.细节与统一,2.紧跟热点，利用话题效应,3.讲个好故事，引发情感共鸣,4.合理运用技术，打造流畅的互动体验,细节与统一,要成就高品质的用户体验，必须考虑到细节与整体的统
7、一性。复古拟物的视觉风格，那字体就不能过于现代；幽默调侃的调调，那文案措辞就不能过于严肃；打情感内容牌的，动效就不能过于花哨。,电影推广系列九步之遥,紧跟热点，利用话题效应,想要你的H5专题页一夜爆红，第一时间抓住热点并火速上线，借机进行品牌宣传也不失为一条捷径。,全民COS武媚娘,讲个好故事，引发情感共鸣,不论H5的形式如何多变，有价值的内容始终是第一位的。在有限的篇幅里，学会讲故事，引发用户的情感共鸣，将对内容的传播形成极大的推动。,LEVIS新年优惠活动专题页,合理运用技术，打造流畅的互动体验,如今的HTML5拥有众多出彩的特性，让我们能轻松实现绘图、擦除、摇一摇、重力感应、擦除、3D视图等互动效果相较于塞入各种不同种类的动效导致页面混乱臃肿，我们更提倡的是合理运用技术，用心专注于为用户提供流畅的互动体验。,双12推出的预售推广H5专题页,谢谢观赏,
