Photoshop CC移动UI设计实用教程

图书标准信息

• 作者 水木居士
• 出版社 人民邮电出版社
• 出版时间 2018-01
• 版次 1
• ISBN 9787115469335
• 定价 49.00元
• 装帧 其他
• 开本 16开
• 纸张 胶版纸
• 页数 319页
• 字数 563千字

【内容简介】

本书是一本全面介绍如何使用Photoshop进行UI设计的实用教程，针对零基础读者本书是一本全面介绍如何使用Photoshop进行UI设计的实用教程，针对零基础读者开发，是入门级读者快速全面掌握使用Photoshop进行UI设计的参考书。
  本书由具有多年丰富UI设计经验的一线设计师精心编写，通过全实例、图文并茂的详细阐述，将UI设计过程再现，从UI设计基础到精致按钮及旋钮设计，从扁平风格到写实风格等，全面展示UI设计精髓。本书对UI设计中的各种流行设计风格做了全面剖析，每个案例都有详细的制作流程详解，并且为读者安排了相关的课后练习题，读者在学完案例后可通过习题进行深入练习，拓展自己的创意思维，提高UI设计水平。
  本书附赠教学资源，包括书中所有实例的素材文件及效果源文件，还有所有实例及课后习题的多媒体高清有声教学视频，帮助读者提高学习效率。另外，为方便老师教学，本书还提供了PPT教学课件，以供参考。
  本书适合作为UI设计初学者、平面设计师和手机App开发人员的参考用书，也可作为培训机构、大中专院校相关专业的教学参考书或上机实践指导用书。

【作者简介】

王红卫，毕业于郑州大学计算机专业。在北京理工大学百事特电脑教育部做讲师6年。创立水木风云工作室，以教材及店销书籍编写为主，从事编辑与广告、企业系列海报等设计工作。

【目录】

第 1章 初识UI设计9

1.1  认识UI设计10

1.2  常用UI设计单位解析10

1.3  UI设计常用图像格式11

1.4  UI设计准则11

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

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

1.7  UI设计常用的软件13

1.8  UI色彩学知识15

1.9  UI设计常见配色方案17

1.10  UI设计配色技巧18

1.11  UI设计色彩学20

1.12  精彩UI设计赏析22

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  课堂案例——滑动按钮32

2.6.1  制作背景绘制图形32

2.6.2  绘制控件34

2.7  课堂案例——滑动调节按钮36

2.7.1  制作背景绘制图形37

2.7.2  绘制控件38

2.7.3  添加质感39

2.7.4  绘制刻度40

2.8  课堂案例——功能旋钮41

2.8.1  制作背景绘制图形41

2.8.2  绘制功能图像43

2.8.3  制作立体质感45

2.8.4  绘制指示图形47

2.8.5  添加文字48

2.9  课堂案例——品质音量控件49

2.9.1  制作背景49

2.9.2  制作控件50

2.9.3  制作细节59

2.10  本章小结61

2.11  课后习题61

2.11.1  课后习题1——下单按钮61

2.11.2  课后习题2——圆形开关按钮62

2.11.3  课后习题3——金属旋钮62

2.11.4  课后习题4——音频调节控件63

第3章 趋势流行扁平风64

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

3.1.1  什么是扁平化设计65

3.1.2  扁平化设计的优点和缺点65

3.1.3  扁平化设计的四大原则65

3.2  课堂案例——盾牌图标67

3.2.1  制作渐变背景67

3.2.2  添加投影68

3.3  课堂案例——扁平分享图标69

3.3.1  绘制圆形69

3.3.2  绘制装饰图形70

3.3.3  制作投影71

3.4  课堂案例——加速图标72

3.4.1  制作背景及轮廓72

3.4.2  绘制图标元素73

3.4.3  制作阴影74

3.5  课堂案例——企业管理登录界面75

3.5.1  绘制主图形75

3.5.2  添加素材及文字77

3.6  课堂案例——社交应用登录框77

3.6.1  制作背景77

3.6.2  绘制界面78

3.7  课堂案例——美食APP界面81

3.7.1  绘制图形并添加素材81

3.7.2  绘制界面元素82

3.8  课堂案例——扁平化邮箱界面84

3.8.1  制作背景及状态栏84

3.8.2  添加文字85

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

3.9.1  制作背景87

3.9.2  绘制界面图形88

3.9.3  添加文字并制作细节89

3.9.4  绘制二级功能页面90

3.10  本章小结93

3.11  课后习题93

3.11.1  课后习题1——扁平铅笔图标93

3.11.2  课后习题2——扁平相机图标94

3.11.3  课后习题3——简约风天气APP94

第4章 超强表现写实风96

4.1  理论知识——写实风格详解97

4.1.1  写实的艺术表现形式97

4.1.2  UI设计的写实表现97

4.2  课堂案例--——写实SIM卡98

4.2.1  制作背景绘制轮廓98

4.2.2  绘制细节图形99

4.3  课堂案例——写实专辑包装100

4.3.1  制作背景101

4.3.2  制作封面102

4.3.3  绘制光盘103

4.3.4  制作质感105

4.3.5  制作封口细节107

4.4  课堂案例——写实闹钟图标110

4.4.1  制作背景110

4.4.2  绘制闹钟轮廓110

4.4.3  绘制扬声器孔115

4.4.4  绘制灯开关117

4.4.5  绘制表盘图形119

4.4.6  制作表盘细节120

4.5  课堂案例——写实电视机图标123

4.5.1  制作背景并绘制电视轮廓123

4.5.2  绘制屏幕图形126

4.5.3  绘制电视细节128

4.6  课堂案例——写实小票图标131

4.6.1  制作背景并绘制图形132

4.6.2  制作锯齿效果134

4.6.3  添加文字并制作阴影135

4.7  本章小结137

4.8  课后习题137

4.8.1  课后习题1——写实计算器图标137

4.8.2  课后习题2——写实钢琴图标137

4.8.3  课后习题3——写实开关图标138

第5章 iOS风格界面设计139

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

5.1.1  iOS的发展及界面分布140

5.1.2  认识iOS的控件140

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

5.2.1  制作背景141

5.2.2  绘制图形142

5.2.3  添加素材144

5.2.4  绘制文本框145

5.3  课堂案例——会员登录页147

5.3.1  制作背景147

5.3.2  绘制主界面149

5.3.3  制作细节151

5.3.4  绘制文本框152

5.4  课堂案例——通信应用界面154

5.4.1  制作背景155

5.4.2  添加元素158

5.5  课堂案例——音乐电台界面设计160

5.5.1  制作背景160

5.5.2  绘制界面161

5.5.3  添加图形元素165

5.5.4  添加素材图像167

5.5.5  绘制功能控件168

5.6  课堂案例——iPod应用登录界面169

5.6.1  制作背景及绘制状态栏169

5.6.2  添加界面元素170

5.7  课堂案例——iOS风格音乐播放器界面173

5.7.1  制作应用界面174

5.7.2  展示页面181

5.8  本章小结182

5.9  课后习题182

5.9.1  课后习题1——会员登录框界面182

5.9.2  课后习题2——用户界面182

5.9.3  课后习题3——翻页登录界面183

第6章 精品图标制作184

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

6.1.1  图标的分类185

6.1.2  图标的作用185

6.1.3  图标的格式185

6.1.4  图标和图像大小186

6.1.5  精美APP图标欣赏188

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

6.2.1  制作背景绘制图形188

6.2.2  绘制表座191

6.2.3  绘制指针191

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

6.3.1  制作背景添加图像193

6.3.2  绘制图形193

6.4  课堂案例——美丽拍图标195

6.4.1  绘制矩形并添加阴影195

6.4.2  绘制标志图形197

6.4.3  制作细节部分198

6.5  课堂案例——下载图标200

6.5.1  制作背景并绘制图形201

6.5.2  制作图标元素203

6.6  课堂案例——相机和计算器图标205

6.6.1  制作背景并绘制图标206

6.6.2  制作细节208

6.6.3  绘制镜头210

6.6.4  绘制计算器图标211

6.6.5  制作图标元素212

6.6.6  制作细节214

6.7  课堂案例——日历和天气图标217

6.7.1  制作背景217

6.7.2  绘制日历图标218

6.7.3  制作图标细节222

6.7.4  制作翻页223

6.7.5  绘制天气图标224

6.8  本章小结228

6.9  课后习题228

6.9.1  课后习题1——唱片机图标228

6.9.2  课后习题2——进度图标229

6.9.3  课后习题3——湿度计图标229

6.9.4  课后习题4——小黄人图标230

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

7.1  理论知识——UI设计尺寸232

7.1.1  iPhone和Android设计尺寸232

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

7.2  课堂案例——存储数据界面236

7.2.1  制作背景绘制图形236

7.2.2  添加细节图像239

7.3  课堂案例——自然协会应用界面240

7.3.1  制作主题背景240

7.3.2  绘制界面图形241

7.3.3  添加图像242

7.3.4  绘制图形243

7.4  课堂案例——点餐APP界面245

7.4.1  制作背景245

7.4.2  添加素材及文字246

7.4.3  添加界面元素247

7.4.4  绘制功能图形及添加素材252

7.5  课堂案例——锁屏界面254

7.5.1  制作背景255

7.5.2  绘制界面图形258

7.5.3  添加文字信息261

7.5.4  添加素材功能图标265

7.6  课堂案例——票券APP界面266

7.6.1  制作背景并绘制状态栏266

7.6.2  添加素材267

7.6.3  添加文字268

7.6.4  绘制按键图形269

7.6.5  添加文字及素材271

7.7  本章小结272

7.8  课后习题272

7.8.1  课后习题1——经典音乐播放器界面272

7.8.2  课后习题2——下载数据界面273

7.8.3  课后习题3——APP游戏个人界面273

第8章 综合设计实战275

8.1  课堂案例——信息接收控件276

8.1.1  制作背景并绘制图形276

8.1.2  制作控件元素277

8.1.3  添加文字279

8.2  课堂案例——Sense Widget280

8.2.1  制作背景并绘制界面图形280

8.2.2  添加文字信息及素材285

8.3  课堂案例——简洁视频播放界面286

8.3.1  制作主题背景286

8.3.2  添加控件素材289

8.3.3  添加投影290

8.4  课堂案例——怡人秋景主题天气界面291

8.4.1  制作背景291

8.4.2  绘制界面294

8.4.3  添加文字306

8.5  课堂案例——概念手机界面306

8.5.1  制作背景及绘制图形307

8.5.2  添加素材308

8.5.3  添加文字310

8.5.4  绘制手机元素图形311

8.6  本章小结318

8.7  课后习题318

8.7.1  课后习题1——精致CD控件318

8.7.2  课后习题2——APP游戏安装页319