APP智能手机UI创意美化设计 Photoshop CC版PDF电子书下载

第1章 开启界面设计这扇窗 1

1.1手机UI设计相关基本概念 2

1.2智能手机操作系统有哪些 3

1.3 UI界面设计常用的软件 5

1.4屏幕尺寸相关的术语和概念 7

1.5界面设计常见图标格式 8

1.6低保真与高保真原型设计 9

1.7色彩基础知识 11

1.8界面设计配色秘笈 21

第2章 经典登录页和登录框 27

2.1会员登录页 28

2.1.1制作背景 28

2.1.2绘制主界面 30

2.1.3制作细节 32

2.1.4绘制文本框 34

2.2旅游名片界面 37

2.2.1制作背景 38

2.2.2绘制界面 39

2.2.3添加素材并调色 41

2.2.4添加界面元素 44

2.3盒子登录界面 46

2.3.1制作背景 47

2.3.2定义图案 48

2.3.3绘制界面 49

2.4通信应用界面 54

2.4.1制作背景 54

2.4.2添加元素 58

2.5酷黑登录页 60

2.5.1制作背景 61

2.5.2绘制界面 62

2.5.3绘制文本框 64

2.6社交应用登录框 66

2.6.1制作背景 67

2.6.2绘制界面 68

2.7电话呼叫界面 72

2.7.1制作背景 72

2.7.2定义图案 74

2.7.3绘制界面元素 77

课后练习 85

课后练习2-1摄影网站会员登录 85

课后练习2-2复古登录框 86

第3章 炫酷写实风格表现APP 87

3.1致炫光盘 88

3.1.1制作背景 88

3.1.2绘制图形 90

3.1.3制作质感 91

3.1.4制作细节 93

3.1.5制作阴影 96

3.2纸质办公档案袋 97

3.2.1制作背景 97

3.2.2绘制袋子 98

3.2.3制作细节 101

3.2.4定义图案 105

3.3写实专辑包装 112

3.3.1制作背景 112

3.3.2制作封面 114

3.3.3绘制光盘 116

3.3.4制作质感 118

3.3.5制作封口细节 119

3.4书香记事夹 123

3.4.1制作背景 124

3.4.2绘制木板 125

3.4.3添加纹理 125

3.4.4绘制拆痕 129

3.4.5绘制夹子 134

3.5家居插板 136

3.5.1制作背景 136

3.5.2绘制图形 138

3.5.3制作图形元素 140

3.6陶瓷茶杯 144

3.6.1制作背景 145

3.6.2制作阴影 146

3.6.3绘制盘子 147

3.6.4绘制茶水 150

3.6.5制作茶水高光 151

3.6.6制作手柄 153

3.6.7绘制茶叶 154

3.7写实质感开关 154

3.7.1制作背景 155

3.7.2制作细节 159

3.8品质音量旋钮 168

3.8.1制作背景 169

3.8.2绘制图形 170

3.8.3制作阴影 173

3.8.4添加装饰元素 175

课后练习 179

课后练习3-1写实闹钟 179

课后练习3-2写实电视机 180

课后练习3-3写实小票图形 181

第4章iOS前沿新潮扁平风 182

4.1扁平相机图标 183

4.1.1制作背景 183

4.1.2绘制图标 184

4.1.3添加装饰 186

4.1.4绘制镜头 188

4.2扁平铅笔图标 191

4.2.1绘制图标 192

4.2.2变换图形 193

4.2.3绘制细节 194

4.2.4制作阴影 196

4.3指南针图标 199

4.3.1绘制图标 199

4.3.2制作阴影 203

4.3.3制作倒影 207

4.4定位图标 210

4.4.1制作背景 211

4.4.2绘制图标 212

4.5微信图标 216

4.5.1制作背景 216

4.5.2绘制图标 217

4.6天气Widget 220

4.6.1制作背景 221

4.6.2绘制界面 222

4.6.3制作界面元素 223

4.7对话图标 226

4.7.1制作背景 226

4.7.2绘制图标 228

4.7.3制作高光 231

4.7.4制作细节 233

4.8盘子图标 235

4.8.1制作背景 236

4.8.2绘制盘子 237

课后练习 239

课后练习4-1淡雅应用图标控件 239

课后练习4-2扁平化邮箱界面 240

第5章APP纯美传奇质感表现 241

5.1塑胶质感U盘 242

5.1.1绘制图标 242

5.1.2制作图标细节 245

5.2金属质感系统 249

5.2.1制作背景 250

5.2.2绘制图标 251

5.2.3制作质感 251

5.2.4定义图案 255

5.2.5制作图标元素 256

5.3白金质感开关按钮 258

5.3.1制作背景 259

5.3.2绘制图标 260

5.3.3制作图标元素 263

5.3.4定义图案 264

5.3.5制作控件 267

5.4塑料质感插座 269

5.4.1制作背景 270

5.4.2制作阴影 271

5.4.3制作图标 273

5.4.4制作插孔 277

5.5拉丝质感开关 280

5.5.1制作背景并绘制图标 280

5.5.2制作细节 283

5.6糖果质感闪电图标 285

5.6.1制作背景 286

5.6.2绘制图形 287

5.6.3制作阴影 288

5.6.4添加质感 289

5.7鎏金质感指南针 291

5.7.1制作背景 292

5.7.2绘制图形 293

5.7.3添加图形元素 298

5.7.4制作光影 302

课后练习 304

课后练习5-1皮革旋纽 304

课后练习5-2唱片机图标 305

课后练习5-3品质音量控件 306

第6章 简约流行风图标 308

6.1脚丫图标 309

6.1.1制作背景 309

6.1.2制作图标 311

6.2电话图标 313

6.2.1制作背景 314

6.2.2绘制图标 316

6.2.3制作图标元素 317

6.3相机和计算器图标 321

6.3.1制作背景并绘制图标 322

6.3.2制作细节 324

6.3.3绘制镜头 326

6.3.4绘制计算器图标 327

6.3.5制作图标元素 329

6.3.6制作细节 331

6.4音乐图标 334

6.4.1制作背景 335

6.4.2制作图标 337

6.4.3制作立体效果 338

6.4.4添加装饰图形元素 340

课后练习 343

课后练习6-1简约风天气APP 343

课后练习6-2个人应用APP界面 344

第7章 商业案例实战 345

7.1卓云安全大师界面 346

7.1.1欢迎页面 347

7.1.2功能页面 351

7.1.3功能页面2 357

7.1.4展示页面 363

7.1.5展示页面2 365

7.2 iOS风格音乐播放器界面 367

7.2.1制作应用界面 367

7.2.2展示页面 375

7.3怡人秋景主题天气界面 376

7.3.1制作背景 377

7.3.2绘制界面 380

7.3.3添加文字 392

7.4 音悦电台界面设计 392

7.4.1制作背景 393

7.4.2绘制界面 394

7.4.3添加图形元素 398

7.4.4添加素材图像 400

7.4.5绘制功能控件 402

课后练习 403

课后练习7-1经典音乐播放器界面 403

课后练习7-2影视播放界面 405

课后练习7-3锁屏界面 406

第8章APP实用参考荟萃 407

8.1优秀炫酷图标赏析 408

8.2流行风格界面赏析 410

8.3 UI设计实用辅助工具 412

8.4优秀国内外网站推荐 414

8.5 UI设计中常见名词释义 415