移动端UI商业项目实战——让人爱不释手的移动端UI设计

随着移动互联技术的飞速发展，“互联网+”时代已经悄然到来，这自然催生了各行业、企业对UI设计人才的大量需求。与传统美工、设计人员相比，新“互联网+”时代对UI设计师提出了更高的要求，传统美工、设计人员已无法胜任。在这样的大环境下，这套“互联网UI设计师”系列教材应运而生，它旨在帮助读者朋友快速成长为符合“互联网+”时代企业需求的优秀UI设计师。

这套教材是由课工场（kgc.cn）的UI/UE教研团队研发的。课工场是北大青鸟集团下属企业北京课工场教育科技有限公司推出的互联网教育平台，专注于互联网企业各岗位人才的培养。平台汇聚了数百位来自知名培训机构、高校的顶级名师和互联网企业的行业专家，面向大学生以及需要“充电”的在职人员，针对与互联网相关的产品、设计、开发、运维、推广和运营等岗位，提供在线的直播和录播课程，并通过遍及全国的几十家线下服务中心提供现场面授以及多种形式的教学服务，且同步研发出版最新的课程教材。

课工场为培养互联网UI设计人才设立了UI/UE设计学院及线下服务中心，提供各种学习资源和支持，包括：

　现场面授课程

　在线直播课程

　录播视频课程

　案例素材下载

　学习交流社区

　作业提交批改系统

　QQ讨论组（技术、就业、生活）

以上所有资源请访问课工场UI/UE学院：kgc.cn/uiue。

■ 本套教材特点

（1）课程高端、实用——拒绝培养传统美工。

　培养符合“互联网+”时代需求的高端UI设计人才，包括移动UI设计师、网页UI设计师、平面UI设计师。

　除UI设计师所必须具备的技能外，本课程还涵盖网络营销推广内容，包括：网络营销基本常识、符合SEO标准的网站设计、Landing Page设计优化、营销型企业网站设计等。

　注重培养产品意识和用户体验意识，包括电商网站设计、店铺设计、用户体验、交互设计等。

　学习W3C相关标准和设计规范，包括HTML5/CSS3、移动端Android/iOS相关设计规范等内容。

（2）真实商业项目驱动——行业知识、专业设计一个也不能少。

　与知名4A公司合作，设计开发项目课程。

　几十个实训项目，涵盖电商、金融、教育、旅游、游戏等行业。

　不仅注重商业项目实训的流程和规范，还传递行业知识和业务需求。

（3）更时尚的二维码学习体验——传统纸质教材学习方式的革命。

　每章提供二维码扫描，可以直接观看相关视频讲解和案例效果。

　课工场UI/UE学院（kgc.cn）开辟教材配套版块，提供素材下载、学习社区等丰富的在线学习资源。

■ 读者对象

（1）初学者：本套教材将帮助你快速进入互联网UI设计行业，从零开始，逐步成长为专业UI设计师。

（2）设计师：本套教材将带你进行全面、系统的互联网UI设计学习，传递最全面、科学的设计理论，提供实用的设计技巧和项目经验，帮助你向互联网方向迅速转型，拓宽设计业务范围。

课工场出品（kgc.cn）

第1章   　移动端App设计——写在设计之前
本章简介 2
理论讲解 2
1.1 实际企业中App设计的基本流程 2
1.2 实际项目中UI设计师前期需要确定的内容 4
1.3 移动UI三大操作系统 6
1.3.1 Android系统界面 7
1.3.2 iOS系统界面 7
1.3.3 Windows Phone系统界面 8
1.4 与尺寸相关的术语概念和标准 9
1.4.1 屏幕尺寸 9
1.4.2 分辨率 10
1.4.3 实用软件 10
第2章   　蘑菇街项目——电商类Android手机
    App设计（一）
本章简介 14
2.1 蘑菇街项目——电商类Android手机App设计需求概述 14
2.1.1 项目名称 14
2.1.2 项目定位 14
2.1.3 蘑菇街企业背景 15
2.1.4 蘑菇街App项目需求 16
2.1.5 蘑菇街App风格要求 16
2.2 Android系统手机设计规范 18
2.2.1 Android系统界面尺寸和分辨率 19
2.2.2 Android系统字体与字号 25
2.2.3 Android系统图标设计 26
2.3 实战案例——蘑菇街Android系统启动图标设计 34
2.4 点9切图的制作方法 35
2.4.1 点9切图的概念 36
2.4.2 点9切图的制作方法 36
2.5 对按钮进行点9切图 37
本章总结 38
本章作业 39
第3章   　蘑菇街项目——电商类Android手机
    App设计（二）
本章简介 42
3.1 电商类App设计理论 42
3.1.1 电商类App的常见分类 42
3.1.2 电商类App的特点 43
3.1.3 电商类App的常见视觉风格 44
3.1.4 电商类App的常见功能 46
3.1.5 电商类App的目标用户分析 49
3.2 蘑菇街项目——电商类Android手机App设计分析 50
3.2.1 电商类App的制作流程 50
3.2.2 蘑菇街项目需求及主要目标用户分析 51
3.2.3 蘑菇街项目设计规划 52
3.2.4 实战案例——蘑菇街手机App关注页界面设计 54
3.2.5 实战案例——蘑菇街手机App购买（买买买）
   页界面设计 56
3.3 启动页与引导页的技巧及方法 57
3.3.1 启动页、引导页概述 57
3.3.2 启动页、引导页的设计原则 63
3.3.3 实战案例——蘑菇街App引导页设计 66
本章总结 70
本章作业 71
第4章   　课工场项目——教育类iOS手机
    App设计（一）
本章简介 74
4.1 课工场项目——教育类iOS手机App设计需求概述 74
4.1.1 项目名称 74
4.1.2 项目定位 74
4.1.3 课工场企业背景 74
4.1.4 课工场App项目需求 75
4.1.5 课工场App风格要求 76
4.2 iOS系统手机界面设计规范 76
4.2.1 iOS系统界面尺寸和分辨率 77
4.2.2 iOS系统字体与字号 81
4.3 iOS系统图标设计尺寸及规范 82
4.3.1 iOS系统图标设计尺寸 82
4.3.2 iOS系统图标设计规范 83
4.3.3 实战案例——为课工场设计iOS系统启动图标 84
4.4 标注规范及设计技巧 85
4.4.1 界面标注元素 85
4.4.2 界面标注技巧 85
4.4.3 实战案例——对课工场界面进行标注 87
本章总结 90
本章作业 91
第5章   　课工场项目——教育类iOS手机App设计（二）
本章简介 94
5.1 教育类App设计理论 94
5.1.1 教育类App的常见分类 94
5.1.2 教育类App的优势 95
5.1.3 教育类App的常见视觉风格 95
5.1.4 教育类App的常见功能 97
5.1.5 教育类App的目标用户分析 99
5.2 课工场手机App设计分析 100
5.2.1 课工场项目需求分析 100
5.2.2 课工场主要目标用户分析 100
5.2.3 课工场项目设计规划 100
5.2.4 课工场手机App首页设计 102
5.3 侧边栏导航与Tab导航 107
5.3.1 侧边栏导航与Tab导航概述 108
5.3.2 侧边栏导航与Tab导航的差异 110
5.3.3 实战案例——课工场手机App侧边栏界面设计 111
5.4 整套图标的设计原则和注意事项 113
5.4.1 整套图标的设计原则 114
5.4.2 整套图标的注意事项 115
5.4.3 实战案例——教育类App界面中需要调整的整套图标 116
本章总结 118
本章作业 119
第6章   　1号药店项目——医疗类手机App设计
本章简介 122
6.1 1号药店项目——医疗类手机App设计需求概述 122
6.1.1 项目名称 122
6.1.2 项目定位 122
6.1.3 1号药店企业背景 123
6.1.4 1号药店App项目需求 123
6.1.5 1号药店App风格要求 123
6.2 医疗类App设计理论 123
6.2.1 医疗类App的常见分类 123
6.2.2 医疗类App的特点 124
6.2.3 医疗类App的常见功能 125
6.2.4 医疗类App的目标用户分析 126
6.2.5 医疗类App的常见视觉风格 126
6.3 拟物化设计 127
6.3.1 拟物化设计的概念 128
6.3.2 拟物化风格界面的优缺点 130
6.3.3 拟物化设计的技巧 131
6.3.4 拟物化设计的制作步骤 132
6.3.5 实战案例——1号药店启动图标设计 132
6.3.6 实战案例——1号药店书架界面设计 134
6.4 iOS系统与Android系统原生App图标与界面的比较 137
6.4.1 iOS系统与Android系统的差异 137
6.4.2 iOS系统与Android系统原生图标的比较 138
6.4.3 iOS系统与Android系统原生App界面的比较 138
6.4.4 实战案例——双系统下的1号药店界面原型图设计 142
6.5 1号药店项目——医疗类手机App设计分析 144
6.5.1 1号药店项目需求及主要目标用户分析 144
6.5.2 1号药店项目设计规划 144
6.5.3 实战案例——1号药店手机App首页界面设计 145
6.6 移动端App登录、注册界面设计 147
6.6.1 移动端登录、注册界面的设计原则和注意事项 147
6.6.2 移动端登录、注册界面的设计方法 148
6.6.3 实战案例——1号药店登录原型图界面设计 152
本章总结 155
本章作业 156
第7章   　刀塔传奇项目——游戏类手机App设计
本章简介 158
7.1 刀塔传奇项目——游戏类手机App设计需求概述 158
7.1.1 项目名称 158
7.1.2 项目定位 158
7.1.3 刀塔传奇背景 159
7.1.4 刀塔传奇App项目需求 159
7.1.5 刀塔传奇App风格要求 159
7.2 游戏类App设计理论 159
7.2.1 游戏类App的常见分类 160
7.2.2 游戏类App的特点 163
7.2.3 游戏类App的常见视觉风格 163
7.2.4 游戏类App的目标用户分析和注意事项 165
7.2.5 游戏类App的制作流程 166
7.2.6 游戏类App的设计原则 168
7.2.7 充分考虑用户体验与交互 174
7.3 游戏类App界面的设计技巧 179
7.4 刀塔传奇项目——游戏类手机App设计 182
7.4.1 刀塔传奇项目需求和主要目标用户分析 182
7.4.2 实战案例——刀塔传奇手机App场景界面设计 182
7.4.3 实战案例——刀塔传奇手机App英雄详情页设计 190
7.4.4 实战案例——刀塔传奇手机App全部英雄列表页设计 192
本章总结 195
本章作业 196
第8章   　南丰鼎轩项目——餐饮类Pad端App设计
本章简介 198
8.1 南丰鼎轩项目——餐饮类Pad端App设计需求概述 198
8.1.1 项目名称 198
8.1.2 项目定位 198
8.2 餐饮类App设计理论 199
8.2.1 餐饮类App行业介绍 199
8.2.2 餐饮类App的分类 199
8.2.3 餐饮类App的常见功能 199
8.2.4 餐饮类App的制作流程 200
8.3 Pad端App设计的基础理论 201
8.3.1 相关概念理论 201
8.3.2 Pad端App界面的设计规范 202
8.3.3 Pad端App的设计方法和用户体验 203
8.4 南丰鼎轩项目——餐饮类手机App设计 205
8.4.1 南丰鼎轩企业及项目分析 205
8.4.2 实战案例——南丰鼎轩点餐App开屏首页设计 207
8.4.3 实战案例——南丰鼎轩点餐App点餐界面设计 210
本章总结 212
本章作业 213
第9章   　移动端App设计——写在设计之后
本章简介 216
9.1 规范的重要性 216
9.1.1 重要的规范 216
9.1.2 变化着的设计规范 218
9.2 设计的流行趋势 220
9.2.1 设计风格的发展与延展 220
9.2.2 如何紧跟时代潮流掌握最新的设计流行趋势 222
9.2.3 不盲目屈从流行趋势，视觉风格要从项目出发 223
9.3 从产品的角度看设计 223
本章总结 227

1. SwiftUI完全开发 [李智威 著]
2. 深入浅出OpenHarmony——架构、内核、驱动及应用开发全栈 [李传钊 著]
3. Android高级程序设计 [主编　周雯　舒松]
4. 基于Android平台的移动开发技术 [主编 徐硕博 黄卫东 贾雁]
5. Android 应用开发项目实战 [主编 梁 琨 朱冰鸿]
6. Android应用开发基础教程 [主编 巫湘林]
7. Java ME手机应用程序开发 [易灿 李志勇 编著]
8. 移动终端服务器管理与开发 [主编 熊伟 曹天人]
9. 移动终端UI界面设计项目教程 [主编 沈强]
10. Android软件应用与实践 [主编 梁平 高峰]
11. 移动端UI设计及规范——分分钟搞定App UI设计 [北京课工场教育科技有限公司Q]
12. Visual C++ & Android程序设计综合实训（第二版） [主编 梁建武]
13. Android开发实用教程 [主编 王建华 张伟]
14. 单片机原理及应用设计（第二版） [主编 胡辉 ]
15. C++应用程序设计 [刘彦姝 谢景伟]
16. Android基础教程 [余 平 张建华]
17. ANSYS非线性有限元分析方法及范例应用 [张洪伟 高相胜 张庆余 编著]
18. ANSYS信号完整性分析与仿真实例 [房丽丽 编著]
19. Android 4.X手机/平板电脑程序设计入门、应用到精通（第二版） [孙宏明 著]
20. 压力容器全模型ANSYS分析与强度计算新规范 [栾春远 编著]
21. Android开发完全讲义（第二版） [李宁 编著]
22. Android手机/平板电脑程序开发教练 [黄彬华 编著]
23. Android手机程序设计入门、应用到精通 [孙宏明 著]
24. ANSYS 13.0 Workbench数值模拟技术 [许京荆]
25. ANSYS二次开发及应用实例详解 [师访]
26. ANSYS流固耦合分析与工程实例 [宋学官 蔡林 张华 编著]
27. Exchange Server 2010 SP1 实战精粹 [职念文]
28. 单片机原理及应用设计 [胡辉 主编]