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