手機遊戲視覺設計法則 手机游戏视觉设计法则

<內容簡介>

智能手機的普及讓用戶可以不再受電纜的束縛，在帳篷裏、凳子上甚至廁所裏隨時隨地玩耍遊戲，這種更加自由的遊戲方式給用戶創造了更多沈浸於遊戲中的機會、平臺與時間，手機遊戲也因此越來越受到大眾的關註與喜愛。在這一過程中，手機遊戲的設計成為設計界的焦點，如何才能讓遊戲脫穎而出、獲得用戶青睞呢？本書試圖從視覺設計的角度出發，引領讀者理解和掌握設計出優秀手機遊戲的方法與思路。本書將手機遊戲視覺設計的方法與思路總結歸納為一條條凝練的法則，分9章介紹了手機遊戲視覺設計的總體原則，以及圖標按鈕、圖片、色彩、圖表表現、文字、選關界面、操作說明、遊戲特效的設計和運用。每條法則下均對應列舉和剖析了大量手機遊戲的視覺設計案例，以便讀者瞭解法則在實踐中的運用，在鞏固學習效果的同時也為日後的設計工作開拓了思路。

<章節目錄>

前言
如何獲取雲空間資料
第1章智能手機遊戲視覺設計須知
1.1智能手機遊戲中滲透的 移動UI視覺設計2
法則一視覺設計必須考慮遊戲運行的
硬件環境條件 4
法則二視覺設計與交互設計相輔相成 5
法則三視覺設計要以用戶體驗為核心 7
1. 2手機遊戲視覺設計提升用戶
體驗的訣竅11
法則一和諧統一：保持用戶觀感的
一致性 1 1
法則二有的放矢：瞭解你的目標
用戶群體 12
法則三一目瞭然：提供清晰的表達與
UI2 足夠的細節 14
法則四簡化操作：別讓用戶失去耐心 15
法則五主次分明：合理劃分視覺等級 16
法則六合理反饋，包容用戶 17
法則七言簡意賅：文字說明要簡明
扼要 19
1. 3手機遊戲的世界觀與分類 20
法則一視覺設計要以遊戲的世界觀
為主線 20
法則二 明確遊戲類型讓設計不再盲目 22
第2章手機遊戲大環境與手勢交互
2.1構建結構清晰的手機遊戲大環境 25
法則一遊戲大環境要具備邏輯性 26
法則二從哪裏來回哪裏去 29
法則三界面的視覺設計耍服務於
遊戲大環境 33
2.2設定與視覺相呼應的手勢操作 34
法則一根據遊戲特點添加操控手勢 35
法則二一致的視覺表達加深手勢
操控體驗 39
法則三預留具有舒適度的觸控範圍 42
手機遊戲圖標按鈕設計 l --l
3.1簡潔明確的簡易圖標按鈕 47
法則～圖標按鈕風格要與遊戲風格
法則二適當的裝飾豐富按鈕表現力 49
法則三空心好，實心也好 52
?3.2吸引眼球的華麗圖標按鈕 54
法則一華麗可以，但要有據可依 54
法則二對比鮮明的色彩搭配讓炫目
升級 59
法則三細節添加賦予按鈕華麗質感 61
3.3起引導提示作用的文字圖標
按鈕 63
法則一利用文字引導用戶操作 64
法則二利用文字按鈕互動引起用戶
關註 66
手機遊戲界面中圖的運用 III
第章手機遊戲界面中圖的運用
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
法則二利用圖表製造抗衡感 l13
法則二餅圖也可以“變”起來 124
6.2利用圖表歸類讓信息井井有條 116
法則三 用流程圖輔助信息呈現 125
法則一利用列表創造工整佈局 118
法則二變化表格突出重要信息 120
6.3圖表的花樣“玩”法 l22
法則一條形圖變一變，遊戲界面更生動 ”122
第7章手機遊戲界面中的文字設計
?7.1使用文字引導用戶操作 l28
法則一利用標記性文字進行引導 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手機遊戲操作說明設計 l59
法則一 圖文結合，直觀又清晰 159
法則二使用動態設計讓用戶印象深刻 161
法則 利用互動教學鞏固學習效果 163
第9章手機遊戲界面中的特效設計
9.1特效的應用 l69
法則一具有針對性的特效添加 170
法則二特效表現要適度而精準 172
法則三特效添加要有節奏感 174
法則四 利用線條表現速度動感 176
法則五用特效包裹重要角色與元素 178
9.2光效的應用 181
法則 利用描邊產生光效 181
法則 放射狀設計形成光芒感 183
法則三舞動光效帶來華麗享受 185