H5营销案例与制作_第1页
H5营销案例与制作_第2页
H5营销案例与制作_第3页
H5营销案例与制作_第4页
H5营销案例与制作_第5页
已阅读5页,还剩37页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

,H,T,M,L,什么是H5?H5可以做什么?H5专题案例分享如何快速制作H5?,什么是HTML5?,H5原本是一种制作万维网页面的核心语言(超文本标记语言),由HTML5简化而来的词汇,如今却借由微信移动社交平台,走进大家的视野。超文本标记语言(HyperTextMarkupLanguage)支持的浏览器:Safari、Chrome、Firefox、Opera、IE9,H5可以做什么?,响应式网站做APP微信公众号微信小游戏微信轻应用(商城、邀请函),从营销角度来讲,我们不但可以用H5在页面上融入文字动效、音频、视频、图片、图表、音乐和互动调查等各种媒体表现方式,将品牌核心观点精心梳理重点突出,还可以使页面形式更加适合阅读、展示、互动,方便用户体验及用户与用户之间的分享,正是具备了这样的营销优势,H5技术的运用不但为移动互联网行业的高速发展增添了新的契机,也为移动互联网营销开辟了新渠道。,H5专题案例分享,但其呈现效果却是目前最炙手可热的营销手段之一,围住神经猫:堪称一代流行小游戏之标本,神经猫体态妖娆,形象贱萌,表情风骚,不断在屏幕中扭来扭去,勾引玩家发起毫不留情地围剿。游戏上手简单,又有一定的数学挑战性;在醒目位置添加网络流行俗语;引入竞争机制,撩拨玩家的攀比心态。,全民寻找房祖名:热点新闻催生出的单细胞生物,14年8月,柯震东、房祖名相继跳入毒坑,于是此H5游戏应运而生。你只需在一群柯震东的头像里捞出唯一一个房祖名。“找祖名”更倾向于眼力的比拼也就是说,更弱智。然而越傻瓜,就越流行。,从功能与设计目标来看,H5专题页主要有以下4大类型,品牌宣传型,总结报告型,产品介绍型,2,3,4,活动运营型,1,大众点评为电影狂怒设计的推广页,以选择为主旋律,复古风格,层层推出大众点评网上购票,网上选座位的最终营销目的。,首草先生的情书,以一位男士的口吻娓娓道来在成长历程中对妻子的爱与愧疚,最后引出“首草滋阴圣品,爱妻首选”的宣传语。,LEXUSNX产品H5页面,体验和操控性极佳,页面设计科技感十足,京东的十大任性,扁平化风格,纸面质感复古卡片,最后有小刘的小彩蛋做压轴,如何快速制作H5?,易企秀|免费H5页面移动微场景应用制作平台(官网:),免费注册易企秀账号登录易企秀账号创建场景,制作前,准备好4个资料,创意:展示什么,用什么方式音乐:烘托氛围,MP3格式图片:提前备好,视觉效果好文字:准备充分,具有感染力,创建场景,空白自主创建,或者选择一个样例,【套模板】选择一个模板,把模板中需要修改的地方修改即可快捷制作。【自主创建】点击“+”进入自主创建,一页一页创建场景。,在易企秀制作页面的左侧栏,易企秀官方为大家提供了许多“页面模板”,在制作场景的过程中,可以参考或者直接套用页面模板进行场景创建。自己制作的页面,也可以保存为“我的”模板,以供下次使用。企业账号将自己的场景设置为“企业页面模板”,子账号可以直接使用。,右侧的“页面管理”五大管理操作复制:点击“复制”我的模板:点击“我的模板”,出现在左侧“我的模板”中,可删除删除:点击“删除”移动:可上下拖动添加:点击“+”,添加一页,10个基本组件+设置+发布,组件是构成场景的基本要素1.文本2.背景3.音乐4.视频5.图片6.形状7.图集8.互动9.表单10.特效,1.文本1.点击“文本”后即可创建2.单击文本框出现编辑菜单3.双击文本框进入基础编辑,2.背景点击“背景”后,选择“图片库”中的背景,也可点击“上传”上传图片到“我的图片”中,3.音乐点击“音乐”即可创建【背景音乐】1.【音乐库】为官方提供的音乐素材2.【外部链接】插入网络音乐链接3.【我的音乐】自主上传音乐,4.视频点击“视频”后,给场景添加网络视频,5.图片点击“图片”后,选择“图片库”中的图片素材或点击“上传”上传图片到“我的图片”库,6.形状“形状”是便于用户制作扁平化页的素材,形状素材和文字一样可以做“颜色、大小”等设置。,7.图集图集:是几张图片的集合、主要设置:图片比例、切换方式,8.互动“互动”是方便制作者与观看者互动的组件,9.表单表单(也叫信息收集表、报名表、信息反馈表等)是场景创建者用来收集查看场景的用户反馈信息的重要工具。可点击“表单”创建也可直接在互动模板里直接快捷创建。,10.特效特效组件是给某一个页面加上一个特殊的效果点击“特效”即可为当前页面选择合适的特效。,设置动画动画设置主要应用于:文字、图片、图形、一键拨号、输入框等组件设置方法:点击组件选择“动画”进入动画设置页面,设置设置是对场景的基本信息进行设置,主要包括:场景封面、场景名称、场景描述、翻页方式、场景音乐。,发布“保存”只是对操作进行保存,如果不点击“发布”此场景未发布的编辑内容,在场景分享出去时,别人看不到最新编辑的内容。点击“退出”则退出编辑页面。,制作小窍门,资料准备全图片要清楚文字要简洁重点更突出制作很简单就看熟练度场景有创意谁也挡不住愿您出佳作祝君展宏图,结语,随着手机硬件的升级、HTML5技术

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论