H5項目設計前需要準備什么
一、了解項目背景、受眾群體，把握產品方向
一個成熟的設計作品，不僅要有絢麗的視覺效果，還要達到產品與受眾群體的共識。作為設計師，了解項目的背景，運營方向及受眾群體，是最重要的環節，我們首先要了解：
1.項目特性，需要展現給用戶什么樣的氣質和感受做設計，這個需要提前確定好，一般來說用得比較多的幾種風格：扁平插畫、運營活動、科技感。
2.這個項目的受眾人群，他們需要什么樣的視覺感受設計前我們還要了解H5游戲的目標對象—-年齡段、教育水平、用戶習慣、用戶喜好、消費能力等 例：（1）兒童：卡通，童趣，色彩豐富鮮艷，設計用一些可愛的字體，添加一些童趣的元素（2）年輕人：簡約，更注重色彩和排版，顏色可以低飽和度也可以高飽和對比，但是絕對不能顯臟，讓人沒有點擊欲望，除了標題字體其余字體最好使用一些無飾線體，整體的字體可以稍微小一些，看起來更加精致，字體太大顯得很笨拙（3）政府單位（或年紀偏大）：不需要過于復雜的設計，能夠簡單清晰看到需要的內容，不用動腦思考，參考學校系統盡量把所有內容簡單化，但是要注意美觀（不需要復雜設計不是說當做原型圖來做設計，需要添加一些細節，但是細節部分不能夠影響主要內容，比如色塊區分，添加漸變投影）
3.競品分析你做的一個項目在行業中已經有了很多同樣的設計作品，他們已經把這樣產品的定義上了某種感官的形態，個人比較贊同的遵循微創新的設計觀點，競品分析是一個重要的環節，競品的不足是創新的切入點。（競品分析誤區：參考競品并不是抄襲。每個設計都有自己的特點，競品分析應該更注重理解設計者對產品的理解，以及結合用戶群體對該產品所做的視覺表達。）
二、發散思維，搜索關鍵詞
搜集關鍵詞是一個做加法的步驟，結合上述你對產品的了解后，需要把所有關鍵詞全部列出，并找到共通點。
三、結合關鍵詞提煉出視覺元素
搜集關鍵詞之后，我們并不需要急于設計。先根據創意繪制一張草稿，根據草稿的所需元素，收集圖片素材，提煉并加工組合。在找到關鍵詞共通點后，就到了頭腦風暴環節，搜集符合的圖片能讓你迅速找到靈感，更準確的定位基調和視覺展現效果。而整體效果的定位是設計的最初也是最關鍵的環節。
四、確定視覺元素及動態展現
1.視覺元素：產品定位，合理安排界面各元素的位置，將凌亂的頁面、混雜的內容依整體信息的需要進行分組歸納、組織排列，使界面元素主次分明、重點突出，幫助用戶便利的找到所需信息，獲得流暢的視覺體驗。結合關鍵詞尋找元素：整體畫面以紅橙為主色調，符合節日氛圍，同時添加燈籠，煙花元素突出新年H5的主題。
2.界面視覺方向：體現活動內新年活動氛圍，界面風格借鑒首頁風格元素，使得整體視覺更貼合活動本身。
3.結合關鍵詞找相關元素，并搜集參考圖片。
4.最終效果：以門框為原型，加入祥云、金幣等元素。
通過以上方法，可以延伸出產品簡版的視覺規范，以便把控設計風格，這樣可以打好堅固的基礎，設計工作才能更高效。藍橙互動是一家專業的H5開發外包公司，有多年H5開發經驗，目前已為數百家企業合作推出了上千款案例，歡迎您前來體驗。
工期報價咨詢
微信掃碼咨詢
掃碼了解精彩案例