Photoshop移动终端APP界面设计PDF电子书下载

01 APP用户界面基础 2

1.1 手机界面设计的基础 2

1.1.1 什么是手机界面设计 2

1.1.2 界面构成的基本区域 3

1.1.3 手机界面效果的规范性 4

1.1.4 手机界面效果的个性化 4

1.1.5 手机UI设计基本流程 5

1.2 安卓与苹果手机系统组件介绍 6

1.2.1 安卓系统基础组件 6

1.2.2 苹果系统基础组件 6

1.2.3 登录界面设计中几种常见的设计思路 7

1.2.4 手机界面设计常用的5种布局 8

1.3 手机界面设计尺寸标准 9

1.3.1 英寸（Inch） 9

1.3.2 分辨率（Resolution） 9

1.3.3 网点密度（DPI） 10

1.3.4 屏幕密度（Screen Densities） 10

1.3.5 图标尺寸大小与格式 11

1.3.6 iPad UI设计的尺寸规范 12

1.4 手机界面的色彩搭配与视觉效果 12

1.4.1 色彩的重要性 14

1.4.2 色彩的分类 15

1.4.3 色彩搭配方法 15

1.4.4 简约明快型 16

1.4.5 趣味与独创型 16

1.4.6 高贵华丽型 16

1.5 UI的设计流程及方法 17

1.5.1 定位指南图 17

1.5.2 核心功能确认 17

1.5.3 ADS 17

1.5.4 画草图 17

1.5.5 低保真原型与高保真原型 18

1.5.6 视觉设计 19

1.5.7 交付 20

02 APP基本图形元素 23

2.1 APP基本图形制作 23

2.2 实例——图形制作 23

2.2.1 圆形 23

2.2.2 正方形、长方形 31

2.2.3 正方形、长方形延展 36

2.2.4 圆角 43

2.2.5 组合形状 48

03 APP控件设计 57

3.1 APP常用控件制作 57

3.2 实例——常见控件制作 57

3.2.1 按钮 57

3.2.2 单选框 65

3.2.3 选项框 72

3.2.4 滑动条 80

3.2.5 登录按钮 87

3.2.6 TAB切换 93

3.2.7 锁屏 100

04 常见的显示区制作 107

4.1 常见的显示区制作 107

4.2 实例——常见显示区的制作 107

4.2.1 搜索框 107

4.2.2 搜索框延展1 112

4.2.3 搜索框延展2 118

4.2.4 主屏显示区 123

05 APP中的图标制作 129

5.1 APP中图标制作的基本知识 129

5.2 实例——一般的图标制作效果 129

5.2.1 现实感的图标 129

5.2.2 简笔画风格的图标 135

5.2.3 卡通图标 146

5.2.4 应用线条的图标 153

06 扁平风格的图标制作 161

6.1 扁平设计风格的特点 161

6.2 实例——扁平风格的图标效果 161

6.2.1 纯平面 161

6.2.2 轻折叠 168

6.2.3 轻质感 175

6.2.4 折纸风 183

6.2.5 有明显投影 190

6.2.6 有厚度感 194

07 APP常用效果制作 204

7.1 APP常用效果制作基础知 204

7.2 实例——APP常用效果制作 204

7.2.1 梦幻效果 204

7.2.2 透明效果 208

7.2.3 边框效果 214

7.2.4 色块效果 218

7.2.5 照片效果 222

7.2.6 像素效果 229

7.2.7 清新效果 237

7.2.8 单色效果 241

7.2.9 英伦风效果 246

7.2.10 可爱效果 253