APP UI元素设计PDF电子书下载

第1章 APP UI元素设计基础 1

1.1 什么是APP UI元素 2

1.1.1 认识UI 2

1.1.2 APP UI元素的重要性 5

1.2 元素设计要点 6

1.2.1 风格 6

1.2.2 颜色 7

1.2.3 透视关系 9

1.2.4 阴影与投影 10

1.3 使用Photoshop绘制基础图形 11

1.3.1 矩形和圆角矩形 11

1.3.2 椭圆 13

1.3.3 组合图形 15

1.4 设计师心得 20

1.4.1 APP UI设计师到底应该掌握些什么 20

1.4.2 APP UI设计师有多大的就业前景 21

1.4.3 关于APP UI设计的那些事儿 21

第2章 APP图标设计 25

2.1 APP图标设计基础 26

2.1.1 图标的分类 26

2.1.2 图标的标准尺寸 27

2.1.3 图标的设计原则 30

2.1.4 图标的设计流程 36

2.2 不同风格的图标设计 36

2.2.1 线性图标的设计 36

2.2.2 扁平化图标的设计 38

2.2.3 立体图标的设计 40

2.2.4 逼真写实图标的设计 51

2.3 不同质感纹理与效果的图标设计 57

2.3.1 金属质感 57

2.3.2 玻璃质感 61

2.3.3 皮质质感 67

2.3.4 木头纹理 71

2.3.5 发光效果 79

2.4 应用图标设计 90

2.4.1 日历图标 90

2.4.2 邮件图标 92

2.4.3 计算器图标 95

2.5 功能图标设计 99

2.6 设计师心得 101

2.6.1 图标设计的重要细节 101

2.6.2 什么样的图标才更加吸引用户 103

第3章 按钮设计 105

3.1 按钮设计技巧 106

3.1.1 按钮的尺寸 106

3.1.2 关联分组 107

3.1.3 善用阴影 107

3.1.4 圆角边界 108

3.1.5 强调重点 108

3.2 按钮设计案例 110

3.2.1 开关按钮 110

3.2.2 电源按钮 114

3.2.3 滑块按钮 120

3.3 设计师心得 126

3.3.1 APP UI设计为什么这么受欢迎 126

3.3.2 如何将iOS的UI设计换成安卓的UI设计 127

第4章 导航设计 129

4.1 常见的UI设计模式 130

4.1.1 主体／细节模式 130

4.1.2 分栏浏览模式 131

4.1.3 搜索／结果模式 132

4.1.4 过滤数据组模式 133

4.1.5 表单模式 134

4.1.6 向导模式 135

4.2 标签式导航 136

4.2.1 底部标签式导航 136

4.2.2 顶部标签式导航 138

4.2.3 底部标签的扩展导航 139

4.2.4 设计实例 140

4.3 抽屉式导航 145

4.3.1 关于抽屉式导航 145

4.3.2 设计实例 147

4.4 列表式导航 156

4.4.1 关于列表式导航 157

4.4.2 设计实例 158

4.5 平铺式导航 164

4.6 宫格式导航 166

4.7 悬浮式导航 167

4.8 设计师心得 169

第5章 其他界面元素设计 173

5.1 表单设计 174

5.1.1 登录表单 174

5.1.2 注册表单 178

5.1.3 计算表单 186

5.1.4 搜索表单 187

5.1.5 长表单 188

5.2 视觉吸引元素 204

5.2.1 对话框设计 204

5.2.2 提示设计 205

5.2.3 使用向导设计 205

5.2.4 幻灯片设计 206

5.2.5 首次使用引导设计 207

5.2.6 持续视觉吸引设计 207

5.2.7 可发现的视觉吸引设计 207

5.3 反馈信息设计 208

5.3.1 操作反馈设计 209

5.3.2 出错信息设计 209

5.3.3 确认信息设计 210

5.4 设计师心得 211

第6章 APP完整应用界面设计 217

6.1 界面设计基础 218

6.1.1 界面的构图 218

6.1.2 常见的界面 219

6.1.3 界面切图与导出 225

6.2 不同风格的界面设计 229

6.2.1 游戏类APP界面设计（安卓系统） 230

6.2.2 音乐类APP界面设计（iOS系统） 231

6.2.3 新闻类APP界面设计 239

6.2.4 旅游类APP界面设计 240

6.2.5 交友类APP界面设计 245

6.2.6 购物类APP界面设计 255

6.2.7 摄影图像类APP界面设计 255

6.3 设计师心得 265

6.3.1 什么是好的设计 265

6.3.2 关于安卓屏幕 265