1. 首頁 > 生活百科 > >

h5怎么做從四大角色帶你了解H5制作流程？

生活百科

近幾年 ， H5快速普及 ， 應用于節日和一些品牌活動營銷場景 。
為什么大家會選擇使用H5作為營銷傳播方式呢？

  1. 在線互動 ， 提高品牌曝光率 ， 為在線平臺或專題活動導流；
  2. 樹立品牌形象 ， 提高用戶粘性和關注度；
  3. 搭建跨平臺系統 ， 打破android和iOS的系統壁壘 ， 快速傳播 。
如果你或你的公司也想做一個H5 ， 該如何下手呢？今天筆者將從角色分工的角度帶你了解H5制作的制作流程 。
在一個完整的H5制作項目中 ， 主要包含以下4個角色：項目經理、策劃、設計、開發 。
h5怎么做從四大角色帶你了解H5制作流程？

文章插圖
△H5制作角色及分工
那么在實際項目中該如何扮演好這些角色呢？
一、項目經理對接需求 ， 把控項目進度 。
項目經理是一個統籌全局的角色 ， 當有制作需求時 ， 項目經理會負責溝通對接 。然后將需求傳達給負責項目的成員 ， 同時把控整體項目進度 。
首先從拆分需求講起 ， 我們可以從5WH的維度拆分需求：
△5WH拆分需求
該維度同時適用于策劃、設計、開發 。
通過這6個維度 ， 項目經理在此基礎上了解到具體需求 ， 同時規劃好項目周期 ， 安排好時間節點 ， 對項目進行把控 。在項目的過程中 ， 項目經理應積極與策劃、設計、開發溝通 ， 協調好上下游 ， 推動項目的進度、做好項目管理、完成項目目標 。
二、策劃構思創意方案 ， 產出交互原型 。
項目經理溝通好需求后會傳達給策劃 ， 策劃即可根據需求 ， 開始進行方案制作 。常規項目中 ， 策劃可先提供幾個方向供大家選擇 。選定一個方向后 ， 策劃再對方案進行細化 。
策劃在制作的過程中 ， 常使用下列工具：
△H5策劃常用工具
  • PPT ：windows最常用的演示軟件 ， 可進行利用矩形、線條等工具繪制基礎原型 。同時利用文本工具進行標注 ， 超鏈接和動畫進行動畫演示 。但是交互說明大多以文字的形式呈現 ， 制作H5觸發跳轉動畫不方便 。
  • Keynote：Mac系統的演示軟件 ， 和PPT類似 ， 但是兼容是雞肋 ， 僅支持MAC系統 。
  • Axure ：專業的原型繪制工具 ， 可進行原型繪制 ， 建立H5交互 ， 同時可以共享演示 。但是不便于其他成員批注及修改 ， 對于新手有一定的學習成本 。
  • 墨刀：在線原型設計與協同工具 ， 共享演示便利 ， 同樣和axure一樣有一定的學習成本 。
  • Word：可繪制原型 ， 無法做鏈接跳轉 ， 大多展示以文字為主 。
在常規的制作中 ， H5策劃更多的是以PPT作為工具進行繪制原型 ， 因為H5對原型圖的需求并不高 ， 而PPT上手簡單、便于演示和修改 。但是當H5設計邏輯較為復雜對原型圖要求較高時 ， 可優先考慮使用axure、墨刀進行繪制 ， 方便與設計及開發演示及溝通 。
還有一些H5是純動畫展示 ， 就需要策劃出分鏡腳本 ， 這時候就需要和設計配合輸出方案 ， 不過如果要求不高 ， 也可以找一些相關的圖進行替代 ， 重要還是闡述清楚想表達的思路 。
策劃在創意輸出的時候 ， 需要和設計、開發積極溝通 ， 比如：場景如何構思展示 ， 技術上是否能夠實現 ， 這樣才能夠確保后續方案的落地 。
△利用PPT進行原型圖繪制
三、設計根據方案 ， 進行視覺實現 。
當方案確認后 ， 就是設計開始執行 。一般H5設計根據需求來大致分為插畫、真人合成、視頻、3D四個方向（個人分類 ， 僅供參考） 。
但是很多人接到需求就不知道如何下手了 ， 那么你需要先做2點：
  1. 認真看完策劃 ， 理清跳轉邏輯及需要設計的內容 ， 有問題可分條列出發給項目經理和策劃溝通并確認具體內容；
  2. 確認設計風格方向 ， 在策劃出方案的時候 ， 有些策劃會提供明確的視覺風格方向 ， 有些則是比較模糊的 ， 如果是比較模糊 ， 可以根據策劃提供適合的風格方向供大家選擇 ， 確認后再開始動手做設計 。

    推薦閱讀