第1章 APP UI元素设计基础 1
1.1认识APP UI设计 2
1.1.1APP UI设计与网页UI设计的区别 2
1.1.2 APP UI设计流程 2
1.1.3 APP界面配色 4
1.1.4 APP界面设计原则 6
1.1.5 APP UI设计师必须掌握的基本技能 8
1.2 APP UI元素质感 9
1.2.1质感的体现 9
1.2.2用Photoshop图层样式实现UI质感 11
1.3用Photoshop绘制基础元素图形 14
1.3.1椭圆 14
1.3.2矩形、圆角矩形 17
1.3.3椭圆矩形 21
1.3.4组合图形 23
1.4 APP UI设计师心得 26
1.4.1图形绘制中的布尔运算 26
1.4.2 APP设计规范 29
第2章 APP图标设计 32
2.1图标设计基础 33
2.1.1图标尺寸 33
2.1.2图标分类 34
2.1.3图标设计优点 36
2.1.4图标设计原则 36
2.1.5图标设计流程 37
2.1.6设计技巧 38
2.2不同风格图标设计 39
2.2.1立体图标设计 39
2.2.2写实拟物图标设计 55
2.2.3线性图标设计 56
2.2.4扁平化图标设计 61
2.3不同质感与纹理的图标 74
2.3.1糖果质感 74
2.3.2木头纹理 78
2.3.3织布纹理 87
2.4应用图标设计 94
2.4.1时间图标 94
2.4.2照相机图标 101
2.4.3日历图标 102
2.5 APP UI设计师心得 106
2.5.1图标设计的重要细节 106
2.5.2如何提升应用图标的点击率 108
第3章 APP按钮设计 113
3.1按钮设计基础 114
3.1.1按钮尺寸 114
3.1.2按钮的形态 114
3.1.3按钮设计技巧 115
3.2不同质感与纹理按钮 117
3.2.1水晶质感 117
3.2.2金属质感 120
3.2.3纸盒质感 124
3.2.4发光效果 129
3.3不同功能按钮设计案例 131
3.3.1开关按钮 131
3.3.2滑块按钮 136
3.3.3进度条滑块 141
3.4 APP UI设计师心得 148
3.4.1设计新手使用Photoshop的技巧 148
3.4.2设计师需要熟记的Photoshop快捷键 149
第4章 APP导航设计 150
4.1如何设计导航 151
4.2主要导航样式 151
4.2.1标签式导航 152
4.2.2抽屉式导航 167
4.2.3宫格式导航 171
4.2.4列表式导航 173
4.2.5混合组合导航 176
4.2.6滑动式导航 179
4.3其他导航 179
4.3.1次要导航模式 180
4.3.2悬浮导航 181
4.3.3个性导航 182
4.4 APP UI设计师心得 183
4.4.1 APP界面中的文字排版设计原则 183
4.4.2将ioS的UI设计转换成安卓平台的技巧 186
第5章 APP其他界面元素设计 188
5.1表单设计 189
5.1.1登录表单 189
5.1.2注册表单 194
5.1.3搜索表单 195
5.2对话框设计 198
5.2.1聊天对话框 198
5.2.2操作提示对话框 205
5.3主页桌面小工具设计 213
5.3.1天气插件 214
5.3.2音乐插件 218
5.4 APP UI设计师心得 221
5.4.1设计师不得不知的安卓屏幕知识 221
5.4.2 APP动效设计 225
第6章 APP整体框架界面设计 230
6.1 APP界面设计基础 231
6.1.1 APP分类 231
6.1.2 APP界面设计的原则 232
6.1.3界面的构图 232
6.1.4常见的界面 241
6.1.5界面切图与导出 243
6.2主流类型APP界面设计 246
6.2.1手机系统照相APP界面 246
6.2.2手机系统收音机APP界面 256
6.2.3天气预报APP界面 261
6.2.4平板电脑音乐APP界面 266
6.2.5手机主题APP界面 269
6.3 APP UI设计师心得 275
6.3.1 APP界面切图命名和文件整理规范 275
6.3.2 APP设计师必知的用户体验十大原则 276