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

第1章 一起踏入App的世界 

1．1 初识App 8

1．1．1 什么是App 8

1．1．2 手机App与平面UI的区别 9

1．1．3 两大智能手机的操作系统 11

1．1．4 App的设计要点 12

1．1．5 常见App设计的经典案例 15

1．2 两大App主流应用商店 16

1．2．1 苹果商店 17

1．2．2 谷歌商店 17

1．3 App的草图设计流程及方法 19

1．3．1 制作App的市场定位 19

1．3．2 草图的绘制 19

1．3．3 视觉设计 20

1．3．4 最终定案 21

1．4 常见App设备标准 22

1．4．1 屏幕尺寸 22

1．4．2 屏幕分辨率 24

1．4．3 屏幕密度 25

1．5 设备中图标尺寸大小规格 26

1．5．1 图标尺寸 27

1．5．2 图标格式 27

1．6 App的界面构成 28

1．6．1 导航栏 30

1．6．2 屏幕栏 31

1．6．3 下方按钮栏 31

1．7 给你的App一点颜色看看 32

1．7．1 冷暖色调对比 33

1．7．2 色彩搭配技巧 34

1．7．3 常见App界面色彩 34

1．8 那些你不可不知的App分类 35

1．8．1 应用程序 35

1．8．2 欢迎界面 36

1．8．3 游戏App设计 36

1．9 制作App常用的设计软件 37

1．9．1 Photoshop CS6 37

1．9．2 Illustrator CS6 37

第2章 App设计的特点和用户体验

2．1 App的特性 39

2．1．1 虚拟键盘 39

2．1．2 目录导航 40

2．1．3 功能操作 42

2．1．4 自上而下的操作 43

2．1．5 减少输入 44

2．1．6 足够大的按钮面积 44

2．1．7 多点触控手势 45

2．2 图标的设计要点 46

2．2．1 图标的可识别性 46

2．2．2 注重图标的创新性 50

2．2．3 图标设计的连续性 51

2．3 App的下载平台 53

2．3．1 安卓系统下载平台 56

2．3．2 iOS系统下载平台 57

2．4 App与用户体验 58

2．4．1 App设计要点 59

2．4．2 用户体验 66

2．5 两大主流平台与App之间的关系 74

2．5．1 安卓平台 75

2．5．2 iOS平台 76

第3章 Photoshop创作个性App 

3．1 基础图形的绘制 78

3．1．1 圆形、椭圆 79

3．1．2 正方形、长方形 82

3．1．3 圆角矩形 84

3．1．4 组合图形 86

3．1．5 虚线框 88

3．1．6 自定义形状 90

3．2 手机App中常见按钮的制作 92

3．2．1 开关 93

3．2．2 下拉选框 96

3．2．3 滑动条 98

3．2．4 对话框 100

3．3 让人过目不忘的启动图标 102

3．3．1 安卓系统启动图标 103

3．3．2 iOS系统启动图标 105

3．4 个性图标的制作 106

3．4．1 扁平化图标 107

3．4．2 高清质感图标 109

3．4．3 游戏图标 112

3．5 单击图标后的界面 116

3．5．1 手机App登录页面UI设计 117

3．5．2 手机App引导页UI设计 121

3．5．3 手机App启动页UI设计 124

3．6 化腐朽为神奇的图片效果处理 128

3．6．1 调整照片色调 129

3．6．2 画中画效果 131

3．6．3 外边框效果 133

3．6．4 卷页效果 135

第4章 界面要素决定App风格

4．1 扁平化风格界面制作 142

安卓手机界面扁平化风格制作 142

苹果手机界面扁平化风格制作 147

4．2 立体图标界面制作 151

彩虹立体按钮涂图标界面 151

水晶立体图标界面 157

金属质感界面 162

4．3 照片图像界面制作 166

日照光效界面 166

光效处理界面 170

翻页照片界面 175

4．4 写实风格界面制作 179

超写实风格界面 179

中国风写实木纹界面 183

4．5 绘画艺术界面制作 189

手绘涂鸦艺术界面 189

动漫风格艺术界面 195

矢量插画风格界面 201

第5章 不同应用系统界面

5．1 工具应用系统界面 207

通信主界面 207

闹钟应用界面 212

天气应用界面 216

手电应用界面 219

计算器应用界面 224

5．2 主题应用系统界面 229

超萌绘画界面 229

简洁创意界面 236

清新主题手机界面 241

5．3 程序软件应用系统界面 250

手机社交应用界面 250

手机相机应用界面 254

手机音乐应用界面 258

5．4 游戏应用系统界面 262

经典消除游戏界面 262

棋牌游戏界面 271

闯关游戏界面 280

附录

A App资源共享 290

A．1 App精致图标欣赏 290

A．2 你不可不知的优秀界面欣赏 291

A．3 你所需要的分层素材共享 292

B App界面构成组件 293

B．1 主屏模式 294

B．2 声音 295

B．3 显示 295

B．4 应用程序管理器 296

B．5 语言和输入 296

B．6 日期和时间 297

B．7 辅助功能 297

C App产品设计禁忌 298

C．1 App屏幕设计禁忌 298

C．2 App文字设计禁忌 300

C．3 App选项设计禁忌 301

C．4 App按钮图标设计禁忌 302

C．5 App空间性设计禁忌 304