Photoshop移动UI界面设计实用教程 全彩超值版PDF电子书下载

第1章 初识UI界面设计 9

1.1认识UI设计 10

1.2常用UI设计单位解析 10

1.3 UI设计常用图像格式 11

1.4 UI设计准则 11

1.5 UI设计与团队合作关系 12

1.5.1团队成员 12

1.5.2 UI设计与项目流程步骤 12

1.6智能手机操作系统简介 12

1.7 UI界面设计常用的软件 14

1.7.1 Photoshop 14

1.7.2 Illustrator 14

1.7.3 CorelDRAW 14

1.8 UI色彩学基础知识 15

1.8.1颜色的概念 15

1.8.2色彩三要素 16

1.8.3加法混色 17

1.8.4减法混色 17

1.8.5补色 17

1.8.6芒塞尔色彩系统（Munsell Color System） 17

1.9 UI设计常见配色方案 18

1.10 UI设计配色秘籍 19

1.11 UI设计色彩学 20

1.11.1色彩与生活 21

1.11.2色彩意象 21

1.12精彩UI界面设计赏析 23

1.13本章小结 23

第2章 精致按钮及旋钮设计 24

2.1理论知识——移动APP按钮尺寸分析 25

2.2课堂案例——下单按钮 25

2.2.1打开素材 26

2.2.2添加质感 26

2.3课堂案例——下载按钮 27

2.3.1打开素材 27

2.3.2添加质感 27

2.4课堂案例——简洁进度条 28

2.4.1打开素材 28

2.4.2复制变换图形 28

2.5课堂案例——音量滑动条 29

2.5.1打开素材 29

2.5.2绘制图形 30

2.6课堂案例——圆形开关按钮 30

2.6.1制作背景并绘制图形 30

2.6.2添加文字 34

2.7课堂案例——功能旋钮 35

2.7.1制作背景并绘制图形 35

2.7.2绘制功能图像 37

2.7.3制作立体质感 38

2.7.4绘制指示图形 40

2.7.5添加文字 41

2.8课堂案例——金属旋钮 42

2.8.1制作背景并绘制图形 42

2.8.2制作质感 44

2.8.3制作指示标记 46

2.8.4制作滑块图形 48

2.8.5制作插孔 52

2.9课堂案例——皮革旋钮 56

2.9.1制作背景 56

2.9.2绘制图形 57

2.9.3制作控件 60

2.10课堂案例——品质音量控件 64

2.10.1制作背景 64

2.10.2制作控件 65

2.10.3制作细节 74

2.11课堂案例——音频调节控件 76

2.11.1制作背景并绘制图形 76

2.11.2绘制刻度 79

2.11.3制作控件 82

2.12本章小结 86

2.13课后习题 86

2.13.1习题1——白金质感开关按钮 86

2.13.2习题2——品质音量旋钮 87

2.13.3习题3——音量控件 87

第3章 趋势流行扁平风 88

3.1理论知识——扁平化设计 89

3.1.1何为扁平化设计 89

3.1.2扁平化设计的优缺点 89

3.1.3扁平化设计四大原则 89

3.2课堂案例——扁平铅笔图标 91

3.2.1绘制图标 91

3.2.2变换图形 92

3.2.3绘制细节 93

3.2.4制作阴影 95

3.3课堂案例——微信图标 97

3.3.1制作背景 97

3.3.2绘制图标 98

3.4课堂案例——淡雅应用图标控件 99

3.4.1制作背景 100

3.4.2绘制图形 100

3.4.3添加素材 103

3.5课堂案例——扁平化邮箱界面 104

3.5.1制作背景及状态栏 104

3.5.2添加文字 105

3.6课堂案例——iOS风格音乐播放器界面 107

3.6.1制作应用界面 107

3.6.2展示页面 113

3.7课堂案例——社交应用登录框 114

3.7.1制作背景 115

3.7.2绘制界面 116

3.8课堂案例——简约风天气APP 118

3.8.1制作背景 119

3.8.2添加素材并绘制图形 119

3.9课堂案例——个人应用APP界面 121

3.9.1制作背景 122

3.9.2绘制界面图形 122

3.9.3添加文字并制作细节 123

3.9.4绘制二级功能页面 125

3.10本章小结 127

3.11课后习题 127

3.11.1习题1——便签图标设计 127

3.11.2习题2——扁平相机图标 128

3.11.3习题3——天气Widget 128

第4章 超强表现力之写实风格 129

4.1理论知识——写实风格解析 130

4.1.1写实的艺术表现形式 130

4.1.2 UI设计的写实表现 130

4.2课堂实例——写实计算器图标 132

4.2.1制作背景并绘制图形 132

4.2.2添加文字 134

4.2.3绘制按键 135

4.3课堂实例——写实邮箱图标 137

4.3.1制作背景并绘制图形 138

4.3.2制作高光质感 138

4.3.3制作阴影质感 139

4.3.4绘制细节图像 140

4.3.5绘制邮筒元素图像 142

4.4课堂实例——写实电视图标 145

4.4.1制作背景并绘制图形 145

4.4.2添加素材 147

4.4.3添加高光质感 148

4.5课堂实例——写实小票图标 152

4.5.1制作背景并绘制图形 152

4.5.2制作锯齿效果 155

4.5.3添加文字并制作阴影 155

4.6课堂实例——写实开关图标 157

4.6.1制作背景 157

4.6.2绘制图形 158

4.6.3制作控件 160

4.7课堂实例——写实牛皮钱包图标 164

4.7.1制作背景并绘制图形 164

4.7.2制作高光质感 167

4.7.3添加素材并制作质感 168

4.7.4制作细节 170

4.8本章小结 173

4.9课后习题 174

4.9.1习题1——写实手机图标 174

4.9.2习题2——写实闹钟图标 174

4.9.3习题3——写实钢琴图标 174

4.9.4习题4——写实开关设计 175

第5章 iOS风格界面设计 176

5.1理论知识——认识iOS风格 177

5.1.1 iOS的发展及界面分布 177

5.1.2认识iOS的控件 177

5.2课堂案例——苹果风格登录界面 178

5.2.1制作背景 179

5.2.2绘制图形 179

5.2.3添加素材 181

5.2.4绘制文本框 182

5.3课堂案例——电话界面 184

5.3.1制作背景并绘制图形 184

5.3.2添加文字 186

5.3.3制作界面元素 187

5.3.4添加素材 188

5.4课堂案例——用户界面 191

5.4.1制作背景 191

5.4.2添加素材 195

5.4.3绘制图形 197

5.4.4添加素材及文字 200

5.4.5绘制拟物图形 204

5.5课堂案例——会员登录框界面 208

5.5.1制作背景并绘制图形 208

5.5.2添加文字并绘制文本框图形 210

5.6课堂案例——翻页登录界面 215

5.6.1制作背景 215

5.6.2绘制图形 215

5.6.3制作界面细节 217

5.7本章小结 220

5.8课后习题 220

5.8.1习题1——摄影网站会员登录 220

5.8.2习题2——iPod应用登录界面 221

5.8.3习题3——木质登录界面 221

第6章 精品极致图标制作 222

6.1理论知识——了解图标 223

6.1.1图标的分类 223

6.1.2图标的作用 223

6.1.3图标的格式 223

6.1.4图标和图像大小 224

6.1.5精美APP图标欣赏 226

6.2课堂案例——简洁罗盘图标 226

6.2.1制作背景并绘制图形 226

6.2.2绘制表座 228

6.2.3绘制指针 229

6.3课堂案例——简洁进程图标 230

6.3.1制作背景并添加图像 231

6.3.2绘制图形 231

6.4课堂案例——唱片机图标 232

6.4.1制作背景并绘制图形 233

6.4.2制作纹理图像 234

6.4.3绘制托盘 236

6.4.4绘制卡座 239

6.4.5绘制线缆图形 239

6.5课堂案例——湿度计图标 240

6.5.1制作背景并绘制图形 240

6.5.2定义笔触并设置 243

6.5.3绘制刻度图形 244

6.6课堂案例——小黄人图标 246

6.6.1制作背景并绘制图形 246

6.6.2制作图标元素 248

6.6.3绘制眼镜图形 249

6.6.4绘制嘴巴图形 255

6.7课堂案例——流量计图标 257

6.7.1制作背景并绘制图形 257

6.7.2定义笔触 259

6.7.3绘制指针 261

6.8课堂案例——清新邮件图标 262

6.8.1制作背景并绘制图形 262

6.8.2绘制锁扣图形 264

6.9课堂案例——清新音乐图标 265

6.9.1制作背景并绘制图形 266

6.9.2制作光盘图形 266

6.10课堂案例——下载图标 267

6.10.1制作背景并绘制图形 267

6.10.2制作图标元素 269

6.11本章小结 272

6.12课后习题 272

6.12.1习题1——清新日历图标 272

6.12.2习题2——进度图标 273

6.12.3习题3——日历和天气图标 273

6.12.4习题4——指南针图标 274

第7章 流行界面设计荟萃 275

7.1理论知识——UI界面设计尺寸 276

7.1.1 iPhone和Android设计尺寸 276

7.1.2 Android系统换算及主流手机设置 277

7.2课堂案例——天气界面 279

7.2.1制作背景 279

7.2.2绘制第1个界面 280

7.2.3添加文字及素材 280

7.2.4绘制第2个界面 283

7.3课堂案例——票券APP界面 284

7.3.1制作背景并绘制状态栏 284

7.3.2添加素材 285

7.3.3添加文字 286

7.3.4绘制按钮图形 287

7.3.5添加文字及素材 288

7.4课堂案例——下载数据界面 290

7.4.1制作背景并绘制状态栏 290

7.4.2绘制图形 290

7.4.3添加文字 291

7.5课堂案例——游戏界面 294

7.5.1制作背景 294

7.5.2绘制界面 296

7.5.3绘制界面元素 297

7.5.4添加文字 298

7.5.5制作按钮控件 302

7.6课堂案例——APP游戏个人界面 307

7.6.1创建画布并添加素材 307

7.6.2添加文字 309

7.6.3添加图标 311

7.7课堂案例——iOS风格电台界面 312

7.7.1制作背景并制作状态栏 312

7.7.2制作界面元素 312

7.7.3制作界面细节 317

7.7.4添加素材 318

7.8本章小结 320

7.9课后习题 320

7.9.1习题1——影视播放界面 320

7.9.2习题2——美食应用APP界面 320

7.9.3习题3——经典音乐播放器界面 321

第8章 综合设计实战 322

8.1课堂案例——精致CD控件 323

8.1.1制作背景并绘制图形 323

8.1.2绘制旋钮 324

8.1.3制作质感 325

8.1.4制作细节 327

8.1.5添加文字 329

8.2课堂案例——信息接收控件 330

8.2.1制作背景并绘制图形 330

8.2.2制作控件元素 332

8.2.3添加文字 333

8.3课堂案例——天气信息控件 334

8.3.1制作背景 334

8.3.2绘制界面 336

8.3.3添加文字 345

8.4课堂案例——Windows Phone界面 346

8.4.1制作背景 346

8.4.2绘制图形 347

8.4.3添加文字及素材 349

8.5课堂案例——APP游戏下载页 351

8.5.1制作背景并添加素材 352

8.5.2绘制图形 352

8.5.3绘制细节图形 354

8.6课堂案例——APP游戏安装页 355

8.6.1制作背景并绘制图形 356

8.6.2添加素材并绘制图形 356

8.6.3添加文字 357

8.6.4添加素材 357

8.7本章小结 359

8.8课后习题 359

8.8.1习题1——点餐APP界面 359

8.8.2习题2——概念手机界面 360