本书全面、系统地介绍移动UI设计的相关知识，具体包括初识移动UI设计、移动UI设计规范、iOS系统界面设计、Android系统界面设计和App界面设计实战等内容。

本书以课堂案例为主线，通过案例操作，学生能够尽快熟悉移动UI设计的思路与流程。书中的知识讲解部分用于帮助学生了解移动UI设计的各类规范；课堂练习和课后习题部分用于提高学生的实际应用能力，拓宽学生的设计思路；设计实战部分用于帮助学生综合运用所学知识，顺利达到移动UI设计实战水平。

本书与时俱进融入“二十大”精神，全面提升学生综合素养；全彩印刷，版式精美；全书以案例为主线，案例丰富，讲解清晰，实用性强；配有慕课、微课、PPT课件、素材、大纲等，资源非常丰富

刘军伟，男，汉族，1980年出生，山东潍坊人，2003年毕业于淮北煤炭师范学院（现淮北师范大学）计算机科学与技术专业，现为无锡科技职业学院副教授。中国计算机学会高级会员。曾获金砖国家职业技能大赛优秀专家、江苏省职业院校技能大赛优秀指导教师、区优秀教育工作者、区教书育人模范人物、校优秀教师、校优秀共产党员、校守正教学之星等称号。主编教材2部；近年来主持或作为核心成员参与省级以上科研项目6项；撰写论文10余篇，其中EI期刊1篇；指导学生获省级以上技能大赛获奖9项；申获发明专利1项，实用新型专利6项。

第 1章　初识移动UI设计

1.1　移动UI设计的相关概念　2

1.1.1　UI设计的概念　2

1.1.2　移动UI设计的概念　2

1.1.3　App的概念　3

1.2　移动UI设计的操作平台　3

1.2.1　iOS平台　3

1.2.2　Android系统平台　4

1.3　移动UI设计的特点　4

1.4　移动UI设计的常用软件　5

1.4.1　界面设计类软件　5

1.4.2　动效设计类软件　6

1.4.3　网页设计类软件　7

1.4.4　三维渲染类软件　7

1.4.5　思维导图设计类软件　8

1.4.6　交互原型设计类软件　8

1.5　移动UI设计的流程　9

1.5.1　分析调研　10

1.5.2　交互设计　10

1.5.3　交互自查　11

1.5.4　界面设计　11

1.5.5　界面测试　12

1.5.6　设计验证　12

第２章　移动UI设计规范

2.1　iOS设计规范　14

2.1.1　iOS设计单位及尺寸　14

2.1.2　iOS界面结构　15

2.1.3　iOS基本布局　16

2.1.4　iOS字体规范　18

2.1.5　iOS图标规范　19

2.2　Android系统设计规范　22

2.2.1　Android系统设计单位及尺寸　22

2.2.2　Android系统界面结构　23

2.2.3　Android系统基本布局　23

2.2.4　Android系统字体规范　26

2.2.5　Android系统图标规范　26

第3章　iOS界面设计

3.1　内容　32

3.1.1　课堂案例——制作旅游类App闪屏页　32

3.1.2　图表　34

3.1.3　图像视图　34

3.1.4　文本视图　34

3.1.5　网页视图　35

3.2　布局和组织　35

3.2.1　课堂案例——制作旅游类App酒店详情页　35

3.2.2　方框　48

3.2.3　集合　49

3.2.4　显示控件　49

3.2.5　标签　49

3.2.6　列表和表格　50

3.3　菜单和操作　50

3.3.1　课堂案例——制作旅游类App个人中心页　50

3.3.2　活动视图　61

3.3.3　按钮　61

3.3.4　上下文菜单　61

3.3.5　编辑菜单　62

3.3.6　菜单　62

3.3.7　弹出式按钮　62

3.3.8　下拉式按钮　63

3.3.9　工具栏　63

3.4　导航和搜索　63

3.4.1　课堂案例——制作旅游类App首页　63

3.4.2　导航栏　74

3.4.3　搜索栏　74

3.4.4　边栏　74

3.4.5　标签栏　75

3.5　呈现方式　75

3.5.1　课堂案例——制作旅游类App引导页　75

3.5.2　操作表单　79

3.5.3　提醒　79

3.5.4　页面控件　80

3.5.5　弹窗　80

3.5.6　滚动视图　80

3.5.7　表单　80

3.5.8　窗口　81

3.6　选择和输入　82

3.6.1　课堂案例——制作旅游类App登录页　82

3.6.2　颜色池　87

3.6.3　选择器　88

3.6.4　分段控件　88

3.6.5　滑块　89

3.6.6　步进器　89

3.6.7　文本框　89

3.6.8　切换　90

3.6.9　虚拟键盘　90

3.7　状态　90

3.7.1　课堂案例——制作旅游类App消息页　90

3.7.2　仪表　96

3.7.3　进度指示符　96

3.8　课堂练习——制作旅游类App订购房型页　97

3.9　课后习题——制作旅游类App定制路线页　98

第4章　Android系统界面设计

4.1　操作组件　100

4.1.1　课堂案例——制作家具类App详情页　100

4.1.2　常规按钮　112

4.1.3　悬浮操作按钮　113

4.1.4　扩展悬浮操作按钮　114

4.1.5　图标按钮　115

4.1.6　分段按钮　116

4.2　反馈组件　116

4.2.1　课堂案例——制作家具类App分类页　116

4.2.2　角标　121

4.2.3　进度指示器　122

4.2.4　底部提示栏　122

4.2.5　工具提示　123

4.3　容器组件　124

4.3.1　课堂案例——制作家具类App个人中心页　124

4.3.2　卡片　128

4.3.3　走马灯　129

4.3.4　对话框　130

4.3.5　分隔线　131

4.3.6　列表　131

4.4　导航组件　133

4.4.1　课堂案例——制作家具类App首页　133

4.4.2　底部应用栏　142

4.4.3　导航栏　142

4.4.4　抽屉式导航　143

4.4.5　导航轨道　144

4.4.6　搜索　145

4.4.7　选项卡　146

4.4.8　顶部应用栏　147

4.5　选择组件　147

4.5.1　课堂案例——制作家具类App购物车页　147

4.5.2　复选框　153

4.5.3　纸片　154

4.5.4　菜单　154

4.5.5　单选按钮　155

4.5.6　滑块　155

4.5.7　开关　156

4.6　文本输入组件　157

4.6.1　课堂案例——制作家具类App注册页　157

4.6.2　文本域　160

4.7　课堂练习——制作家具类App引导页　161

4.8　课后习题——制作家具类App搜索页　162

第5章　App界面设计实战

5.1　闪屏页　164

5.1.1　品牌推广型　164

5.1.2　活动广告型　164

5.1.3　节日关怀型　165

5.2　引导页　166

5.2.1　功能说明型　166

5.2.2　产品推广型　166

5.3　首页　167

5.3.1　列表型　167

5.3.2　网格型　167

5.3.3　卡片型　168

5.3.4　综合型　168

5.4　个人中心页　168

5.5　详情页　169

5.6　登录页　169

5.7　课堂案例——制作“三餐”美食App　170

5.8　课堂练习——制作“侃侃”社交App　217

5.9　课后习题——制作“潮货”电商App　218