目录

第1章　初识游戏UI设计 001

1.1?UI设计与游戏UI 002

1.1.1　UI设计的概念 002

1.1.2　GUI设计的概念 003

1.1.3　游戏UI设计的概念 003

1.2　熟悉游戏UI设计 004

1.2.1　游戏UI设计的目标 004

1.2.2　游戏UI设计与UI设计的不同 005

1.2.3　理解用户体验 006

1.2.4　认知心理学的作用 007

1.3　游戏UI设计的前期准备工作 007

1.3.1　建立完整的游戏世界观 007

1.3.2　确定游戏UI设计风格 009

1.3.3　游戏UI的设计流程 010

1.4　游戏UI的设计原则 013

1.4.1　设计原则的详细释义 013

1.4.2　设计原则的评价标准 014

1.5　提示信息的设计要点 014

1.5.1　使提示信息易于发现 014

1.5.2　避免提示信息干扰 016

1.5.3　使提示信息易于理解 018

1.5.4　使提示信息指向明确 020

1.5.5　利用提示信息促进追求 021

1.6　反馈信息的设计原则 022

1.6.1　通过反馈信息给予控制感 022

1.6.2　利用反馈信息促进理解 024

1.6.3　通过反馈信息给予目标感 024

1.6.4　通过反馈信息给予临境感 026

1.7　游戏UI设计的3种形式 027

1.7.1　游戏UI以功能性为主 027

1.7.2　游戏UI以情感表达为核心 027

1.7.3　游戏UI以营造环境为前提 028

1.8　举一反三——分析游戏《我的小家》的UI设计 028

1.9　本章小结 029

第2章　游戏UI的构成元素 030

2.1　游戏UI设计中的视觉元素 031

2.1.1　色彩元素 031

2.1.2　图形元素 031

2.1.3　文字元素 032

2.2　游戏UI中的图形元素设计 035

2.2.1　图形元素的功能 035

2.2.2　图形元素的作用 035

2.2.3　游戏UI中的图标 036

2.3　游戏UI中的文字元素设计 042

2.3.1　文字在游戏UI中的重要性 042

2.3.2　文字是信息传递的媒介 043

2.3.3　文字作为游戏UI中的视觉元素 043

2.4　游戏UI中的动态控制元素设计 044

2.4.1　按钮元素设计 044

2.4.2　进度条元素设计 050

2.4.3　滚动条元素设计 054

2.4.4　列表元素设计 054

2.4.5　文本输入元素设计 054

2.5　游戏UI中的其他元素设计 055

2.5.1　游戏UI中的视听元素 055

2.5.2　声音元素在游戏UI中的作用 055

2.5.3　游戏UI中的合理配色 056

2.6　举一反三——设计制作Q版游戏的启动按钮 062

2.7　本章小结 063

第3章　网页游戏UI设计 064

3.1　了解网页游戏UI设计 065

3.1.1　什么是网页游戏UI 065

3.1.2　网页游戏的优点 065

3.1.3　网页游戏的限制性 066

3.2　网页游戏的分类 066

3.2.1　战争策略类 066

3.2.2　角色扮演类 067

3.2.3　经营养成类 067

3.2.4　休闲竞技类 068

3.3　游戏UI设计过程解析 071

3.3.1　用户需求 072

3.3.2　预设处理流程 072

3.3.3　UX设计 072

3.3.4　UI设计 074

3.4　网页游戏UI的设计原则 075

3.4.1　游戏界面风格统一 075

3.4.2　游戏界面易操控 081

3.4.3　游戏界面要美观友善 082

3.4.4　游戏界面要简洁易用 082

3.4.5　增强玩家的沉浸感 083

3.5　网页游戏UI的设计目标 086

3.5.1　可用性目标 086

3.5.2　用户体验目标 087

3.6　举一反三——设计制作网页游戏的电源图标 092

3.7　本章小结 093

第4章　网络游戏UI设计 094

4.1　了解网络游戏UI设计 095

4.1.1　网络游戏的概念 095

4.1.2　网络游戏UI设计 095

4.1.3　网络游戏的特点 095

4.2　 网络游戏UI设计类别 096

4.2.1　按游戏种类划分 096

4.2.2　按游戏模式划分 097

4.3　网络游戏UI的设计要求 100

4.3.1　美观易用 100

4.3.2　简单亲和 100

4.3.3　情感联系 101

4.3.4　可延续性 102

4.4　网络游戏与传统单机游戏 102

4.5　角色扮演类游戏UI设计  103

4.5.1　网络游戏的公共元素设计 104

4.5.2　网络游戏的界面结构设计 110

4.5.3　网络游戏的细节优化设计 115

4.6　举一反三——设计制作网络游戏的标题组 120

4.7　本章小结 121

第5章　移动端游戏UI设计 122

5.1　App游戏UI设计概况 123

5.1.1　App游戏的概念 123

5.1.2　不同的移动端操作系统 123

5.2　iOS系统游戏UI设计基础 124

5.2.1　iOS系统的界面尺寸 124

5.2.2　iOS系统的布局尺寸 124

5.3　Android系统游戏UI设计基础 129

5.3.1　Android系统的界面尺寸 129

5.3.2　Android系统的布局尺寸 135

5.4　App游戏的情感设计 141

5.4.1　故事化包装 142

5.4.2　空间导航 142

5.4.3　永远响应 142

5.4.4　强化代入感 143

5.5　App游戏的轻重设计 144

5.5.1　以内容为中心 144

5.5.2　强化控制感 144

5.6　传统游戏与App游戏的异同 145

5.6.1　相同点 145

5.6.2　不同点 145

5.7　其他设备的游戏UI设计 145

5.8　举一反三——设计制作App游戏的开始按钮 152

5.9　本章小结 152