移动UI设计 课程标准（教学大纲）

1、移动UI设计（微课版）课程标准XXXX学校二。二二年 月【课程名称】【适用专业】【开课时间】【课程类型】一.课程基本信息移动UI设计（微课版）【课程名称】【适用专业】【开课时间】【课程类型】数字媒体与艺术设计专业第X学期专业基础课/专业核心课/专业拓展课等二.课程性质与任务课程性质：移动UI设计（微课版）是数字媒体与艺术设计专业的一门核 心专业课程，依据职业能力的要求，主要对移动UI设计、iOS和Android系统 移动设备界面的结构及设计规范等相关知识进行梳理和讲解，主要介绍了移动 UI设计基础知识、移动UI的筹划与原型设计方法、移动UI的色彩搭配方法、 移动图标的设计方法、移动App的UI

2、设计方法、移动App的交互设计、适配与 输出移动UI设计的方法和设计与制作移动App工程的相关知识等八局部内容。随着科技的开展，手机与人们生活的联系日益密切。手机中的软件系统是 用户直接操作的对象，它以精美的视觉效果和便捷的操作为用户所青睐，进而 促进了移动UI设计行业的兴盛。本课程使学生进一步了解移动UI设计的相关知识，在工程的实践过程中激 发学生的创新意识，促使学生加深掌握移动UT设计的基本知识，使学生实现从 学校到社会的平滑过渡。课程任务：通过学习移动UI设计等相关理论知识，不仅促使学生具备移动 UI设计相关的理论知识和行业素养，同时也有助于培养学生发现问题、分析问 题、解决问题的能力，

3、使学生能够具有相对良好的沟通、交流和协调能力，培 养良好的职业道德和行为素养，为后续的课程学习和职业开展打下坚实的基础。三、职业岗位标准1 .典型职业活动移动UI设计师等。2 .典型职业岗位标准（或工作内容、职责）、技术等级标准职业功能移动UI设计师工作内容.负责软件界面的美术设计、创意工作和制作工作；.根据各种相关软件的用户群，提出构思新颖、有高度吸引力的创意设计；.对页面进行优化，使用户操作更趋于人性化；.维护现有的应用产品。相关知识.艺术设计，多媒体设计，动画设计，工业设计等相关设 计艺术专业；.可以独立设计手机界面里的所有画面元素，能够原创图 标及制作动画效果；.熟练Photoshop

4、, ai, Flash,或者其他设计软件；.有扎实的美术功底和审美能力，富有创新精神，有良好 的平面设计和造型设计能力；.有较强的学习能力，能不断的跟踪学习，新的设计理念 和流行趋势；.对移动互联网及移动终端手机UI软件行业开展有深刻的 理解。3.主要职业能力1）培养学生严谨认真的工作态度和终身学习的习惯；2）培养学生在实际工作中遵守相关规范和要求；3）丰富学生的知识结构，提升专业技能；4）培养良好的人际沟通能力和团队互助的精神；5）培养学生自我学习、勇于创新、积极承担不同角色的能力。四、课程教学目标.课程总体目标本课程根据数字媒体与艺术设计专业学生将来工作过程中所必须具备的综 合职业能力出发

5、，应用先进教学方法和教学理论，优化和整合教学内容，将基 于移动UI设计与操作案例相结合，构建一种创新型的移动UI设计教学。 本课程对移动UI设计、iOS和Android系统移动设备界面的结构及设计规范等 相关知识进行了梳理和讲解，主要通过案例操作的形式，希望通过分析案例操 作的过程，使学生能够逐步培养自我思考、自我分析的能力，同时提升专业技 能。从而促进学生的综合能力的全面提升，充分满足社会对于适应型人才的需 求。.职业能力目标：掌握移动UT设计、移动UI的系统分类、移动UI设计流程、移动UT 设计原那么和移动UI设计流程的职位划分。掌握移动UI目标用户、移动IH筹划书、思维导图、绘制思维导图

6、的 常用软件、绘制移动UI思维导图、绘制UI草图、绘制原型的常用软 件和绘制移动UI原型图。掌握色彩搭配方法与配色方法、构建移动UI颜色系统和移动UI色彩 搭配的本卷须知。掌握图标设计常用软件、图标栅格系统、图标设计形式、App图标的分 类、图标尺寸和图标组设计规范。掌握移动UI的基本元素、常见的UI设计软件、移动UI的设计基础、 移动LI的字体规范、移动UI图片尺寸规范和移动App内容布局。掌握常见的交互设计软件、交互设计的基本流程、移动UI交互的类型、 动效在UI中的作用和交互设计需要遵循的习惯。掌握标注的重要性、常见的标注软件、标注移动U1、移动UI标注规范、 输出与适配iOS UI设计

7、和输出与适配Android系统UI设计。掌握美妆电商App工程和美食外卖App工程的制作。五、课程内容根据移动UI设计相关工作内容，总结出适应学生特点的，并与数字媒体与 艺术设计工作相关的基于移动UI设计的知识，通过学习、分析操作案例。本书 围绕移动UI设计，向读者介绍了相关的基本知识和操作案例，构建成体系的 运营过程，为实际操作打下坚实的基础。本课程的学习内容分解如下：课程内容与教学要求序号名称主要内容教学要求建议 学时第1章关于移动UI设计了解移动UI设计移动UI的系统分类移动UI设计流程移动UI设计原那么移动UI设计流程的职位划分讲解移动UI设 计中的基础知 识，帮助学生快 速了解移动U

8、I 设计的基础知识第2章移动UI策 划与原型设 计确定移动UI目标用户完成移动UI筹划书了解思维导图绘制思维导图的常用软件绘制移动UI思维导图绘制移动UI草图了解原型设计绘制原型的常用软件绘制移动U1原型图讲解如何将客户 提出的抽象化描 述转化为具象化 的移动UT筹划 和原型设计，转 化过程中使用的 方法及常用软 件，帮助学生更 好地完成每一款 移动UI产品的 筹划与原型设计第3章优秀的移动 UI色彩搭 配认识色彩和谐、统一的色彩搭配方法突出、比照的配色方法构建移动U颜色系统移动UI色彩搭配的本卷须知讲解如何为一款 移动App工程构 建符合设计主题 的颜色系统，帮 助学生掌握如何 让移动UI的

9、外 观变得更加出 彩，从而可以吸 引更多的用户第4章出色的移动 图标设计初始App图标图标设计常用软件熟悉图标栅格系统图标设计形式App图标的分类图标尺寸图标组设计规范讲解图标相关的 概念、设计形式 和设计尺寸及设 计制作方法，是 学生进入UI设 计行业的必备条 件第5章移动App的 UI设计移动UI的基本元素常见的UI设计软件移动UI的设计基础移动UI的字体规范移动UI图片尺寸规范移动App内容布局讲解有关App界 面的设计规范和 设计技巧，使学 生掌握App界面 的设计规范和 App界面的设计 方法第6章移动App交 互设计 了解UI交互设计常见的交互设计软件交互设计的基本流程移动UI交互

10、的类型动效在UI中的作用交互设计需要遵循的习惯讲解有关移动 App交互设计的 相关基础知识， 使学生掌握移动 App交互类型， 并了解制作移动 App交互的绘制 软件和表现方法第7章适配与输出 移动UI设 计标注的重要性常见的标注软件标注移动UI移动UI标注规范输出与适配iOS UI设计输出与适配Android系统UI设计讲解标注的重要 性、常见的标注 软件、标注移动 UT和移动UT标 注规范及输出 UI切片资源等 内容，使学生能 够理解标注移动 UT和输出切片 资源的作用与条 件，从而完成标 注和导出移动 App UI的操作第8章设计与制作 移动App项目设计与制作美妆电商App工程设计与制

11、作美食外卖App工程讲解设计与制作 两个移动UI项 日，帮助学生巩 固前面所学的知 识，同时加深学 生对移动UI设 计规范的理解学时合计：学时六、教学实施建议.教学建议：采用“理论+案例”的教学法，通过案例分析加强知识理解，将所学知识与 操作案例相结合，帮助学生准确理解与使用移动UI设计的相关知识，并领会 移动UI设计的内在实质。充分利用挂图、投影和多媒体等教学手段。.教学评价建议：在本课程实施过程中，突出评价的教育功能，注重过程评价与结果评价并 重、定性评价与定量评价相结合，形成教师和学生共同参与的多元评价主体， 构建评价体系。.教材编写与选用建议：教材编写要表达课程的特色与设计思想，教材内

12、容表达先进性、实用性， 操作案例的选取要科学，采用全流程设计的方式，由浅入深地讲解初学者需要 掌握的基础知识和操作技巧，全面解析各种元素的具体绘制方法，并在知识点 后衔接相关案例，使学生能够轻松理解知识点。教材力求文字标准规范、正确、 科学，配备适量的直观图片和视频影像资料。.实验实训设备配置建议：充分利用挂图、投影和多媒体等教学手段，采用理论知识与操作案例分析 相结合的教学模式，帮助学生准确理解相关知识。.课程资源开发与利用建议：开发相关辅导用书、教师指导用书、网络资源，要注重仿真软件的应用及 开发。课时内容关于移动UI设计授课时间 分钟课时教学目标0 了解移动UI设计；0移动UI的系统分类

13、；0移动UI设计流程；0移动UI设计原那么；0移动UI设计流程的职位划分。教学重点0掌握移动UI设计原那么；0掌握移动UI设计流程的职位划分。教学难点0掌握移动UI设计流程。教学设计1、教学思路：通过对移动UI设计相关基础知识的讲解了解移动UI设计；2、教学手段：针对移动UI与PC端UI的区别、移动UI的系统分类、移动UI设计流 程、移动UI设计原那么和移动UI设计流程的职位划分进行讲解。教学内容讨论问题：1、移动UI的系统分类有哪些？2、移动UI设计原那么有哪些？内容大纲：具体可结合本章的PPT课件进行配合讲解“1.1 了解移动门设计1. 1. 1初始移动UI设计1. 1.2移动UI设计的概念1. 1.3移动UI与PC端UI1.4将PC端UI重置为移动UI移动UI的系统分类. 1 iOS2. 2 Android 系统HarmonyOSWear OS 和 watchOS1.3移动UI设计流程3. 1需求分析原型设计UI 设计1.4移动UI设计原那么1.4. 1风