1 认识App UI设计001
1.1 什么是App UI设计002
1.1.1 从移动媒体说起002
1.1.2 App UI设计与网页设计的区别003
1.2 App UI设计的发展历史与趋势006
1.2.1 从UI设计到App UI设计006
1.2.2 App UI设计发展趋势009
1.3 App UI设计与用户体验010
1.3.1 用户体验五要素011
1.3.2 App UI设计如何提升用户体验013
1.4 App UI设计常用软件014
1.4.1 思维导图类014
1.4.2 界面制作类017
1.4.3 动效设计类019
1.4.4 AI（人工智能）辅助设计020
1.5 团队协作的重要性022
1.5.1 App产品的团队组建023
1.5.2 团队成员的不同角色与职责024
1.5.3 设计协作常用工具025

2 App UI设计原则与规范027
2.1 App UI界面设计原则028
2.1.1 一致性原则028
2.1.2 简约性原则033
2.1.3 人性化原则034
2.2 iOS系统界面设计规范034
2.2.1 基本单位035
2.2.2 界面规范036

3 App UI设计元素构成041
3.1 文字元素042
3.1.1 文字基础要素042
3.1.2 字体使用原则049
3.2 图标元素050
3.2.1 图标分类050
3.2.2 图标风格053
3.2.3 图标设计流程055
3.3 图片元素057
3.3.1 图片比例057
3.3.2 图片排版059
3.4 色彩元素061
3.4.1 色彩的基本要素061
3.4.2 色彩配色方案062

4 App UI界面设计066
4.1 界面设计流程067
4.2 常见界面类型073
4.2.1 启动页073
4.2.2 引导页074
4.2.3 登录页076
4.2.4 首页077
4.2.5 个人中心页078
4.2.6 空状态页面078
4.3 界面中的导航布局079
4.3.1 同层级导航079
4.3.2 分层级导航080
4.3.3 内容式导航081
4.4 界面中的交互动效081
4.4.1 逻辑关系082
4.4.2 手势操作083
4.4.3 动效设计083

5 App UI设计实训085
5.1 实训一—项目准备与功能规划086
5.1.1 选择主题并了解阶段性输出内容086
5.1.2 产品需求分析与用户画像搭建088
5.1.3 产品功能规划090
5.2 实训二—结构图、流程图与低保真原型图制作091
5.2.1 产品结构图和流程图的分析092
5.2.2 低保真原型图的制作093
5.3 实训三—可用性测试095
5.3.1 定义项目的可用性095
5.3.2 可用性测试步骤096
5.4 实训四—高保真原型图制作与视觉规范制定098
5.4.1 低保真原型图优化分析099
5.4.2 视觉规范的制定100
5.5 实训五—界面交互动效103

6 App UI案例赏析109
6.1 文化类App UI设计110
6.1.1 三星堆博物馆小程序110
6.1.2 山西文物数字博物馆小程序112
6.1.3 微信读书小程序115
6.1.4 长相思App117
6.2 电商类App UI设计120
6.2.1 宜家App120
6.2.2 怂火锅点餐小程序122
6.3 视听类App UI设计124
6.3.1 央视频App124
6.3.2 波点音乐App126
6.4 工具类App UI设计128
6.4.1 丁香医生App128
6.4.2 喵喵记账App131

参考文献134