一学就会的手机APP用户界面设计PDF电子书下载

第1章 UI设计快速入门 1

1.1 UI设计概念 2

1.2 UI设计组成部分 2

1.3 团队成员与UI设计流程 4

1.4 各类尺寸单位解析 5

1.5 常见的图片格式 5

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

1.7 UI界面设计中的常用软件 7

1.8 UI设计原则 8

1.9 GUI设计过程中的表现力 9

1.10 提升Android视觉效果的设计技巧 11

1.11 免费的UI界面设计工具、资源及网站 12

1.12 色彩学的基础知识 13

1.13 UI设计中的常见配色方案 15

1.14 UI设计色彩学 17

1.15 色彩的性格 19

1.16 精彩UI设计赏析 20

1.17 激发创作灵感的界面欣赏 21

第2章 界面元素设计制作 22

2.1 Sense Widget 23

2.1.1 制作背景并绘制界面图形 23

2.1.2 添加文字信息及素材 28

2.2 音量控件 29

2.2.1 制作背景及定义图案 29

2.2.2 绘制图形 31

2.2.3 制作装饰特效 33

2.2.4 添加文字 37

2.3 CD图标设计 38

2.3.1 制作背景 39

2.3.2 绘制光盘并制作质感 39

2.4 安全防护图标 46

2.4.1 制作背景 47

2.4.2 制作图标并添加质感 48

2.4.3 制作高光 50

第3章 APP登录界面设计 54

3.1 邮箱APP登录界面 55

3.1.1 制作背景并添加文字 55

3.1.2 绘制图形 56

3.1.3 制作装饰元素 60

3.2 复古登录框 64

3.2.1 制作背景及定义图案 64

3.2.2 绘制界面图形 66

3.2.3 制作界面细节 71

3.3 摄影网站会员登录 75

3.3.1 制作背景 75

3.3.2 绘制界面图形 76

3.4 生产力APP登录界面 82

3.4.1 制作背景及绘制状态栏 82

3.4.2 绘制界面图形 84

第4章 写实图形图标设计 89

4.1 写实手机 90

4.1.1 制作背景并绘制图形 90

4.1.2 制作立体效果 91

4.1.3 添加高光效果 94

4.1.4 制作图标细节 97

4.2 写实闹钟 102

4.2.1 制作背景 102

4.2.2 绘制闹钟轮廓 102

4.2.3 绘制扬声器孔 108

4.2.4 绘制灯开关 110

4.2.5 绘制表盘图形 111

4.2.6 制作表盘细节 112

4.3 写实电视机 115

4.3.1 制作背景并绘制电视轮廓 115

4.3.2 绘制屏幕图形 118

4.3.3 绘制电视细节 120

4.4 写实密码锁 124

4.4.1 制作背景并绘制图形 124

4.4.2 绘制图形并添加质感 128

4.4.3 添加文字并变形 130

第5章 苹果风格界面设计 132

5.1 会员登录框 133

5.1.1 制作背景并绘制图形 133

5.1.2 添加文字并绘制文本框图形 136

5.2 经典音乐播放器 140

5.2.1 制作背景 141

5.2.2 绘制界面图形 142

5.2.3 添加素材 142

5.2.4 绘制按钮 143

5.3 OS X风格控制面板 147

5.3.1 制作背景并绘制界面图形 148

5.3.2 绘制按钮图形 150

5.3.3 添加图标素材及文字 154

5.3.4 绘制控件 157

5.4 简约风天气APP 158

5.4.1 制作背景 159

5.4.2 添加素材及绘制图形 160

5.5 iPod应用登录界面 162

5.5.1 制作背景及绘制状态栏 162

5.5.2 添加界面元素 163

5.6 社交APP界面 167

5.6.1 制作背景 167

5.6.2 定义图案 168

5.6.3 绘制图形及添加素材 169

5.6.4 添加文字及素材图像 175

5.6.5 绘制标记图形 176

第6章 流行风格图标设计 179

6.1 音乐图标 180

6.1.1 制作背景并绘制图形 180

6.1.2 制作图标质感 183

6.1.3 制作装饰效果 187

6.1.4 添加素材 190

6.1.5 为图形添加质感特效 191

6.2 相机图标 194

6.2.1 制作背景 194

6.2.2 绘制图标并制作立体效果 195

6.2.3 添加高光 196

6.2.4 绘制装饰图形 197

6.2.5 制作图标细节 199

6.2.6 绘制装饰图形 202

6.3 推特图标 204

6.3.1 制作背景 204

6.3.2 制作图标 205

6.3.3 添加素材并制作质感效果 209

6.4 日历和天气图标 211

6.4.1 制作背景 211

6.4.2 绘制日历图标 212

6.4.3 制作图标细节 216

6.4.4 制作翻页 217

6.4.5 绘制天气图标 219

6.5 时钟图标 223

6.5.1 制作背景 223

6.5.2 绘制图标图形 224

6.5.3 添加界面元素 226

第7章 多媒体类界面设计 230

7.1 mini音乐播放器 231

7.1.1 制作背景及定义图案 231

7.1.2 绘制图形 232

7.1.3 绘制图形制作界面细节 235

7.1.4 制作按钮控件 239

7.1.5 添加控制按钮细节 243

7.2 影视播放界面 244

7.2.1 制作背景并绘制界面图形 244

7.2.2 添加素材 245

7.2.3 绘制细节图形 248

7.2.4 绘制状态图形 253

7.3 古典音乐播放器 256

7.3.1 制作背景及状态栏 257

7.3.2 绘制光盘 258

7.3.3 制作界面图形 262

7.3.4 添加图标按钮 266

7.4 仿真音乐播放器界面 268

7.4.1 制作背景 269

7.4.2 绘制扬声器孔 274

7.4.3 绘制视窗图形 276

7.4.4 添加素材并制作质感 278

7.4.5 添加文字并绘制进度条 281

7.4.6 绘制按钮 282

第8章 综合商业案例设计 286

8.1 魔法相册应用界面 287

8.1.1 制作背景并定义图案 287

8.1.2 绘制控件图形 290

8.1.3 添加素材 294

8.1.4 添加图标按钮 296

8.2 美食应用APP界面 297

8.2.1 制作背景 298

8.2.2 绘制状态栏 298

8.2.3 绘制界面图形 304

8.2.4 绘制界面细节图形 306

8.3 点餐APP界面 312

8.3.1 制作背景 312

8.3.2 添加素材及文字 313

8.3.3 添加界面元素 315

8.3.4 绘制功能图形及添加素材 319

8.4 概念手机界面 322

8.4.1 制作背景及绘制图形 322

8.4.2 添加素材 324

8.4.3 添加文字 326

8.4.4 绘制手机元素图形 327

8.5 锁屏界面 334

8.5.1 制作背景 334

8.5.2 绘制界面图形 338

8.5.3 添加文字信息 340

8.5.4 添加素材功能图标 344