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