微信H5设计页面的技巧解析

H5页面设计一直是我们说重点关注的事情，我们始终坚信，一个好的H5必定离不开一个独具创意的H5设计方式。一个好的H5能够带来的不仅仅是用户的点击量或者说是浏览量，更多的是能给制作公司或者企业商户带来足够多的利润。微信借助H5作为营销手段也已经不算新鲜事了。小编给大家讲讲微信是怎么利用H5的。

微信公众平台H5网页设计页面解析---从引爆朋友圈的H5小游戏《围住神经猫》，到颠覆传统广告的大众点评H5专题页《我们之间只有一个字》，从2014下半年起，各种H5游戏和专题页纷纷崭露头角。“H5”，这个由HTML5简化而来的词汇，借由微信这个移动社交平台，正在走进更多人的视野。小编也为很多客户设计了很多精美的H5页面，所以今天基于微信传播的H5页面的视觉设计，通过一些案例分析来谈谈设计思路与方法，希望能给想要做H5页面的客户一点帮助。

首先从功能与设计目标来看， H5专题页主要有以下4大类型：

一、活动运营型

为活动推广运营而打造的H5页面是最常见的类型，形式多变，包括游戏、邀请函、贺卡、测试题等形式。与以往简单的静态广告图片传播不同，如今的H5活动运营页需要有更强的互动、更高质量、更具话题性的设计来促成用户分享传播。从进入微信H5页面到最后落地到品牌App内部，如何设计一套合适的引流路线也颇为重要。

二、品牌宣传型

不同于讲究时效性的活动运营页，品牌宣传型H5页面等同于一个品牌的微官网，更倾向于品牌形象塑造，向用户传达品牌的精神态度。在网站设计上需要运用符合品牌气质的视觉语言，让用户对品牌留下深刻印象。

三、产品介绍型

聚焦于产品功能介绍，运用H5的互动技术优势尽情展示产品特性，吸引用户买买买。

四、总结报告型

自从支付宝的十年账单引发热议后，各大企业的年终总结现也热衷于用H5技术实现，优秀的互动体验令原本乏味的总结报告有趣生动了起来。

其次便是H5的形式和功能服务：

在确定了专题页的功能目标之后，接下来就是关键的设计阶段了。如何有的放矢地进行设计，需要考虑到具体的应用场景和传播对象，从用户角度出发去思考什么样的页面是用户最想看的最会去分享的。以下列举几种常见的H5专题页表现形式：

1、礼物/贺卡/邀请函

每个人都喜欢收到礼物的感觉，抓住这一心理，品牌推出了各种H5形式的礼物、贺卡、邀请函，通过提升用户好感度来潜移默化地达到品牌宣传的目的。既然是礼物，那创意和制作便是重要的加分项。

2、简单图文

简单图文是早期最典型的H5专题页形式。“图”的形式千变万化，可以是照片、插画、GIF等。通过翻页等简单的交互操作，起到类似幻灯片的传播效果。考验的是高质量的内容本身和讲故事的能力。

3、游戏

从 “围住神经猫”、“看你有多色”等单纯小游戏再到 “别踩白块儿”等品牌植入式小游戏，H5游戏因为操作简单、竞技性强，一度风靡朋友圈，但创意缺乏和同质化现象导致用户对无脑小游戏逐渐产生了厌倦。品牌要在游戏上做到成功传播，需要在玩法和设计上多下点功夫。

4、问答/评分/测试

问答形式的H5页面也屡见不鲜了，微网站建设利用用户的求知欲和探索欲，一路选选选，看最后到底是什么成绩。一条清晰的线索是必要的，最后到达的结果页也需要合理不突兀，如果能辅以出彩的视觉和文案，弱化答题的枯燥感那就再好不过了。

随着移动终端的不断发展，H5技术也越来越先进，伴随着移动终端硬件的不断升级更新，性能也更好。H5的跨平台的、低成本的、快迭代的优势被一步步凸显出来，这无疑是对于移动互联网的企业更加的有能力。这将是最好的能够提升企业发展的能力。随着设计理念的不断改变，这是一个最利于H5发展的一个时代。