详情
本书通过案例的方式介绍了如何使用Photoshop进行移动UI设计，全书分为5章，每章都包括丰富的移动UI设计知识和详细的设计制作讲解。包括初入移动UI设计的世界、你所不不知道的移动UI特性和界面导航设计、Photoshop和移动UI的那些事儿、现在就开始移动手机之旅和超人气平板界面是这样练成的等内容，使读者由浅入深，逐步了解使用Photoshop进行移动UI界面设计的整体思路和制作过程。
第 1章 初入移动UI设计的世界
1.1 认识移动UI 8
1.1.1 什么是移动UI设计 8
1.1.2 移动UI设计的特点 9
1.1.3 移动UI设计的经典案例 10
1.2 移动设备的三大主流平台和设计的基本原则 12
1.2.1 iOS平台和设计的基本原则 12
1.2.2 Android平台和设计的基本原则 15
1.3 常用移动界面 16
1.3.1 常用手机界面 16
1.3.2 常用平板电脑界面 18
1.4 移动UI的草图设计流程 20
1.5 移动设备界面色彩搭配 21
1.5.1 色彩对移动界面的重要性 21
1.5.2 移动设备界面色彩的搭配方法 21
1.5.3 移动设备中色彩的传达 23
1.6 移动设备中各尺寸标准 24
1.6.1 手机的基本尺寸标准 24
1.6.2 平板的基本尺寸标准 24
1.6.3 手机的基本分辨率 26
1.6.4 平板的基本分辨率 27
1.7 移动UI使用的注意要点 28
1.7.1 移动UI设计的颜色使用要点 28
1.7.2 移动UI设计的图案使用要点 32
1.7.3 移动UI设计的字体使用要点 33
第 2章 你所不知道的移动UI特性和界面
导航设计
2.1 移动设备的特性 37
2.1.1 高便携性 37
2.1.2 隐私性 37
2.1.3 应用轻便 37
2.1.4 手机媒体的特性 38
2.1.5 iPad的特性 40
2.2 手摸势交互特性 42
2.2.1 重复与循环动作 42
2.2.2 连贯动作法和关键动作法 42
2.2.3 夸张的方式制作利于触碰 43
2.3 移动用户体验设计方法 44
2.3.1 有效的人机交互策略 44
2.3.2 移动设备的可用性 45
2.3.3 以用户为中心的移动UI设计 48
2.3.4 访客到上的设计秘籍 48
2.4 导航栏和按钮的设计要点 49
2.4.1 应用的导航栏设计 49
2.4.2 导航栏返回按钮 51
2.5 移动应用导航的设计模式 53
2.5.1 跳板式 56
2.5.2 列表菜单式 58
2.5.3 选项卡式 59
2.5.4 陈列馆式 60
2.5.5 仪表式和隐喻式 61
2.5.6 超级菜单式 62
2.5.7 图片轮盘式 62
2.5.8 扩展列表式 63
2.6 2017年移动设备的发展趋势 66
2.6.1 隐藏菜单 66
2.6.2 Touch ID的完全控制 66
2.6.3 模糊背景图片 67
2.6.4 代替传统设备的穿戴式终端 67
2.6.5 卡片式设计将会变得更频繁 67
2.6.6 娱乐与个性化 68
2.6.7 纸质化设计 68
2.6.8 精挑细选的配色 68
第3章 Photoshop和移动UI的那些事儿
3.1 移动UI中基础图形的绘制 70
3.1.1 正方形、长方形 72
3.1.2 圆角矩形 74
3.1.3 椭圆 77
3.1.4 组合图形 83
3.1.5 其他形状 85
3.2 常见控件的制作 87
3.2.1 按钮 87
3.2.2 对话框 91
3.2.3 选项条 95
3.2.4 切换条 99
3.2.5 滚动条 103
3.2.6 播放器 108
3.3 图标的制作 111
3.3.1 时间图标 111
3.3.2 相机图标 117
3.3.3 音乐图标 122
3.3.4 天气图标 127
第4章 现在就开始移动手机之旅
4.1 移动手机设置界面 136
手机时钟设置界面 136
手机联系人设置界面 141
手机锁屏设置界面 146
手机显示设置界面 150
4.2 移动手机主题界面 154
小清新风格手机主题 154
女性风格手机主题界面 162
可爱风格手机主题界面 166
特效手机主题界面 170
手绘风格手机主题界面 176
4.3 移动手机应用界面 183
手机照片应用界面 183
手机音乐应用界面 189
手机游戏应用界面 197
第5章 超人气平板界面是这样炼成的
5.1平板主题界面设计 208
安卓系统主题界面设计 208
苹果系统主题界面设计 214
Windows系统主题界面设计 220
5.2平板应用游戏界面设计 225
iPad休闲游戏 225
iPad益智游戏 233
5.3平板常用软件界面设计 240
平板电影高清时代 240
平板娱乐应用界面 248
平板音乐应用界面 253
5.4平板阅读界面设计 259
iPad电子明信片浏览 259
女性网购站点 267
儿童学习教育 277
附录
01 设计背景 286
触控目标大小的定义 286
僧多粥少 287
可玩性主要在于手控的操作 288
02 不同类型移动设备的可用性各异 289
iOS移动设备的可用性 290
Android移动设备的可用性 291
03 移动网站与完整版网站 292
移动优化的网站 293
为什么完整版网站不适合移动使用 296
移动端比桌面端要求更严格 297
响应式设计 299
可用性原则很少非黑即白 301
