?

? H5以靈活的在線互動，跨平臺快速傳播的優(yōu)點(diǎn)獲得了許多品牌方的青睞，那么要做一個H5應(yīng)該如何下手呢？在一個完整H5制作項目，由這四個角色組成：項目經(jīng)理、策劃、設(shè)計、開發(fā)。

?

??項目經(jīng)理是一個掌控全局的角色，需要對接每個環(huán)節(jié)的進(jìn)度，傳達(dá)給項目負(fù)責(zé)誠意，把控整體進(jìn)度。項目經(jīng)理需要通過六個維度去規(guī)劃H5制作的周期，了解H5的具體需求，安排時間節(jié)點(diǎn)。制作推動過程中，還需要積極與策劃、設(shè)計、開發(fā)溝通，做好項目管理。

?

?

??策劃主要負(fù)責(zé)構(gòu)思方案，接收項目經(jīng)理的需求制定方案。通常策劃會提出幾個方向去篩選，選定方向后進(jìn)行細(xì)化潤色。策劃在工作中常用的工具有：

?

PPT——常用的演示軟件，以圖文形式呈現(xiàn)H5策劃案。

Axure——專業(yè)的原型繪制工具，用于建立H5交互和共享演示。

Word——文字策劃案展示；可繪制原型。

?

策劃在構(gòu)思時，應(yīng)該和設(shè)計、開發(fā)多多溝通，商討方案的技術(shù)成本和設(shè)計效果。

?

??

? 設(shè)計的主要工作是根據(jù)策劃給出的方案去進(jìn)行視覺實(shí)現(xiàn)。在設(shè)計師不要一次性做完全部頁面，先與成員確認(rèn)需求，做出demo確認(rèn)風(fēng)格，確認(rèn)后再繼續(xù)。設(shè)計風(fēng)格要符合產(chǎn)品調(diào)性和用戶喜好，加入公司品牌文化元素。除了視覺展示，H5內(nèi)包含的動效也應(yīng)撰寫效果說明一起轉(zhuǎn)交開發(fā)。

?

??設(shè)計稿由技術(shù)進(jìn)行實(shí)現(xiàn)開發(fā)，開發(fā)實(shí)現(xiàn)后大家需要一同進(jìn)行測試，測試主要針對三個方面：視覺還原度、音效動效配合、流暢度。反復(fù)確認(rèn)無誤后，H5就可以等待上線了。