H5設計理念、設計思路

    設計稿確認后就需要交付給技術進行開發，開發過程這里不作過多描述。當制作完成，大家可以一起進行測試。測試維度主要是以下三個方面：視覺還原度,音效、動效配合及實現,體驗是否流暢。這是一個反復確認的過程，當一切準備完畢，H5 就完成了，就可以靜靜等待上線。下面就由小編為您介紹H5設計理念、設計思路。

易海報

2.1

5條點評

咨詢產品

免費試用

解決用戶選型困難的好軟件，有各維度的信息

客戶案例

暫無

合作品牌

13

H5設計理念、設計思路

      當方案確認后，就是設計開始執行。一般 H5 設計根據需求來大致分為插畫、真人合成、視頻、3D 四個方向（個人分類，僅供參考）。但是很多人接到需求就不知道如何下手了，那么你需要先做2點：

• 認真看完策劃，理清跳轉邏輯及需要設計的內容，有問題可分條列出發給項目經理和策劃溝通并確認具體內容；

• 確認設計風格方向，在策劃出方案的時候，有些策劃會提供明確的視覺風格方向，有些則是比較模糊的，如果是比較模糊，可以根據策劃提供適合的風格方向供大家選擇，確認后再開始動手做設計。

      在做的過程中一定不要盲目做也不要一次性做完全部的頁面，正確的做法是先溝通確認需求，然后出 demo 確認風格再進行下一步，這樣可提高整體的工作效率。demo 可以選擇首頁或較為重要的頁面優先進行視覺設計。設計風格上要契合產品調性和受眾喜好，同時也需要考慮公司品牌文化展示的一些需求。

      除了視覺的展示，一個優秀的 H5 還包含動效和音樂。動效部分如果非視頻植入，建議繪制逐幀給到開發實現，繪制也需和開發提前溝通實現效果。如果頁面動畫的呈現是由設計師自己把控，那么在設計結束后，建議撰寫動畫頁面展示效果說明，一起交給開發，避免反復的溝通。

     同時很多同學對 H5 設計尺寸還抱有疑惑，首先給大家看看這一年多我自己作圖尺寸的變化。

     具體的工作流程和職能劃分也可結合自己的實際情況進行調整。但是萬變不離其宗，做任何項目都需要理清制作需求、把控好項目進度、積極溝通反饋，更要學會總結復盤，對項目進行回顧反思，總結經驗。如果你是負責自家的產品，則需要在一開始就策劃好整個推廣流程。比如是單獨推 H5 還是結合活動進行推廣、什么時間推、推廣渠道等等，這些就需要更加詳細的策劃方案。以上就是小編為您介紹的H5設計理念、設計思路。