發(fā)布日期：2017/4/26

摘要： 導語：現在，移動端H5如雨后春筍般迅速發(fā)展花樣繁多，無論是宣傳產品、內容介紹、新聞推廣都會想方設法搞套H5出來。 現在，移動端H5如雨后春筍般迅速發(fā)展花樣繁多，無論是宣傳產

 

導語：現在，移動端H5如雨后春筍般迅速發(fā)展花樣繁多，無論是宣傳產品、內容介紹、新聞推廣都會想方設法搞套H5出來。

現在，移動端H5如雨后春筍般迅速發(fā)展花樣繁多，無論是宣傳產品、內容介紹、新聞推廣都會想方設法搞套H5出來。那么如何在眾多H5中脫穎而出?如何使手上的資源發(fā)揮好大化?如何揚長避短，做出吸睛的H5?都是擺在我們面前的問題。

在我看來移動端H5可以向三個方向進行設計定位：內容方向、交互方向和視覺方向。

1、內容方向是指介紹內容為主的H5，從用戶情感出發(fā)，基于大眾所熟知和想了解的方面入手。如節(jié)日類、信息廣告類、電視影片類等。

2、交互方向是指注重與用戶建立雄厚的互動體驗，以用戶操作為主要賣點。如游戲類、廣告類。

3、視覺方向是指以畫面為主的H5，這里指的不單單是悅目，而是把重點放在畫面執(zhí)行上，畫面更有雄厚的動效，做到特別很是強力視覺沖擊力。

設計策劃占到以上3方向的一種為“優(yōu)”，具備兩種為“精”，有三種為“神”。但是，主要的是每個方向需要做到。我認為目前能占兩種的H5照舊有一些的，不過具備三種的幾乎是不可能。因為想要在這三方向都顧及到的話，好致命缺陷就是文件量太大，目前的帶寬和設備的限制對過大的H5傳播有著很大影響。

一、內容方向的H5

首先介紹下內容方向的優(yōu)異H5。重點放在內容方面要引人入勝，能夠吸引特定用戶，把H5有目標、有目的的去投放。

《在世》項目組策劃的《活在此時》，充分透析了北漂的忙碌生活，直擊為了生活而奮斗著的年輕人心里，主題震撼，內容充實百度排名優(yōu)化，聞者心動上海做網站，見者傷感。

 

為抗戰(zhàn)勝利70周年舉行盛大閱兵儀式而策劃的《閱兵手冊》，內容上充分展示了各個方陣的信息，在看閱兵直播的同時，手持這款H5，既長見識還能在人前虛偽。

 

系列H5《傳統(tǒng)節(jié)氣》。隨著人們開始越來越關注傳統(tǒng)文化的傳承，二十四節(jié)氣的由來、習俗等知識，越來越多的人想深入了解。實時推出《傳統(tǒng)節(jié)氣》，既知足了此類人群的需求，又弘揚了傳統(tǒng)文化知識。

 

二、交互方向的H5

交互方向的H5，重點放在和用戶的交互體驗方面，讓用戶有很強的參與感。這就需要在互動過程中要做到好的體驗，吸引用戶一步一步按照設計師思路看完H5。

交互方向H5一大類是小游戲，早期的圍住神經貓、虐心的小鳥等都是火遍同伙圈。《俄羅斯閱兵—搶答1分鐘》參與互動答題，再配優(yōu)勢格的手繪圖案，可以說是H5中的精品。

 

一夜爆火的《吳亦凡即將入伍》游戲推送廣告，創(chuàng)新的交互體例讓人眼前一亮。整個H5都會讓觀眾驚奇的看到好后。

 

《時裝屋》和《哆啦A夢道具專賣店》，都是可以選擇不同的元素，自由組合，好終達到不錯的廣告效果。

《時裝屋》是用戶在不同的部位選擇自己喜好的裝飾，好后把選擇的裝飾生成一個完整的形象，電商就可以推薦用戶一些喜好的產品，而且可以拼出搞笑、無厘頭的形象，增添H5應用趣味。

《哆啦A夢道具專賣店》借用哆啦A夢神奇道具的組合，也是生成現實存在的產品，推送給用戶，不免讓大家覺得特別很是有趣神奇。

 

三、視覺方向的H5

視覺方向的H5擁有著炫酷的畫面、華麗的動效以及特點鮮明的手繪，讓人印象深刻，過目不忘。

說到視覺體現力，不得不提的是大眾點評出過一系列H5，無論是畫面效果照舊夸張的動效，都能給人留下深刻的印象，但是對于內容和交互上就沒有那么深入人心了。

 

《AKQA Winterlands》借勢圣誕節(jié)，讓用戶進入水晶球冷凍干燥機，環(huán)視3D場景，讓用戶有身在其中的感覺，在視覺和互動上達到雙贏。

 

了解策劃H5的三個方向，不管是編輯、設計師或是開發(fā)工程師都可以根據自身的特點去策劃H5，編輯假如覺得自己能把內容做的引人入勝，就可以在內容方向下功夫。設計師天然需要在交互上視覺上發(fā)揮好大的能力。

盡量在某一方向上做到好優(yōu)的同時，兼顧其他兩方向。定會做出精品H5。