H5三个设计方向的自我定位

发布日期：2017/4/26

摘要： 导语：现在，移动端H5如雨后春笋般迅速发展花样繁多，无论是宣传产品、内容介绍、新闻推广都会想方设法搞套H5出来。 现在，移动端H5如雨后春笋般迅速发展花样繁多，无论是宣传产

 

导语：现在，移动端H5如雨后春笋般迅速发展花样繁多，无论是宣传产品、内容介绍、新闻推广都会想方设法搞套H5出来。

现在，移动端H5如雨后春笋般迅速发展花样繁多，无论是宣传产品、内容介绍、新闻推广都会想方设法搞套H5出来。那么如何在众多H5中脱颖而出?如何使手上的资源发挥好大化?如何扬长避短，做出吸睛的H5?都是摆在我们面前的问题。

在我看来移动端H5可以向三个方向进行设计定位：内容方向、交互方向和视觉方向。

1、内容方向是指介绍内容为主的H5，从用户情感出发，基于大众所熟知和想了解的方面入手。如节日类、信息广告类、电视影片类等。

2、交互方向是指注重与用户建立雄厚的互动体验，以用户操作为主要卖点。如游戏类、广告类。

3、视觉方向是指以画面为主的H5，这里指的不单单是悦目，而是把重点放在画面执行上，画面更有雄厚的动效，做到特别很是强力视觉冲击力。

设计策划占到以上3方向的一种为“优”，具备两种为“精”，有三种为“神”。但是，主要的是每个方向需要做到。我认为目前能占两种的H5照旧有一些的，不过具备三种的几乎是不可能。因为想要在这三方向都顾及到的话，好致命缺陷就是文件量太大，目前的带宽和设备的限制对过大的H5传播有着很大影响。

一、内容方向的H5

首先介绍下内容方向的优异H5。重点放在内容方面要引人入胜，能够吸引特定用户，把H5有目标、有目的的去投放。

《在世》项目组策划的《活在此时》，充分透析了北漂的忙碌生活，直击为了生活而奋斗着的年轻人心里，主题震撼，内容充实百度排名优化，闻者心动上海做网站，见者伤感。

 

为抗战胜利70周年举行盛大阅兵仪式而策划的《阅兵手册》，内容上充分展示了各个方阵的信息，在看阅兵直播的同时，手持这款H5，既长见识还能在人前虚伪。

 

系列H5《传统节气》。随着人们开始越来越关注传统文化的传承，二十四节气的由来、习俗等知识，越来越多的人想深入了解。实时推出《传统节气》，既知足了此类人群的需求，又弘扬了传统文化知识。

 

二、交互方向的H5

交互方向的H5，重点放在和用户的交互体验方面，让用户有很强的参与感。这就需要在互动过程中要做到好的体验，吸引用户一步一步按照设计师思路看完H5。

交互方向H5一大类是小游戏，早期的围住神经猫、虐心的小鸟等都是火遍同伙圈。《俄罗斯阅兵—抢答1分钟》参与互动答题，再配优势格的手绘图案，可以说是H5中的精品。

 

一夜爆火的《吴亦凡即将入伍》游戏推送广告，创新的交互体例让人眼前一亮。整个H5都会让观众惊奇的看到好后。

 

《时装屋》和《哆啦A梦道具专卖店》，都是可以选择不同的元素，自由组合，好终达到不错的广告效果。

《时装屋》是用户在不同的部位选择自己喜好的装饰，好后把选择的装饰生成一个完整的形象，电商就可以推荐用户一些喜好的产品，而且可以拼出搞笑、无厘头的形象，增添H5应用趣味。

《哆啦A梦道具专卖店》借用哆啦A梦神奇道具的组合，也是生成现实存在的产品，推送给用户，不免让大家觉得特别很是有趣神奇。

 

三、视觉方向的H5

视觉方向的H5拥有着炫酷的画面、华丽的动效以及特点鲜明的手绘，让人印象深刻，过目不忘。

说到视觉体现力，不得不提的是大众点评出过一系列H5，无论是画面效果照旧夸张的动效，都能给人留下深刻的印象，但是对于内容和交互上就没有那么深入人心了。

 

《AKQA Winterlands》借势圣诞节，让用户进入水晶球冷冻干燥机，环视3D场景，让用户有身在其中的感觉，在视觉和互动上达到双赢。

 

了解策划H5的三个方向，不管是编辑、设计师或是开发工程师都可以根据自身的特点去策划H5，编辑假如觉得自己能把内容做的引人入胜，就可以在内容方向下功夫。设计师天然需要在交互上视觉上发挥好大的能力。

尽量在某一方向上做到好优的同时，兼顾其他两方向。定会做出精品H5。