手機(jī)游戲視覺(jué)設(shè)計(jì)法則

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