文档介绍：这个时代的新娇宠——H5从引爆朋友圈的H5小游戏《围住神经猫》,到颠覆传统广告的大众点评H5专题页《我们之间只有一个字》,从2014下半年起,各种H5游戏和专题页纷纷崭露头角。“H5”,这个曲HTML5简化而来的词汇,借由微信这个移动社交平台,正在走进更多人的视野。通过分析,H5专题页主要冇以下4大类型:1•活动运营型为活动推广运营而打造的H5页面是最常见的类型,形式多变,包括游戏、邀请函、贺卡、测试题等形式,如今的H5活动运营页需要有更强的互动、更高质量、更具话题性的设计來促成用户分享传播。从进入微信H5页面到最后落地到品牌App内部,如何设计一套合适的引流路线也颇为重耍。大众点评为电影《狂怒》设计的推广页便深谙此道。复古拟物风格的视觉设计让人眼前一亮,富有质感的旧票根、忽闪的霓虫[灯,配以幽默的动画与音效,恨不得每个选项都点一遍。围绕“选择”这个詁牌关键词,用引人入胜的测试题让用户把人生当作犬片來选择,选到最后一题引出“大众点评选座看电影”,一键直达App购票页面。即使明知是软文也忍不住带着“矮油不错,这个页面冇点diao噢”的心情点击了分享。这就是一个优秀的运营H5。,更倾向于品牌形象塑造,向用户传达詁牌的精神态度。在设计上需要运用符合品牌气质的视觉语言,让用户对品牌留下深刻印象。伴随着浪漫的钢琴旋律,《首草先生的情书》以一位男士的口吻娓娓道来在成长历程中对妻了的爱与愧疚,最后引出“首草一一滋阴圣品,爱妻首选”的宣传语。设计上釆用回忆般的黑白色调,简单的照片加文字,配以花瓣掉落、水面涟漪等轻动画,渲染出唯美优雅的气氛。“首草”这个全新的高端养生草药品牌,用H5打出了一副走心的情感牌,让用户记住了“半生只为你”的爱妻品牌形象。3•产品介绍型聚焦于产品功能介绍,运用H5的互动技术优势尽情展示产品特性,吸引用户买买买。精致和极富质感的建模、细腻的光效营造岀酷炫的视觉风格。用手指跟随光的轨迹切割画面揭开序幕,通过合理优雅的触碰、摩擦、滑动等互动形式带领用户一同探索产品的特性,宏观和微观都照顾周全。萌发用户对这款产品的兴趣及渴果拥冇的感觉。4•总结报告型口从支付宝的十年账单引发热议后,各大企业的年终总结现也热衷于用H5技术实现,优秀的互动体验令原本乏味的总结报告冇趣生动了起来。支付宝的十年账单,一发布出来便引起广大用户的使用与分享,用户能更直白愉悦地去浏览自己的账单,无论是视觉还是听觉上都得到了满足。形式为功能服务在确定了专题页的功能目标Z后,接下來就是关键的设计阶段了。如何冇的放矢地进行设计,需要考虑到具体的应用场景和传播对象,从用户角度出发去思考什么样的页面是用户最想看的最会去分享的。以下列举几种常见的H5专题页表现形式:1・简单图文简单图文是早期最典型的H5专题页形式。“图”的形式千变万化,可以是照片、插画、GIF等。通过翻页等简单的交互操作,起到类似幻灯片的传播效果。考验的是高质量的内容本身和讲故事的能力。在除夕夜全国人民疯狂抢红包的时刻,微信推出了《从此看尽中国人的名与利》这样一个专题页。第一眼就被镇住了,每个页而都是一张人民币风景局部放大图,创作者加入巧妙的创意元素与微动态进行细腻刻画,带观众走进了人民币的微观世界。每一张钞票图案配合发人深省的文案,在推广微信红包的同吋呼吁人们重新审视人情