手機游戲視覺設(shè)計法則

前言
如何獲取云空間資料
第1章智能手機游戲視覺設(shè)計須知
1.1智能手機游戲中滲透的 移動UI視覺設(shè)計2
法則一視覺設(shè)計必須考慮游戲運行的
硬件環(huán)境條件 4
法則二視覺設(shè)計與交互設(shè)計相輔相成 5
法則三視覺設(shè)計要以用戶體驗為核心 7
1. 2手機游戲視覺設(shè)計提升用戶
體驗的訣竅11
法則一和諧統(tǒng)一：保持用戶觀感的
一致性 1 1
法則二有的放矢：了解你的目標(biāo)
用戶群體 12
法則三一目了然：提供清晰的表達與
UI2 足夠的細節(jié) 14
法則四簡化操作：別讓用戶失去耐心 15
法則五主次分明：合理劃分視覺等級 16
法則六合理反饋，包容用戶 17
法則七言簡意賅：文字說明要簡明
扼要 19
1. 3手機游戲的世界觀與分類 20
法則一視覺設(shè)計要以游戲的世界觀
為主線 20
法則二 明確游戲類型讓設(shè)計不再盲目 22
第2章手機游戲大環(huán)境與手勢交互
2.1構(gòu)建結(jié)構(gòu)清晰的手機游戲大環(huán)境 25
法則一游戲大環(huán)境要具備邏輯性 26
法則二從哪里來回哪里去 29
法則三界面的視覺設(shè)計耍服務(wù)于
游戲大環(huán)境 33
2.2設(shè)定與視覺相呼應(yīng)的手勢操作 34
法則一根據(jù)游戲特點添加操控手勢 35
法則二一致的視覺表達加深手勢
操控體驗 39
法則三預(yù)留具有舒適度的觸控范圍 42
手機游戲圖標(biāo)按鈕設(shè)計 l l
3.1簡潔明確的簡易圖標(biāo)按鈕 47
法則-圖標(biāo)按鈕風(fēng)格要與游戲風(fēng)格
法則二適當(dāng)?shù)难b飾豐富按鈕表現(xiàn)力 49
法則三空心好，實心也好 52
?3.2吸引眼球的華麗圖標(biāo)按鈕 54
法則一華麗可以，但要有據(jù)可依 54
法則二對比鮮明的色彩搭配讓炫目
升級 59
法則三細節(jié)添加賦予按鈕華麗質(zhì)感 61
3.3起引導(dǎo)提示作用的文字圖標(biāo)
按鈕 63
法則一利用文字引導(dǎo)用戶操作 64
法則二利用文字按鈕互動引起用戶
關(guān)注 66
手機游戲界面中圖的運用 III
第章手機游戲界面中圖的運用
4.1豐富圖片表現(xiàn)力的細節(jié)設(shè)置 70
法則一添加圖片裝飾效果，
突顯游戲特色 ‘70
法則二添加疊加裝飾，讓圖片參與
交互 73
法則三別讓界面背景圖片喧賓奪主 75
4.2游戲主界面中圖的使用 77
法則一合理組合圖片，創(chuàng)造游戲氛圍 77
法則二別讓圖搶了按鈕的“風(fēng)頭” 。80
4.3插圖用得好，界面更生動 83
法則一使用符合用戶認(rèn)知經(jīng)驗習(xí)慣的插圖傳達情緒 83
法則二使用動態(tài)的插圖創(chuàng)造游戲臨境感 86
法則三使用富有情景效果的插圖增強
表現(xiàn)力 87
第5章手機游戲界面中的色彩運用
5.1游戲基調(diào)與風(fēng)格影響界面主色調(diào) 90
法則一高純度色彩表現(xiàn)活潑的游戲風(fēng)格 91
法則二暗灰色調(diào)烘托緊張的游戲氛圍 92
法則三清新的色調(diào)帶來舒適溫暖的
視覺體驗 94
法則四無彩色與點綴色結(jié)合創(chuàng)造
簡潔生動的界面 96
法則五雙色搭配呈現(xiàn)獨特的界面風(fēng)格 “98
5.2色彩變化表現(xiàn)游戲狀態(tài) 102
法則一利用填色與未填色產(chǎn)生對比
感受 102
法則二利用浮出與下沉產(chǎn)生對比感受 105
法則三利用絢麗與樸實產(chǎn)生對比感受 106
第6章 手機游戲界面中的圖表運用
6.1利用圖表呈現(xiàn)游戲的對抗感 108
法則一利用圖表展現(xiàn)實力差距 111
法則二利用圖表制造抗衡感 l13
法則二餅圖也可以“變”起來 124
6.2利用圖表歸類讓信息井井有條 116
法則三 用流程圖輔助信息呈現(xiàn) 125
法則一利用列表創(chuàng)造工整布局 118
法則二變化表格突出重要信息 120
6.3圖表的花樣“玩”法 l22
法則一條形圖變一變，游戲界面更生動 ”122
第7章手機游戲界面中的文字設(shè)計
?7.1使用文字引導(dǎo)用戶操作 l28
法則一利用標(biāo)記性文字進行引導(dǎo) 129
法則二添加必要的進度提醒文字 131
法則三用動態(tài)文字引起用戶關(guān)注 133
7.2利用文字的裝飾性傳情達意 134
法則一文字字體的情感表達要符合
游戲情景 135
法則二文字的排列方向也能醞釀情緒 138
7.3文字的變化營造層次感和節(jié)奏感 139
法則一調(diào)控筆畫粗細讓文字主次分明 139
法則二字體顏色的交替讓界面更加
生動 141
法則三文字的透明度變化也能
產(chǎn)生節(jié)奏感 143
7.4文字還能變得更美 144
法則一 “畫”出文字與游戲的關(guān)聯(lián)感 144
法則二使用特效讓文字更具質(zhì)感 147
7.5文字尺寸大小也很重要 148
法則一文字再小也要清晰可讀 148
法則二文字可以大卻不能超越界面
或屏幕 149
法則三文字大小對比可以表現(xiàn)主次
關(guān)系 150
第8章手機游戲選關(guān)界面與操作說明設(shè)計
8.1手機游戲選關(guān)界面布局設(shè)計 154
法則一井井有條的網(wǎng)格式布局 155
法則二具有表現(xiàn)力的隱喻式布局 157
8.2手機游戲操作說明設(shè)計 l59
法則一 圖文結(jié)合，直觀又清晰 159
法則二使用動態(tài)設(shè)計讓用戶印象深刻 161
法則 利用互動教學(xué)鞏固學(xué)習(xí)效果 163
第9章手機游戲界面中的特效設(shè)計
9.1特效的應(yīng)用 l69
法則一具有針對性的特效添加 170
法則二特效表現(xiàn)要適度而精準(zhǔn) 172
法則三特效添加要有節(jié)奏感 174
法則四 利用線條表現(xiàn)速度動感 176
法則五用特效包裹重要角色與元素 178
9.2光效的應(yīng)用 181
法則 利用描邊產(chǎn)生光效 181
法則 放射狀設(shè)計形成光芒感 183
法則三舞動光效帶來華麗享受 185