?

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

?

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

?

?

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

?

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

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

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

?

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

?

??

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

?

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