手機游戲視覺設計法則

前言
如何獲取雲空間資料

第1章 智能手機游戲視覺設計須知
1.1智能手機游戲中滲透的 移動UI視覺設計2
法則一視覺設計必須考慮游戲運行的硬件環境條件 4
法則二視覺設計與交互設計相輔相成 5
法則三視覺設計要以用戶體驗為核心 7
1.2手機游戲視覺設計提升用戶體驗的訣竅11
法則一和諧統一：保持用戶觀感的一致性 11
法則二有的放矢：了解你的目標用戶群體 12
法則三一目了然：提供清晰的表達與足夠的細節 14
法則四簡化操作：別讓用戶失去耐心 15
法則五主次分明：合理划分視覺等級 16
法則六合理反饋，包容用戶 17
法則七言簡意賅：文字說明要簡明扼要 19
1.3手機游戲的世界觀與分類 20
法則一視覺設計要以游戲的世界觀為主線 20
法則二 明確游戲類型讓設計不再盲目 22

第2章 手機游戲大環境與手勢交互
2.1構建結構清晰的手機游戲大環境 25
法則一游戲大環境要具備邏輯性 26
法則二從哪里來回哪里去 29
法則三界面的視覺設計耍服務於游戲大環境 33
2.2設定與視覺相呼應的手勢操作 34
法則一根據游戲特點添加操控手勢 35
法則二一致的視覺表達加深手勢操控體驗 39
法則三預留具有舒適度的觸控范圍 42

第3章 手機游戲圖標按鈕設計
3.1簡潔明確的簡易圖標按鈕 47
法則一圖標按鈕風格要與游戲風格
法則二適當的裝飾豐富按鈕表現力 49
法則三空心好，實心也好 52
3.2吸引眼球的華麗圖標按鈕 54
法則一華麗可以，但要有據可依 54
法則二對比鮮明的色彩搭配讓炫目升級 59
法則三細節添加賦予按鈕華麗質感 61
3.3起引導提示作用的文字圖標按鈕 63
法則一利用文字引導用戶操作 64
法則二利用文字按鈕互動引起用戶關注 66

第4章 手機游戲界面中圖的運用
4.1豐富圖片表現力的細節設置 70
法則一添加圖片裝飾效果，突顯游戲特色 『70
法則二添加疊加裝飾，讓圖片參與交互 73
法則三別讓界面背景圖片喧賓奪主 75
4.2游戲主界面中圖的使用 77
法則一合理組合圖片，創造游戲氛圍 77
法則二別讓圖搶了按鈕的「風頭」 80
4.3插圖用得好，界面更生動 83
法則一使用符合用戶認知經驗習慣的插圖傳達情緒 83
法則二使用動態的插圖創造游戲臨境感 86
法則三使用富有情景效果的插圖增強表現力 87

第5章 手機游戲界面中的色彩運用
5.1游戲基調與風格影響界面主色調 90
法則一高純度色彩表現活潑的游戲風格 91
法則二暗灰色調烘托緊張的游戲氛圍 92
法則三清新的色調帶來舒適溫暖的視覺體驗 94
法則四無彩色與點綴色結合創造簡潔生動的界面 96
法則五雙色搭配呈現獨特的界面風格 「98
5.2色彩變化表現游戲狀態 102
法則一利用填色與未填色產生對比感受 102
法則二利用浮出與下沉產生對比感受 105
法則三利用絢麗與朴實產生對比感受 106

第6章 手機游戲界面中的圖表運用
6.1利用圖表呈現游戲的對抗感 108
法則一利用圖表展現實力差距 111
法則二利用圖表制造抗衡感 113
法則二餅圖也可以「變」起來 124
6.2利用圖表歸類讓信息井井有條 116
法則三 用流程圖輔助信息呈現 125
法則一利用列表創造工整布局 118
法則二變化表格突出重要信息 120
6.3圖表的花樣「玩」法 122
法則一條形圖變一變，游戲界面更生動 」122

第7章 手機游戲界面中的文字設計
7.1使用文字引導用戶操作 128
法則一利用標記性文字進行引導 129
法則二添加必要的進度提醒文字 131
法則三用動態文字引起用戶關注 133
7.2利用文字的裝飾性傳情達意 134
法則一文字字體的情感表達要符合游戲情景 135
法則二文字的排列方向也能醞釀情緒 138
7.3文字的變化營造層次感和節奏感 139
法則一調控筆畫粗細讓文字主次分明 139
法則二字體顏色的交替讓界面更加生動 141
法則三文字的透明度變化也能產生節奏感 143
7.4文字還能變得更美 144
法則一 「畫」出文字與游戲的關聯感 144
法則二使用特效讓文字更具質感 147
7.5文字尺寸大小也很重要 148
法則一文字再小也要清晰可讀 148
法則二文字可以大卻不能超越界面或屏幕 149
法則三文字大小對比可以表現主次關系 150

第8章 手機游戲選關界面與操作說明設計
8.1手機游戲選關界面布局設計 154
法則一井井有條的網格式布局 155
法則二具有表現力的隱喻式布局 157
8.2手機游戲操作說明設計 159
法則一圖文結合，直觀又清晰 159
法則二使用動態設計讓用戶印象深刻 161
法則三利用互動教學鞏固學習效果 163

第9章 手機游戲界面中的特效設計
9.1特效的應用 169
法則一具有針對性的特效添加 170
法則二特效表現要適度而精准 172
法則三特效添加要有節奏感 174
法則四 利用線條表現速度動感 176
法則五用特效包裹重要角色與元素 178
9.2光效的應用 181
法則 利用描邊產生光效 181
法則 放射狀設計形成光芒感 183
法則三舞動光效帶來華麗享受 185