《移动UI设计案例教程》教学大纲

《移动UI设计案例教程》教学大纲
一、课程介绍
本书以移动App 设计为主线，全面、系统地介绍移动UI 设计方法和技巧，在内容编排上，分为UI 设计入门篇、UI 设计图标篇、UI 设计界面篇和UI 设计实战篇。

本书聚焦设计能力培养，采用理论知识与案例相结合的方式，通过大量的实操案例，配以详细的设计步骤，让读者切实融入设计中。

本书为读者提供内容结构图，帮助读者梳理知识，还安排知识拓展、课后实训、本单元小结和课后练习题，帮助读者提升技术水平。

本书配套资源包含书中所讲案例的素材、源文件等，读者可以跟随步骤完成效果制作。

本书既可作为高职高专院校、应用型本科院校UI 设计相关课程的教材与参考资料，也可供UI 设计爱好者学习和参考。

二、学习目标
（一）总体目标
通过跨学科的学习，学生将掌握人机界面的基本概念、基本原理和设计原则，并了解该领域的发展方向。

学生将学习使用规范的方法进行软件界面设计，并熟悉在设计过程中应遵循的流程、准则、标准和规范。

通过大量的实例设计，学生将掌握当前界面设计的类型和实际知识，从而达到学以致用和适应社会、市场需求的目的。

（二）具体目标
1.素质养成目标
通过项目和案例实践，培养学生遵守纪律，学习认真，积极主动的学习态度和工作习惯。

培养学生独立思考的能力，让他们能够在面对设计问题时进行深入思考并提出创新性解决方案。

培养学生发现问题和解决问题的能力，使他们成为解决实际设计挑战的有能力的UI设计专业人才。

2.知识目标
熟悉UI设计工作流程，了解设计的全过程，从需求分析到界面实现的各个阶段。

掌握图标设计的基本方法和知识，包括图标的构成要素、设计原则和规范。

了解当前市场流行的图标设计风格，对不同领域的图标设计趋势有一定的把握。

掌握iOS和Android系统的基本知识及区别，了解不同系统对界面设计的要求和特点。

掌握高低保真原型设计规范，能够制作简单的原型以展示界面交互效果。

掌握交互设计的基本原则，包括用户体验、可用性和界面的易学性等方面的考虑。

3.技能目标
能够设计APP项目网络调查问卷，用于收集用户需求和反馈。

能够绘制思维导图和草图，用于快速构思和表达设计思路。

能够设计多种风格的手机图标，具备良好的图标设计能力。

能够设计低保真原型图，用于展示界面的基本布局和交互效果。

能够针对不同的手机操作系统进行高保真原型设计，使界面设计更加贴合目标平台。

三、学习安排
64学时。

学时分配表
四、学习内容
第一篇：UI设计入门篇。

本篇详细介绍UI设计和移动端操作系统的基础知识，使读者对移动UI设计有较为深刻的认识。

单元1 走进UI设计
●素质目标：
培养规范意识，提升职业素养。

●知识目标：
1．了解UI 设计的基本理论；
2．熟悉UI 设计流程；
3．掌握UI 设计尺寸相关知识；
4．了解不同图像格式的区别。

●技能目标：
1．能够在设计中灵活对设计单位进行转换；
2．能够根据产品定位和用户分析进行设计风格选取。

单元2 UI设计要素
●素质目标：
鼓励学生探求美的来源，树立正确的审美意识，理解色彩联想对心理影响的重要意义。

●知识目标：
1．了解常见的UI 界面布局方式；
2．掌握色彩的使用方法。

●技能目标：
1．能够根据App 主题进行界面布局；
2．能够熟练运用色彩相关知识进行色彩搭配。

单元3 移动端操作系统
●素质目标：
引导学生保持对新的设计趋势的关注，提升学生持续学习和自我提升能力，以适应行业的快速发展与变化。

●知识目标：
了解移动端界面的特点。

●技能目标：
能够科学合理地对移动端界面进行分析。

第二篇：UI设计图标篇。

本篇介绍图标的基础知识和图标风格，结合实操案例讲解剪影图标、扁平化图标、拟物化图标的设计要点和技巧。

读者在掌握设计、制作方法的基础上，可以根据实际需求选择合适的图标风格进行绘制。

单元4 移动App图标基础
●素质目标：
培养学生严谨的工作态度。

●知识目标：
1．了解图标的概念；
2．了解图标设计流程；
3．掌握图标设计要点。

●技能目标：
能够遵循图标设计流程进行图标设计。

单元5 移动App图标风格
●素质目标：
1．培养学生精益求精的工匠精神；
2．培养学生发现美、创造美的能力。

●知识目标：
1．了解图标风格分类；
2．了解剪影图标的特点；
3．了解扁平化图标的特点；
4．了解拟物化图标的特点。

●技能目标：
1．能够进行剪影图标设计；
2．能够进行扁平化图标设计；
3．能够进行拟物化图标设计。

第三篇：UI设计界面篇。

本篇介绍移动App界面中常用的控件，如滑块、表单、按钮的表现和设计方法，并结合常见的App对界面功能进行分析，便于读者对App各类型界面的功能和组成有较为全面的了解。

单元6 界面常用控件
●素质目标：
1．培养学生的发散思维能力和创新能力；
2．培养学生多角度观察事物的能力。

●知识目标：
1．了解界面常用控件的类型；
2．掌握滑块控件的设计方法；
3．掌握表单控件的设计方法；
4．掌握按钮控件的设计方法。

●技能目标：
能够设计不同风格界面控件。

单元7 App界面类型
●素质目标：
全面提升学生的职业素养。

●知识目标：
1．了解不同类型的界面；
2．掌握各类界面的特点；
3．掌握各类界面的组成。

●技能目标：
能够对不同类型的界面进行分析和设计。

第四篇：UI设计实战篇。

本篇以项目实战的方式对前面所讲知识进行贯穿，介绍iOS和Android系统界面的设计规范、字体设计规范，按照项目分析、原型设计、风格分析、启动图标设计、各界面设计的UI设计流程完成实战项目，使读者对两种移动端操作系统界面设计有全面、深入的了解，同时掌握iOS和Android系统界面的设计方法。

单元8 iOS界面设计
●素质目标：
1. 培养学生的规范意识；
2. 引导学生树立精益求精的大国工匠精神。

●知识目标：
1. 掌握iOS 界面设计规范和设计要求；
2. 掌握产品定位、项目分析方法；
3. 掌握App 原型设计方法；
4. 熟悉iOS 界面设计方法。

●技能目标：
1. 能够在项目分析前对产品精准定位，科学开展项目分析；
2. 能够依据项目分析进行界面原型设计；
3. 能够依据原型图进行App 界面设计；
4. 能够熟练应用所学知识完成iOS App 界面设计。

单元9 Android系统界面设计
●素质目标：
1．培养学生胜任设计工作的良好业务素质和身心素质；
2．培养学生运用所学知识分析问题、解决问题的能力，创新设计思维，提升美术欣赏审美的能力。

●知识目标：
1．掌握Android 系统界面设计规范；
2．掌握产品定位方法；
3．掌握Android App 原型设计方法；
4．熟悉Android 系统界面设计方法。

●技能目标：
1．能够在项目分析前对产品进行精准定位；
2．能够依据产品定位进行界面原型设计；
3．能够依据原型图进行App 界面设计；
4．能够熟练应用所学知识完成Android App 界面设计。