Photoshop移动UI界面设计实用教程【2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载】

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 Photoshop14

1.7.2 Illustrator14

1.7.3 CorelDRAW14

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 课堂案例——简约风天气APP118

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——天气Widget128

第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