手机游戏视觉设计法则

前言
如何获取云空间资料
第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