手機游戲視覺設計法則

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