从风靡朋友圈的H5小游戏《围住神经猫》到颠覆传统广告的大众点评H5专题页《我们之间只有一个字》，自14年下半年起，各式各样的H5游戏和专题页如雨后春笋般涌现。作为HTML5这一新词汇的产物，通过微信这个移动社交平台，它逐渐走进了更多人的视野。

一、类型划分：四大种类概述

首先，从功能与设计目标来看，H5专题页主要分为以下四种类型：1.活动运营型；2.品牌宣传型；3.产品介绍型；4.总结报告型。

1. 活动运营型

为活动推广而打造的H5页面是最常见的类型，如游戏、邀请函、贺卡、测试题等形式。与以往静态广告图片传播不同，如今的H5活动运营页需要更强的互动性、高质量和高话题性的设计来促成用户分享和传播。

2. 品牌宣传型

不同于活动运营页讲究时效性，品牌宣传型页面等同于一个品牌的微官网。这类页面更倾向于品牌形象塑造，向用户传达品牌的精神态度，如《首草先生的情书》以一位男士的口吻娓娓道来成长中对妻子的爱与愧疚，最后引出“首草——滋阴圣品，爱妻首选”的宣传语。

3. 产品介绍型

聚焦于产品功能介绍，运用H5互动技术优势展示产品特性。如LEXUSZX以其精致和极富质感的建模、细腻的光效营造出酷炫的视觉风格，引导用户探索产品的7大特性。

4. 总结报告型

各大企业的年终总结现也热衷于用H5技术实现，如《京东的十大任性》以简洁的扁平风插画讲述京东14年的成就。

二、形式与特点：多样化呈现

确定了专题页的功能目标后，接下来便是设计阶段。以下列举几种常见的H5专题页表现形式：

1. 简单图文：通过翻页等简单交互操作，起到类似幻灯片的传播效果。如滴滴打车的案例，以整屏黑白照片简洁有力地诠释了品牌正能量形象。

2. 礼物/贺卡/邀请函：满足每个人喜欢收到礼物的心理，抓住这一心理，提升用户好感度，潜移默化地达到品牌宣传目的。

3. 问答/评分：利用用户的求知欲和探索欲，激发用户不断互动的兴趣。设计时需注意清晰线索、合理结果页以及出彩视觉效果。

4. 游戏：简单的操作、竞技性强的玩法使H5游戏风靡朋友圈。

三、设计要点：细节与统一

一个H5页面设计品质的出众与否，直接影响其传播效果和用户对品牌形象的认知。以下为设计要点的总结：

1. 细节与统一：成就高品质的用户体验必须考虑到细节与整体的统一性。如大众点评姜文电影推广系列的《九步之遥》H5专题页，从二维码入口到分享提示的设计，无不与整体保持一致。

2. 热点效应：把握热点，进行品牌宣传。

3. 情感共鸣：学会讲故事，引发用户情感共鸣。

4. 技术运用：合理运用HTML5特性，打造流畅互动体验。如淘宝双1预售推广H5专题页，利用图形设计与组合营造出丰富视觉效果。

总之，随着手机硬件升级、HTML5技术发展和微信平台开放，H5页面设计将呈现多样化趋势。未来必将涌现更多优秀的H5页面，让我们拭目以待。