《UI设计项目式教程》教案1 移动UI设计概念、原则与分工流程

《UI设计项目式教程》教案第01号课程名称授课日期班级课堂类型理实一体化教学章节名称UI项目基础设计-移动UI设计概念、原则与分工流程目的要求知识目标：熟悉移动UI设计的概念、核心要素；掌握移动UI设计的5大原则；了解移动UI设计的团队分工与工作流程。能力目标：能准确区分移动UI设计的核心环节；能结合案例分析设计原则的应用；能绘制简单的设计分工流程图。素质目标：培养严谨的设计思维和团队协作意识；增强对UI设计行业的认知；树立家国情怀，理解移动UI对文化传播的价值。学情分析学生已初步掌握Photoshop、AdobeXD等基础设计软件操作，对移动APP有日常使用经验，但缺乏系统的UI设计理论知识。对“设计原则”“分工流程”等专业概念较为陌生，需通过案例拆解和具象化讲解帮助理解，同时需激发其对设计行业的兴趣和文化传承意识。重难点分析重点：移动UI设计的5大原则（以用户为中心、简洁性等）；移动UI设计的工作流程（需求分析至开发实现）。难点：设计原则在实际案例中的灵活应用；团队分工中各角色的协作逻辑。信息化应用方法讲师课堂教学主要以PPT讲授为主，结合多媒体教学，引导学生自主实践。思政元素融合设计思政元素融入方式家国情怀、团队协作、文化传播意识通过马尾船政案例讲解，介绍其作为中国近代工业文明发源地的历史意义，引导学生理解UI设计可作为文化传播载体，传承民族精神；在团队分工讲解中，强调协作的重要性，培养集体意识。作业布置以《半月里古村落》为主题，收集相关资料，进行需求分析。参考资料1.《UI设计项目式教程》，ISBN号：978-7-5685-7001-1，作者：卓书芳,钟月云，出版社：大连理工大学出版社，版次：2026-01，印次：12.参考站酷、花瓣、知乎等各类网络资源教学过程教学环节教学内容教师活动学生活动设计意图课前预习预习1.预先完成课程中相关的课程案例2.预先准备本节课程中相关知识点课前了解本节课所要讲授的知识点。利用在线班群发布预习材料，引导学生初步了解本节课基本内容，为课堂学习打下理论基础。课程签到（5min)学习通签到平台发起签到或现场点名签到。在平台上进行签到或现场点名。做好课前准备，把控课堂出勤情况，保障教学顺利开展。课程导入(5min)引入主题1.提问：“大家每天使用的微信、抖音APP，其界面设计有哪些让你觉得方便或美观的地方？”2.展示UI界面更新的部分案例，引出本节课核心内容：移动UI设计的基础逻辑。1.自由发言分享对常用APP界面的感受；2.观察案例，初步感知UI设计的价值。激发学生兴趣，建立“UI设计与日常使用紧密相关”的认知，为后续教学铺垫。课中讲解(30min)1.移动UI设计概念与核心要素2.移动UI设计5大原则（结合案例拆解）3.团队分工与工作流程1.讲解移动UI设计的定义，拆解6大核心环节（规范、图标、Banner等），用微信图标案例说明各环节作用；2.逐一讲解5大原则：以用户为中心（用老年版APP字体放大案例）、简洁性（对比复杂与简洁界面）、一致性（展示淘宝各页面按钮风格）、实用性（微信支付流程）、灵活性（夜间模式）；3.介绍产品经理、UI设计师、开发工程师的岗位职责，讲解“需求分析-概念设计-交互设计-视觉设计-开发实现”全流程。1.认真听讲，记录核心知识点；2.跟随教师思路分析案例，理解原则内涵。系统讲解理论知识，通过具象化案例降低理解难度，帮助学生建立知识框架。案例分析(20min)马尾船政UI设计分工与原则应用1.介绍马尾船政历史背景（洋务运动、中国近代工业摇篮），展示其APP设计需求；2.分析该项目中“以用户为中心”（适配历史爱好者、游客等群体）等原则的应用；3.拆解项目团队分工：产品经理调研船政文化需求，UI设计师负责色彩与界面，开发工程师实现功能。1.了解马尾船政历史与设计需求；2.分组讨论案例中设计原则的具体体现；3.分享讨论结果，深化对分工与原则的理解。思政元素融入：通过马尾船政案例，让学生了解中国近代工业文明的发展，理解UI设计在文化传播中的作用，激发家国情怀；同时强化团队协作意识。学生练习(20min)学生练习需求分析1.布置任务：以《半月里古村落》微信小程序为主题，收集相关资料，进行需求分析；2.巡回指导，针对流程逻辑混乱、角色分工不明确等问题进行个别辅导。1.收集相关资料，进行需求分析；2.提交需求分析，听取点评并修改完善。将理论知识转化为实践能力，巩固对工作流程与分工的理解，培养严谨的设计思维。课堂小结(10min)回顾与梳理1.梳理本节课核心知识点：概念-原则-分工-流程；2.强调：UI设计不仅是“美观”，更是“以用户为中心”的功能实现与价值传递；3.预告下节课内容：色彩概论与色彩类型。1.跟随教师回顾知识点，查漏补缺；2.记录下节课预习重点。强化知识体系，明确学习逻辑，为后续课程做好铺垫。作业布置以《半月里古村落》为主题，收集相关资料，进行需求分析。课后教学反思通过常用APP案例与马尾船政项目