创意UI Photoshop玩转移动UI设计（第2版）

第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