X
0
样编辑：马老师S
QQ：48489372
电话：0411-84706671
邮箱：
本教材以“UI 设计核心技能与真实项目实践深度融合”为主线，面向UI 设计初学者及希望提升数字界面创作能力的从业者，采用项目式教学与任务驱动的编写理念，系统阐释 UI 设计的核心知识与实操技巧，并结合文旅、商业等真实应用场景推动设计能力落地。全书以“马尾船政项目”为核心贯穿载体，辅以旅游 App、点餐 App，以及福建博物馆项目等特色案例，将理论知识与实践任务有机结合，引导学习者在真实项目情境中夯实 UI 设计基础，掌握从需求分析到界面落地的全流程设计方法，全面提升界面创作与用户体验优化能力。
“马尾船政项目”是一个融合历史文化传播与现代 UI 设计理念的综合实践项目，聚焦于文旅类 App 的界面设计与交互实现，适用于文化场馆数字化展示、历史文化 IP 传播等多元场景。该项目注重文化内涵与用户体验的双重提升，同时，通过适配不同系统设计规范，以及多类型界面创作要求，实现设计能力的梯度进阶。
本教材作为产教融合特色教材，充分体现了校企协同育人的先进理念。
在教材编写过程中，开发团队深度调研 UI 设计行业发展趋势，将企业真实项目案例、前沿技术标准与教学规律深度融合，确保教材内容既紧跟产业技术发展前沿，又符合职业教育人才培养要求。这种“校企双元、协同开发”的模式，不仅提升了教材的实用性与先进性，还为学生构建了从课堂学习到岗位实践的无缝衔接路径，是深化产教融合、推动人才培养模式创新的重要成果。
模块 1 UI 项目基础设计 / 1
1.1 移动UI设计概述.................................................... 3
1.2 移动UI设计的分工流程 ......................................... 5
1.3 移动UI的色彩概论 ................................................ 6
1.4 移动UI中的配色方案........................................... 10
1.5 色彩联想 ............................................................ 12
1.6 马尾船政项目UI颜色设计实施方案...................... 15
1.7 马尾船政项目UI颜色设计分析............................. 16
1.8 课外扩展 ............................................................ 22
模块 2 UI 项目设计规范 / 23
2.1 马尾船政项目UI设计规范实施方案 ...................... 25
2.2 iOS设计规范 ...................................................... 26
2.3 Android 设计规范............................................... 29
2.4 其他设计规范 ..................................................... 31
2.5 微信小程序的设计规范........................................ 35
2.6 色彩规范 ............................................................ 38
2.7 课外扩展 ............................................................ 39
模块 3 UI 项目图标设计 / 41
3.1 图标设计的必要性............................................... 43
3.2 UI图标设计形式.................................................. 47
3.3 图标的设计风格.................................................. 48
3.4 iOS系统图标尺寸 ............................................... 50
3.5 Android系统图标尺寸......................................... 51
3.6 马尾船政项目图标设计实施方案.......................... 51
3.7 马尾船政项目图标设计方案................................. 53
3.8 课外扩展 ............................................................ 59
模块 4 Banner 设计 / 61
4.1 Banner设计原则 ................................................ 63
4.2 Banner设计的特点与要素 .................................. 64
4.3 Banner构图方式及尺寸要求............................... 67
4.4 Banner放置位置及切换方式............................... 70
4.5 马尾船政项目Banner设计实施方案 .................... 72
4.6 马尾船政项目 Banner设计方案 .......................... 73
4.7 课外扩展 ............................................................ 75
模块 5 UI 项目原型设计 / 77
5.1 原型设计的流程.................................................. 79
5.2 旅游App项目原型设计实施方案.......................... 81
5.3 旅游App项目原型设计方案................................. 82
5.4 马尾船政项目原型设计实施方案.......................... 89
5.5 马尾船政项目原型设计方案................................. 90
5.6 课外扩展 ............................................................ 93
模块 6 UI 界面设计 / 95
6.1 App常见界面分类............................................... 97
6.2 导航设计 ............................................................ 99
6.3 点餐App项目界面设计实施方案........................ 102
6.4 点餐App项目界面设计方案............................... 103
6.5 马尾船政项目UI界面设计实施方案.................... 106
6.6 马尾船政项目界面设计方案............................... 107
6.7 课外扩展 .......................................................... 110
模块 7 交互设计 / 111
7.1 马尾船政项目交互设计实施方案........................ 113
7.2 马尾船政项目交互设计方案............................... 114
7.3 马尾船政项目页面转换添加交互........................ 117
7.4 马尾船政项目滑动点交互 .................................. 121
7.5 马尾船政项目轮播图交互 .................................. 124
7.6 本章小结 .......................................................... 126
7.7 课外扩展 .......................................................... 126
模块 8 福建博物馆项目设计 / 127
8.1 福建博物馆项目设计实施方案 ........................... 129
8.2 福建博物馆项目设计方案.................................. 131
8.3 福建博物馆项目核心界面设计与实现................. 134
8.4 福建博物馆项目总结与延伸............................... 137
8.5 课外扩展 .......................................................... 138
参考文献 / 139
扫码关注
返回顶部
很抱歉！您正在使用的浏览器版本过低，无法正常使用我们的网站，请升级后再试！
为获得最佳浏览体验，建议您升级或使用其他浏览器，我们列出了一些最受欢迎的浏览器供您尝试：
