如何製作H5？如何做的高大上，是否是廣告宣傳設計行業的趨勢？

12-31

淺談h5

H5這東西，在廣告行業一直都有，原來叫做landing page或者著陸頁。後來移動端的landing page越來越多，也不知怎麼的就被掛上了「H5」的名號。

短時間來看，H5確實是目前廣告宣傳設計行業發展迅速的一塊。廣告行業向來是追著目標人群走的，當廣告主的目標人群高度依賴手機，借著移動社交媒體在手機上推廣各種設計精良、交互新穎的H5廣告，也在正常不過了。

我之前也做過一些活動宣傳推廣類的H5，現在H5的製作門檻已經很低了，不需要掌握編程經驗、不需要複雜的設計工具，就可以利用網上各種免費的H5的編輯器，快速製作發布自己的H5。

我常用的製作平台有：BlueMP、ih5、maka、易企秀、木疙瘩等。

總的來說各家的產品在功能上都差不多，都是將組件拖拽到畫布上，然後調節各頁的圖片、動畫

之後，就可以發布到微信朋友圈了，大致的操作其實和做PPT差不多。

但想出「高大上」的H5頁面，可能不僅僅需要一個H5製作平台。一個專業的H5頁面，需要創意+設計+製作+推廣一系列環節的緊密配合。而對於普通的H5製作者來說，製作高逼格的H5，首先要有良好的頁面設計、良好的用戶觀感，才能讓裡面的內容更清晰、更明確的得以展現。

我個人在製作H5頁面的過程中，會配合使用這些以下創意工具。有需要的可以自行搜索。

1.靈感獲取：

可以到Dribbble、Behance、Pinterest、花瓣等國內外設計師匯聚的設計類聚合平台，借鑒學習頂尖設計師們的優秀設計

2.圖片素材：

向X度圖片搜索說再見，微軟的Bing圖庫、wallhaven、500px都是非常高質量的圖庫。

需要一些小的圖標推薦阿里的iconfont圖標庫，有大量精美的icon可以免費使用。

3.色彩搭配：

很多人做H5的時候，很少考慮色彩的搭配，都是挑一些自己喜歡的、看著順眼的就行了。其實色彩搭配的選擇，對H5頁面設計感的提升非常大。小白的話推薦coolors，直接從推薦的色彩主題里進行選擇，記下色彩的值，在H5製作工具里輸入使用就好了。

技術開發之類的我不懂，我就來說說一個好的H5需要滿足什麼標準吧~請先允許我無恥地自（打）我（個）介（廣）紹（告），我家薪客就是做H5傳播的，包括H5開發和H5推廣，有需求可以搜索進入官網來撩哦~下面進入正題！

原標題：「七宗罪」與爆款H5的連接

一款好的產品，一定能迎合人性七宗罪中的其中之一。這句話來自於Linkedin的創始人，同時也是矽谷異常成功的風投家Reid Hoffma。

人性指一種理念，具體體現在美觀的同時能根據消費者的生活習慣，操作習慣，方便消費者，既能滿足消費者的功能訴求，又能滿足消費者的心理需求。

用時下最流行的話說，好的產品、運營和服務一定要找到用戶的痛點。互聯網的經驗主義可以幫助我們去判斷和找到這些痛點和需求，但如果我們追本溯源，用戶的痛點、需求或者說是慾望究竟緣何而生?

那便能用七宗罪來解釋，這其實與馬斯洛需求層次是相對應的，下面我們具體來剖析。

一、人性之色慾

從成人書籍、光碟，到手機簡訊盛行，從快播、草榴類社區、YY類直播室，到微信陌陌，結合色慾的運營從未離開用戶的視線。

這些產品最早都是非常典型的從七宗罪中人類最原始需求色慾這個點吸引用戶。優勢是能夠通過這種人類本能的需求觸達用戶痛點，形成病毒傳播，但可持續性差，社區氛圍難維持，也較難找到營收點。在這裡的轉型中，陌陌算是比較成功的。

色慾是人性里最本能的需求，是產品和運營最初可以自發傳播的有效途徑之一，圍繞建立人與人之間的聯繫衍生出各種功能，比如搖一搖、附近的人、私聊、群聊，等等。

而做H5傳播亦可借鑒其力，比如之前騰訊視頻做的「致命誘惑」H5。維秘天使坐在你面前，邀你來猜拳，贏了還能得到一份非常污誘惑獎勵。

類似的，網易遊戲曾推出過一款「打手槍爭霸賽」，污圖案+污文字，再輔助「證明自己擁有『神之手』的時候到了！」、「只有射到靶上才算數哦，請務必不要射到妹子身上。」之類的文案，在男性群體中的傳播簡直是輕而易舉。

總結來看，只要用戶匹配，操作巧妙，「色慾」的運用簡直是令H5傳播如虎添翼，唯一需要注意的就是品牌調性的尺度把握與投放平台的規則拿捏，小心被封！

二、人性之虛榮（傲慢、妒忌）

虛榮的應用相信大家都不陌生，最典型的是無論男女皆可使用的美顏類APP，包括後來衍生的圖片美化應用In App，都是對於用戶虛榮心的滿足與放大。

曾經的著名段子手孵化器鼓山文化CEO銅雀叔叔說過，大家的朋友圈裡曬的可以分為三類：第一曬智商，曬優越的收入，優越的生活和一些人脈，本質上來說是因為智商優越才有這樣的結果；第二曬身體優越，曬臉，曬自拍，或者曬健身相關的東西，比如跑步成績；第三曬孩子優越。而這三個的本質是什麼？都是基因優越。為什麼曬它？因為它難，你才曬。為什麼難？因為基因決定的，很難改變。因此在我們這個圈裡有個特別著名的總結，做營銷的一定要注意：優越感對於人類而言，和吃飯、呼吸、睡覺同樣重要，沒有優越感人是活不下去的。

所以你能看到，在H5剛興起的時候，性格測試、抽籤類H5或者萌寶大賽之類火得不行，導致微信不得不出手封殺，維護平台的純凈。

之前一夜漲粉百萬被封殺的柏拉圖性格測試

而如今，除了被封殺的部分類型外，虛榮的應用還有更廣泛的範圍，比如炫耀朋友親密度類H5，答題排名類H5，其實都是在打「虛榮」這個點，各位操盤手好好應用，定會做出不凡成績。

三、人性之貪婪（貪食）

什麼被稱為貪婪？

貪婪簡單直接點說就是貪便宜，貪婪是希望佔有比所需要的更多，是指比起有限的需求，想獲取更多。

具體到互聯網的應用大有雙十一、小米的低價手機，小有各種優惠類APP，比如券媽媽、返利網等，再細一點則是你在朋友圈隨處可見的轉發送禮、轉發減免等。

雙十一為什麼這麼火？小米為什麼賣得這麼好？為什麼那麼多人都做有獎轉發、轉發減免？無非是利用人性之貪婪而已。貪婪促生了購物慾，當遇到便宜，打折的東西，佔有更多的人性的貪婪會加倍萌發，好像那些東西不要錢，甚至在企業的誘導下完成一系列行為。

包括騰訊也有很多業務利用了用戶貪的心態來做產品運營，比如各種顏色的鑽充值，充年鑽不僅減免還送東西，很多用戶的鑽已經沖了10年，30年，是因為不夠么，不是的，因為還想更多。還有英雄聯盟與王者榮耀這兩款遊戲中的英雄、皮膚購買也都利用相同手法從玩家手中套取了大把利潤，將騰訊的市值抬高到如今的地位。

在如今的傳播中，巧妙利用用戶想索取更多的心理去策劃產品會引導用戶完成轉發、邀請等擴散行為，但前提是用戶真的care你給出的利益，至少是她認為值得的。

某轉發抽獎類H5

四、人性之懶惰

互聯網行業做產品和運營的同學經常說：用戶都是很懶的，有本很著名的產品經理必看的書叫《Don"t make me think》，講的就是如何通過各類手段讓用戶降低思考，最好不要思考。

今年很流行的知識付費就是一個很好的例子，喜馬拉雅FM、得到APP、懶人聽書等互聯網軟體將學習的「閱讀」變為「聽」，解放的用戶的眼與手。微觀來看則有二維碼的應用、社交賬號多平台登陸等。這都是關於「人性之懶」的應用。

將這些挪到H5產品，給我們的啟示則是：如何將用戶的認知變得更容易，節省用戶時間，完善用戶體驗——

用戶不是親媽，不會花時間等loading。在不影響內容的前提下，首頁載入時間能否儘可能壓縮？載入頁增加一些互動、或有趣的小動畫？減少因等待而流失的用戶？H5的所有資源能否在首次載入即基本載入完畢，以減少用戶在後續體驗中可能出現的延遲或等待？在思考布局時，是否有意識的減少頁面層級，且儘可能簡潔、清晰地表達產品的全部內容來提高頁面轉化率？

把用戶當寶寶，盡量滿足、盡量簡單，視覺效果上讓人覺得舒服，定位好目標用戶，勾起目標用戶的興趣。這一系列降低用戶認知難度的設計都會讓你的產品更易於理解與傳播。

五、人性之窺私慾

窺私慾就是喜歡打探、偷看他人的隱私。每個人都有一定程度的窺私慾，想要探索一個人的私密，但往往，我們在窺探他人的同時又不願自己被人窺探。從從心理學角度說，人類有窺私慾。

隨著以微信為代表的熟人社交和以陌陌為代表的LBS陌生人社交的火爆，熟人和陌生人關係已經被過度挖掘，人與人之間的距離被無限拉近。基於話題的公共討論與傳播成了互聯網的主色調。

於是，明星的影響力被放大，社會化營銷成為主流。佐證就是多起刷爆朋友圈的H5，比如「吳亦凡即將入伍」與「薛之謙史上最瘋狂的廣告」，主旨都意在誘導用戶產生窺探明星的想法進而點擊進入，最終依靠社交媒體進行大範圍傳播。

刷屏的薛之謙H5

寫在最後

傳播的本質是什麼？傳播的本質就是深悉人本、剖析人內心需求的過程，也是對於人內心對答案的尋覓過程。傳播過程時刻發生，且無處不在。

希望大家看完本篇文章後，可以在H5策劃與設計上得到一絲提升，對人性思考也會更進一步，做出更好的H5。還要回歸初心，初心背後是夢想，而夢想背後依託的是不服輸的野心。保持這野心，讓他驅動你通過各個不同的維度去瘋狂地思考，最終從量變到質變，在新媒體這條路上越走越寬。

如果製作H5這個很簡單，寫代碼或用工具，你要想做一些高大上酷炫的H5，可以試試iH5試試，他們功能比較強，但需要花一點時間學習。做個爆款的H5其實最關鍵的是你的創意，另外做好用戶體驗（就是H5的交互邏輯要很符合用戶習慣），這兩點做好了相信你很快能做出一個高大上的H5作品。