第1 章 app UI 元素设计基础

1.1　认识APP UI 设计

1.1.1　APP UI 设计与网页UI 设计的区别

1.1.2　APP UI 设计流程

1.1.3　APP 界面配色

1.1.4　APP 界面设计原则

1.1.5　APP UI 设计师必须掌握的基本技能

1.2　APP UI 元素质感

1.2.1　质感的体现

1.2.2　用Photoshop 图层样式实现UI 质感

1.3　用Photoshop 绘制基础元素图形

1.3.1　椭圆

1.3.2　矩形、圆角矩形

1.3.3　椭圆矩形

1.3.4　组合图形

1.4　APP UI 设计师心得

1.4.1　图形绘制中的布尔运算

1.4.2　APP 设计规范

第2 章 APP 图标设计

2.1　图标设计基础

2.1.1　图标尺寸

2.1.2　图标分类

2.1.3　图标设计优点

2.1.4　图标设计原则

2.1.5　图标设计流程

2.1.6　设计技巧

2.2　不同风格图标设计

2.2.1　立体图标设计

2.2.2　写实拟物图标设计

2.2.3　线性图标设计

2.2.4　扁平化图标设计

2.3　不同质感与纹理的图标

2.3.1　糖果质感

2.3.2　木头纹理

2.3.3　织布纹理

2.4　应用图标设计

2.4.1　时间图标

2.4.2　照相机图标

2.4.3　日历图标

2.5　APP UI 设计师心得

2.5.1　图标设计的重要细节

2.5.2　如何提升应用图标的点击率

第3 章 APP 按钮设计

3.1　按钮设计基础

3.1.1　按钮尺寸

3.1.2　按钮的形态

3.1.3　按钮设计技巧

3.2　不同质感与纹理按钮

3.2.1　水晶质感

3.2.2　金属质感

3.2.3　纸盒质感

3.2.4　发光效果

3.3　不同功能按钮设计案例

3.3.1　开关按钮

3.3.2　滑块按钮

3.3.3　进度条滑块

3.4　APP UI 设计师心得

3.4.1　设计新手使用Photoshop 的技巧

3.4.2　设计师需要熟记的Photoshop快捷键

第4 章 APP 导航设计

4.1　如何设计导航

4.2　主要导航样式

4.2.1　标签式导航

4.2.2　抽屉式导航

4.2.3　宫格式导航

4.2.4　列表式导航

4.2.5　混合组合导航

4.2.6　滑动式导航

4.3　其他导航

4.3.1　次要导航模式

4.3.2　悬浮导航

4.3.3　个性导航

4.4　APP UI 设计师心得

4.4.1　APP 界面中的文字排版设计原则

4.4.2　将iOS 的UI 设计转换成安卓平台的技巧

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

5.1　表单设计

5.1.1　登录表单

5.1.2　注册表单

5.1.3　搜索表单

5.2　对话框设计

5.2.1　聊天对话框

5.2.2　操作提示对话框

5.3　主页桌面小工具设计

5.3.1　天气插件

5.3.2　音乐插件

5.4　APP UI 设计师心得

5.4.1 设计师不得不知的安卓屏幕知识

5.4.2　APP 动效设计

第6 章 APP 整体框架界面设计

6.1　APP 界面设计基础

6.1.1　APP 分类

6.1.2　APP 界面设计的原则

6.1.3　界面的构图

6.1.4　常见的界面

6.1.5　界面切图与导出

6.2　主流类型APP 界面设计

6.2.1　手机系统照相APP 界面

6.2.2　手机系统收音机APP 界面

6.2.3　天气预报APP 界面

6.2.4　平板电脑音乐APP 界面

6.2.5　手机主题APP 界面

6.3　APP UI 设计师心得

6.3.1　APP 界面切图命名和文件整理规范

6.3.2　APP 设计师必知的用户体验十大原则