在日常的工作上

大家經(jīng)常會(huì)觸及到H5

小到招聘啟示

大到千萬級的活動(dòng)營銷

都離不了H5的影子

可H5究竟是什么？

很有可能大部分人都說不清

H5究竟是什么？

有關(guān)H5，有很多種多樣講解，在百度上關(guān)鍵詞搜索“H5是啥”，獲得的回答五花八門，有的回應(yīng)H5是HTML5、挪動(dòng)PPT、電腦版網(wǎng)頁APP這些，一連串的回應(yīng)令人摸不著頭腦，壓根分不清哪一個(gè)回答就是準(zhǔn)確的。

網(wǎng)頁搜索到的一部分H5表述

往往H5的定義這般繁雜，實(shí)際上是由于很多人是立在領(lǐng)域的視角去講解，例如:程序猿便會(huì)H5便是HTML5的不標(biāo)準(zhǔn)書寫；互聯(lián)網(wǎng)技術(shù)設(shè)計(jì)師會(huì)覺得H5是移動(dòng)版PPT/ APP；而大家普通用戶常常在微信中開啟H5， 便會(huì)感覺H5便是手機(jī)微信的酷炫“小網(wǎng)頁頁面”，可以說H5與這種定義都有關(guān)，但又與他們也不同樣，實(shí)際上，H5便是“手機(jī)安卓版網(wǎng)頁頁面”，它涵蓋了HTML5、移動(dòng)版PPT/APP/Minisite等全部的拓展定義。

H5與這種定義都有關(guān)，但又與他們也不同樣

H5是怎么火起來的？

可是從2014年起，H5此項(xiàng)還不太完善的工藝就逐漸悄然興起，變成各個(gè)互聯(lián)網(wǎng)公司的營銷推廣新寵兒，各式各樣的新游戲玩法，不斷朋友圈瘋傳。

營銷類H5網(wǎng)頁頁面實(shí)例

新聞報(bào)道類H5網(wǎng)頁頁面實(shí)例

游戲類型H5網(wǎng)頁頁面實(shí)例

運(yùn)用類H5網(wǎng)頁頁面實(shí)例

內(nèi)容更豐富，感受更多種多樣，更節(jié)省制做的時(shí)間和制造成本費(fèi)，再添加其極強(qiáng)的傳播價(jià)值，終究了H5在公司之中的關(guān)鍵影響力，招聘市場上隨意一搜H5設(shè)計(jì)師的招聘職位，工資真是高到爆。

招騁網(wǎng)頁截圖

從招聘職位之中還可以看得出，伴隨著H5技術(shù)性的迭代升級，已不再限于視覺效果和動(dòng)畫特效這種表面的具體內(nèi)容了，真真正正具備使用價(jià)值的是對廣告宣傳自身營銷推廣性的打造出，與視覺效果結(jié)合的深層次方法。

H5設(shè)計(jì)規(guī)定

H5應(yīng)當(dāng)跟誰學(xué)？

縱覽目前市面上的H5實(shí)例，盡管也是有較為全方位的分析，但依然不足完全，大多數(shù)是瞻前顧后，以致于大部分的設(shè)計(jì)師針對H5的了解變成“套模版可以”。直至蘇杭的這本書問世，才算得上真實(shí)的解決了H5這一難點(diǎn)。

再打開這本書以前，先一起來認(rèn)識(shí)掌握創(chuàng)作者，看一下這本書是不是有那樣強(qiáng)大。

蘇杭，設(shè)計(jì)從事八年多，站酷650W 粉絲的人氣值強(qiáng)烈推薦設(shè)計(jì)師，了解中國H5行業(yè)的朋友們需要也對他不生疏，中國第一本H5設(shè)計(jì)書籍《H5 互聯(lián)網(wǎng)營銷設(shè)計(jì)秘笈》便是蘇杭主編的。

《H5 互聯(lián)網(wǎng)營銷設(shè)計(jì)秘笈》

在2017年站酷CUBE被整場強(qiáng)烈推薦

在H5行業(yè)的優(yōu)秀考試成績，也讓蘇杭遭受各大企業(yè)的邀請，曾為騰訊官方、天貓商城、中國電信網(wǎng)、海航集團(tuán)等諸多大型企業(yè)訂制H5新項(xiàng)目。

2015年，蘇杭教師應(yīng)邀到百度搜索MUX總公司做H5線下推廣共享

伴隨著第一本書籍的出版發(fā)行，讓蘇杭教師看到了大量閱讀者的意見反饋，也漸漸意識(shí)到只靠一本書是不足系統(tǒng)化地去學(xué)習(xí)H5的， 為了更好地能讓大量剛踏入該行業(yè)的H5設(shè)計(jì)師和外行行業(yè)的朋友們學(xué)習(xí)培訓(xùn)。

蘇杭教師整整用了近2年的時(shí)間，撰寫了這部《H5 營銷推廣設(shè)計(jì)指南：藝術(shù)創(chuàng)意、視覺效果、實(shí)戰(zhàn)演練》，一本專業(yè)為入門H5的閱讀者寫作的H5基本書。

書籍封面圖實(shí)拍

H5得學(xué)什么專業(yè)知識(shí)？

說一千道一萬，比不上一起來看一下，這書的所有內(nèi)容以設(shè)計(jì)方式和實(shí)戰(zhàn)演練實(shí)例為關(guān)鍵介紹男朋友，對概念的敘述也主要緊緊圍繞制做進(jìn)行，解決了只懂基礎(chǔ)理論不知道實(shí)際操作的難題。

視頻教學(xué)的一部分PPT截屏

書里還以二維碼方式嵌入了大批量的動(dòng)態(tài)性輔助內(nèi)容，包含領(lǐng)域文章內(nèi)容、動(dòng)態(tài)性演試、音效演試、H5實(shí)例演試和整套的視頻教學(xué)，只求閱讀者更強(qiáng)的自學(xué)感受。

這書的配套設(shè)施網(wǎng)址酷5網(wǎng)（如上圖所述）

本書內(nèi)容共有十一章，由淺及深，保證 每一個(gè)知識(shí)要點(diǎn)都看得懂，每一個(gè)實(shí)戰(zhàn)演練實(shí)例都能學(xué)好。

最先，一起來重新了解H5

先從定義上搞搞清楚H5究竟是什么，目前的主要用途，在設(shè)計(jì)上的展示方式，所飾演的人物角色。

書籍內(nèi)頁實(shí)拍

第二章：掌握H5設(shè)計(jì)的專用工具和標(biāo)準(zhǔn)

一個(gè)優(yōu)異的獵手捕獵以前一定會(huì)磨好自身的劍，一個(gè)好的設(shè)計(jì)師也一樣得清楚自身須要的專用工具，不然你算不上出色。

書籍內(nèi)頁實(shí)拍

第三章：高品質(zhì)素材圖片的獲得

素材圖片融合想來都不會(huì)感到陌生吧，無論擔(dān)任哪一行，這是每一個(gè)設(shè)計(jì)師應(yīng)當(dāng)具有的素養(yǎng)標(biāo)準(zhǔn)。要想設(shè)計(jì)出漂亮的著作，這一務(wù)必個(gè)人收藏。

書籍內(nèi)頁實(shí)拍

第四章:H5的設(shè)計(jì)方法

俗話說得好：“知彼知己，百戰(zhàn)百勝”，要的便是把握客戶的習(xí)慣性，把握住消費(fèi)者的心理狀態(tài)，有目的性的完成寫作。

書籍內(nèi)頁實(shí)拍

第五章：網(wǎng)頁頁面設(shè)計(jì)方法

人會(huì)有五官，視覺效果為本，長相的必要性，就很少講了吧……

書籍內(nèi)頁實(shí)拍

第六章：原素與文本設(shè)計(jì)方法

一個(gè)好的樣式設(shè)計(jì)，更能把握消費(fèi)者的目光，不斷跟你互動(dòng)交流，沒人想要看錯(cuò)亂不堪的網(wǎng)頁頁面。

書籍內(nèi)頁實(shí)拍

第七章：動(dòng)態(tài)性設(shè)計(jì)方法

H5獨(dú)有的動(dòng)畫特效，是傳統(tǒng)式設(shè)計(jì)所不擁有的，H5設(shè)計(jì)的信息網(wǎng)頁頁面呈現(xiàn)，更能滿足客戶。

書籍內(nèi)頁實(shí)拍

第八章：聲效設(shè)計(jì)方法

人們五官是互通的，在H5設(shè)計(jì)中視覺效果聽覺系統(tǒng)經(jīng)常是一起登場，因此更具有感召力。

書籍內(nèi)頁實(shí)拍

第九章：H5數(shù)據(jù)統(tǒng)計(jì)分析檢測

客戶會(huì)坑人，銷售市場會(huì)坑人，數(shù)據(jù)信息不容易，雖然并不是沒有原因的，H5推廣實(shí)際效果怎樣，一定要用數(shù)據(jù)說話。

書籍內(nèi)頁實(shí)拍

第十章：H5設(shè)計(jì)實(shí)例全步驟實(shí)戰(zhàn)演練

好的佳作皆來自一次次的實(shí)踐活動(dòng)，跟隨實(shí)例做一個(gè)詳細(xì)的H5，總結(jié)全部學(xué)習(xí)成果。

書籍內(nèi)頁實(shí)拍

第十一章：H5的提升學(xué)習(xí)培訓(xùn)

當(dāng)有一天你把握了主要的H5制做，總是會(huì)必須向更高等級的H5邁進(jìn)，怎樣找尋方位，這兒對你說。

書籍內(nèi)頁實(shí)拍

可以說，要學(xué)習(xí)培訓(xùn)H5的制做，這一本一定不可以錯(cuò)過了，無論你是設(shè)計(jì)領(lǐng)域的老年人，或是各方面的初入職場從業(yè)者，亦或是是必須學(xué)習(xí)培訓(xùn)H5寫作的新手或H5制做的發(fā)燒友，堅(jiān)信這本書一定能找到你要的回答！