《UI设计项目式教程》课程标准 (48课时)

《UI设计项目式教程》课程标准一、课程信息表1课程信息表课程名称UI设计项目式教程课程代码学分总学时3总学时课程类型1理实一体课课程性质2专业能力课程核心课程是£否☑适用专业数字媒体技术开课单位数字技术学院数字媒体技术应用专业科（教研室）合作开发企业执笔人审核人钟月云注1：课程类型指理论课/理实一体课/纯实践课注2：课程性质指公共基础课程/专业（群）基础课程/专业能力课程/职业能力模块课程/素质拓展课程二、课程性质与任务（一）课程性质《UI设计项目式教程》是数字媒体技术专业的专业能力课程，专业必修课程。本课程是一门实践性很强的面向实际应用的课程。将案例融入软件功能的介绍过程中，在学习基础知识和基本操作后，精心设计了课堂案例，力求通过课堂案例演练，使学生快速掌握软件的应用技巧；最后通过课后习题实践，拓展学生的实际应用能力。（二）课程任务 本课程以培养UI设计领域专业的设计能力为根本任务，将知识教学、技能提升与素养培育有机结合。通过学习UI界面布局原则、交互设计逻辑、色彩搭配技巧、图标设计方法以及用户体验分析等知识与技能，让学生能够胜任移动应用、网页设计等相关岗位所需的UI设计职业能力。在课程中，激发学生的创新思维，鼓励他们大胆尝试新的设计理念与风格。同时，组织团队项目强化学生的团队协作意识，使其学会在沟通交流中共同进步。培养学生追求卓越、注重细节的职业习惯，引导学生在设计中践行社会责任，关注用户需求，为打造优质的数字交互体验贡献力量。三、课程目标与要求（一）知识目标（1）熟练AdobeXD、AxureRP、即时设计等UI软件的工作界面和基本操作。（2）了解并认识移动UI设计的概念、特点、原则、常用软件和学习方法。（3）了解并认识APP的基本概念、操作平台、设计流程和基本分类。（4）熟练掌握图标设计。（5）掌握交互设计与原型图绘制。（6）熟练APP界面设计与实战。（二）能力目标（1）具有良好的心理素质和职业道德；（2）具有创新意识和创新精神；（3）较高的思想品德素质、良好的职业道德；（4）具有团结协作的态度，细心踏实的工作作风；（5）具有认真负责的工作习惯和严谨的敬业精神。（三）素养目标1．专业素养：（1）熟练运用电脑技术产品进行UI设计的能力；（2）综合运用所学知识分析和解决UI设计中遇到的各种问题，形成自主学习能力以及一定的实践应用能力。2．思政素养：（1）培养尊重知识产权的意识，坚决杜绝抄袭、盗用他人作品的行为，养成良好的创作道德，维护文化创作领域的公平与正义，践行社会主义核心价值观中的诚信原则。（2）增强民族自豪感和文化自信，积极弘扬中华优秀传统文化、革命文化和社会主义先进文化，将思政教育与文化传承相融合，培养爱国情怀。（3）在团队协作完成项目时，如APP界面设计，培养团队成员之间相互尊重、包容的品质，提升沟通能力和协作精神，理解集体主义的重要性，共同为实现项目目标而努力，营造积极向上、和谐共进的团队氛围。四、课程结构与内容（一）课程设计思路1.课程设计以满足互联网及移动应用行业对UI设计人才的需求为指引，着重培养学生在UI设计领域运用专业工具与设计理论的职业能力，以及良好的审美、沟通等综合素养。课程内容选取源于头部互联网企业的真实UI设计项目，结合行业UI设计岗位的工作内容与标准，融合UI设计师相关证书的技能要求，同时参考国内外知名设计大赛对UI设计的评判要点，进行教学设计，达成“岗课赛证”的有效融通。2.在课程内容编排上，打破传统UI设计教材的知识架构，挑选多个具有代表性的企业真实项目作为教学任务。以完成这些典型任务的设计流程为教学路径，将课程重新规划为若干个教学模块。每个模块以一款热门APP或网页的界面设计为驱动，按照从用户需求分析→原型草图绘制→视觉设计优化的工作流程逐步分解，涵盖界面布局、交互设计、图标设计等关键环节，从实际工作角度实现课程内容的重组。内容难度循序渐进，完整展现互联网企业UI设计的工作流程，实现工作任务与教学任务、工作过程与教学过程、工作标准与教学标准的精准对接。3.课程以创新思维与文化自信为思政核心要素，全面贯穿于教学的始终。重点培养学生传承中华优秀传统文化元素并融入UI设计的理念，激发其勇于创新、追求极致的设计精神，增强团队协作与沟通交流的意识，树立尊重知识产权的职业操守。将思政素养与UI设计理念深度融合，在每个教学任务环节融入思政引导，营造积极的学习氛围。促使学生对UI设计职业产生强烈的认同感与责任感，实现品德与技能的共同发展，培养出兼具精湛设计能力与高尚职业素养的UI设计人才。（二）课程结构序号项目/任务/章节名称学时安排总学时1UI项目基础设计-移动UI设计概念、原则与分工流程2482UI项目基础设计-移动UI色彩概论与色彩类型23UI项目基础设计-移动UI配色方案与马尾船政项目实践24UI项目设计规范-iOS与Android设计规范基础25UI项目设计规范-边距、间距与内容布局规范26UI项目设计规范-微信小程序设计规范与色彩规范27Banner设计28Banner设计29Banner设计210Banner设计211Banner设计212原型图设计流程213原型图设计流程214原型图设计流程215APP常见界面分类216导航设计2171.点餐APP项目界面设计实施方案2.点餐APP项目界面设计方案218马尾船政相关页面设计219交互设计基础认知与用户需求分析220交互设计原型制作与可用性测试221交互设计规范与迭代优化222福建博物馆项目前期调研与需求分析223福建博物馆项目UI设计与交互实现224期末综合作业设计与期末答辩2（三）教学内容与要求项目/任务/章节名称主要内容教学目标教学重难点思政元素参考学时任务一UI项目基础设计-移动UI设计概念、原则与分工流程UI项目基础设计-移动UI设计概念、原则与分工流程1、知识目标：熟悉移动UI设计的概念、核心要素；掌握移动UI设计的5大原则；了解移动UI设计的团队分工与工作流程。能力目标：能准确区分移动UI设计的核心环节；能结合案例分析设计原则的应用；能绘制简单的设计分工流程图。素质目标：培养严谨的设计思维和团队协作意识；增强对UI设计行业的认知；树立家国情怀，理解移动UI对文化传播的价值。重点：移动UI设计的5大原则（以用户为中心、简洁性等）；移动UI设计的工作流程（需求分析至开发实现）。难点：设计原则在实际案例中的灵活应用；团队分工中各角色的协作逻辑。家国情怀、团队协作、文化传播意识2任务二UI项目基础设计-移动UI色彩概论与色彩类型UI项目基础设计-移动UI色彩概论与色彩类型知识目标：掌握色彩三要素（色相、明度、饱和度）的概念；熟悉移动UI中4大色彩类型（主题色、背景色、辅助色、点缀色）的定义与应用场景。能力目标：能通过软件调整色彩三要素参数；能分析任意APP的色彩类型运用；能为简单界面选择合适的色彩类型组合。素质目标：培养色彩审美能力；增强细节把控意识；通过色彩与文化的关联，深化文化自信。重点：色彩三要素的定义与参数调整；4大色彩类型的应用场景与选择原则。难点：色彩类型与界面功能、品牌调性的匹配；色彩三要素的综合运用（如调整饱和度突出主题）。文化自信、细节把控、工匠精神2任务三UI项目基础设计-移动UI配色方案与马尾船政项目实践UI项目基础设计-移动UI配色方案与马尾船政项目实践知识目标：掌握4种核心配色方案（单色、邻近色、补色、对比色）的定义与特点；了解色彩联想与用户情感的关联；熟悉马尾船政UI配色方案设计思路。能力目标：能运用色相环选择合适的配色方案；能结合主题设计简单的UI配色方案；能对现有配色方案进行优化调整。素质目标：培养色彩审美与创新意识；强化文化传承与创新思维；提升项目实践与问题解决能力。重点：4种配色方案的选择与应用；色彩联想在配色中的运用；马尾船政项目配色实践流程。难点：配色方案与主题、用户情感的精准匹配；避免配色杂乱或单调。文化传承与创新、创新意识、工匠精神2任务四UI项目设计规范-iOS与Android设计规范基础UI项目设计规范-iOS与Android设计规范基础知识目标：熟悉iOS与Android系统的核心设计规范（界面尺寸、图标尺寸、字体规范）；了解两大系统设计规范的差异；掌握设计单位（px、dp、sp）的概念与换算逻辑。能力目标：能根据系统要求确定设计尺寸；能正确选择字体与图标尺寸；能区分两大系统的设计差异并适配。素质目标：培养规范意识与细节把控能力；强化跨平台适配思维；树立“按规范设计、按标准执行”的职业态度。重点：掌握项目图标组制作流程以及各环节要点；熟知常见图标设计风格难点：培养严谨态度，重视图标设计细节规范意识、职业素养、工匠精神2任务五UI项目设计规范-边距、间距与内容布局规范UI项目设计规范-边距、间距与内容布局规范知识目标：掌握UI设计中的边距、间距规范（页面全局边距、卡片间距、内容间距）；熟悉两种核心内容布局方式（列表式、卡片式）的设计原则；了解格式塔邻近性原则在布局中的应用。能力目标：能根据设计规范设置合理的边距与间距；能熟练运用列表式与卡片式布局设计界面；能结合原则优化界面布局的逻辑性与美观度。素质目标：培养空间布局思维与细节把控能力；强化“以用户为中心”的设计理念；提升界面的可读性与易用性设计能力。重点：页面全局边距（24px/30px）、卡片间距（16px/24px）、内容间距的规范设置；列表式与卡片式布局的设计原则与应用场景。难点：格式塔邻近性原则在间距设置中的实际应用；布局方式与用户阅读习惯、界面功能的匹配服务意识、工匠精神、用户中心理念2任务六UI项目设计规范-微信小程序设计规范与色彩规范Banner设计知识目标：熟悉微信小程序的核心设计规范（交互规范、字体规范、色板规范、控件规范）；掌握UI设计中色彩规范的核心要求（对比度、统一性、适配性）；了解小程序与APP设计规范的差异。能力目标：能按小程序规范设计交互流程与控件样式；能制定符合要求的色彩规范（含背景色、文字色、按钮色）；能完成小程序简单页面的规范设计。素质目标：培养跨平台设计适配思维；强化色彩审美与规范意识；树立“细节决定体验”的设计理念。重点：微信小程序的交互规范（导航、标签分页）、字体规范（字号22/17/15pt）、色板规范；色彩规范的核心要求（文字与背景对比度、颜色统一性）。难点：小程序交互规范与APP的差异适配；色彩规范与品牌调性、用户体验的平衡。文化传播、细节把控、创新适配思维2任务七Banner设计Banner设计1、知识目标：理解色彩搭配下，构图法则，视觉层次基本原理；掌握不同平台的Banner设计规范和尺寸要求。2、能力目标：熟练掌握AdobePhotoshop、Adobelllustrator、Sketch、Figma等设计软件，能够高效地进行Banner设计和编辑掌握排版技巧，能够合理安排文字、图片、图标等元素的位置和大小，确保Banner设计的整体美观和易读性了解基本的动效和交互设计原理，能够在Banner设计中加入适当的动效和交互元素，提升用户体验。3、素质目标：专业素养:保持对新知识、新技术和新趋势的敏感度，不断学习和重点：能够高效地进行Banner设计和编辑掌握排版技巧，能够合理安排文字、图片、图标等元素的位置和大小，确保Banner设计的整体美观和易读性了解基本的动效和交互设计原理，能够在Banner设计中加入适当的动效和交互元素，提升用户体验。难点：培养严谨态度，重视图标设计细节创新精神、文化传承与创新意识激发、工匠精神2任务八Banner设计Banner设计1、知识目标：理解色彩搭配下，构图法则，视觉层次基本原理；掌握不同平台的Banner设计规范和尺寸要求。2、能力目标：熟练掌握AdobePhotoshop、Adobelllustrator、Sketch、Figma等设计软件，能够高效地进行Banner设计和编辑掌握排版技巧，能够合理安排文字、图片、图标等元素的位置和大小，确保Banner设计的整体美观和易读性了解基本的动效和交互设计原理，能够在Banner设计中加入适当的动效和交互元素，提升用户体验。3、素质目标：专业素养:保持对新知识、新技术和新趋势的敏感度，不断学习和实践，以提升自己的设计能力和专业素养思政素养:强调传递正面价值观、弘扬社会正能量。重点：能够高效地进行Banner设计和编辑掌握排版技巧，能够合理安排文字、图片、图标等元素的位置和大小，确保Banner设计的整体美观和易读性了解基本的动效和交互设计原理，能够在Banner设计中加入适当的动效和交互元素，提升用户体验。难点：培养严谨态度，重视图标设计细节以人为本2任务九Banner设计Banner设计不同APP字体应用1、知识目标：理解色彩搭配下，构图法则，视觉层次基本原理；掌握不同平台的Banner设计规范和尺寸要求。2、能力目标：熟练掌握AdobePhotoshop、Adobelllustrator、Sketch、Figma等设计软件，能够高效地进行Banner设计和编辑掌握排版技巧，能够合理安排文字、图片、图标等元素的位置和大小，确保Banner设计的整体美观和易读性了解基本的动效和交互设计原理，能够在Banner设计中加入适当的动效和交互元素，提升用户体验。3、素质目标：专业素养:保持对新知识、新技术和新趋势的敏感度，不断学习和实践，以提升自己的设计能力和专业素养思政素养:强调传递正面价值观、弘扬社会正能量。重点：能够高效地进行Banner设计和编辑掌握排版技巧，能够合理安排文字、图片、图标等元素的位置和大小，确保Banner设计的整体美观和易读性了解基本的动效和交互设计原理，能够在Banner设计中加入适当的动效和交互元素，提升用户体验。难点：培养严谨态度，重视图标设计细节以人为本2任务十Banner设计Banner设计1、知识目标：理解色彩搭配下，构图法则，视觉层次基本原理；掌握不同平台的Banner设计规范和尺寸要求。2、能力目标：熟练掌握AdobePhotoshop、Adobelllustrator、Sketch、Figma等设计软件，能够高效地进行Banner设计和编辑掌握排版技巧，能够合理安排文字、图片、图标等元素的位置和大小，确保Banner设计的整体美观和易读性了解基本的动效和交互设计原理，能够在Banner设计中加入适当的动效和交互元素，提升用户体验。3、素质目标：专业素养:保持对新知识、新技术和新趋势的敏感度，不断学习和实践，以提升重点：能够高效地进行Banner设计和编辑掌握排版技巧，能够合理安排文字、图片、图标等元素的位置和大小，确保Banner设计的整体美观和易读性了解基本的动效和交互设计原理，能够在Banner设计中加入适当的动效和交互元素，提升用户体验。难点：培养严谨态度，重视图标设计细节文化传承与自信、创新2任务十一Banner设计Banner设计1、知识目标：理解色彩搭配下，构图法则，视觉层次基本原理；掌握不同平台的Banner设计规范和尺寸要求。2、能力目标：熟练掌握AdobePhotoshop、Adobelllustrator、Sketch、Figma等设计软件，能够高效地进行Banner设计和编辑掌握排版技巧，能够合理安排文字、图片、图标等元素的位置和大小，确保Banner设计的整体美观和易读性了解基本的动效和交互设计原理，能够在Banner设计中加入适当的动效和交互元素，提升用户体验。3、素质目标：专业素养:保持对新知识、新技术和新趋势的敏感度，不断学习和实践，以提升自己的设计能力和专业素养思政素养:强调传递正面价值观、弘扬社会正能量。重点：APP高保真原型图的绘制流程，掌握绘制高保真原型图的软件以及高保真设计技巧和规范。难点：在绘制过程中，实现视觉效果与交互效果的完美融合，使高保真原型图既具有美观性又具备良好的交互性。自主学习意识、团队协作2任务十二原型图设计流程原型图设计流程1、知识目标精准理解原型图的核心概念，明确其作为产品界面可视化草稿的定义、分类（低保真/高保真）及在点餐APP等项目中的应用价值；掌握原型图设计的基础理论，包括信息架构、交互逻辑、视觉层级等核心理论；熟记原型图设计的核心原则，如易用性、一致性、反馈性、容错性、用户中心原则，以及适配点餐场景的实用性原则。2、能力目标能根据点餐APP的业务需求，梳理界面信息结构，规划原型图的页面层级与跳转逻辑；具备独立绘制点餐APP核心页面（首页、菜品页、订单页）低保真原型的能力，能清晰表达交互流程；可依据原型图设计原则，对现有点餐APP原型进行合理性评估与优化调整。3、素质目标建立以用户为中心的设计思维，在原型设计中兼顾点餐用户的操作习惯与使用场景；培养严谨的逻辑思维与细节把控能力，确保原型图能精准传递产品需求；提升跨协作意识，能基于原型图与开发、设计团队有效沟通点餐APP的界面设计需求。1.了解原型图设计的大致分类及应用领域。2.学会运用UI设计软件进行基础设计操作。培养学生的创新精神2任务十三原型图设计流程1、知识目标深化理解原型图制作的核心逻辑，明确原型从低保真到高保真的制作流程、适用场景及转化标准；系统掌握原型图制作的底层理论，包括页面信息架构搭建、交互路径设计、组件复用规范等；熟练运用原型图制作的实操原则，如布局对齐原则、交互反馈原则、适配一致性原则，结合点餐APP等项目场景理解原则落地方法。2、能力目标能独立完成需求拆解与原型规划，根据项目目标（如点餐APP）梳理页面清单、定义交互逻辑；熟练使用原型设计工具（如Figma、Axure），制作低保真+高保真原型图，清晰表达界面布局、控件交互与页面跳转；具备原型图优化与评审能力，能结合用户反馈、开发需求对原型进行迭代调整，确保原型落地性。3、素质目标树立以用户为中心的设计素养，在原型制作中优先考量点餐场景下的用户操作便捷性与体验流畅度；培养严谨细致的工作态度，注重原型图的细节规范（尺寸、字体、交互逻辑），降低后续开发偏差；强化项目落地思维，打破纯设计视角，兼顾原型的可实现性与团队协作效率，推动设计方案高效落地。1.完成原型图制作2.学会运用UI设计软件进行基础设计操作。培养学生的创新精神2任务十四原型图设计流程原型图设计流程1、知识目标掌握船政历史核心知识，包括船政发展脉络、关键历史事件、代表性人物与文物背景，明确历史场景还原的核心要素与文化表达逻辑；理解数字原型设计与文化活化的关联理论，掌握沉浸式场景搭建、交互功能设计的基础原理，熟悉数字内容与历史文化融合的设计思路；熟记文化类原型设计原则，如历史真实性、交互体验性、场景沉浸感、用户探索性原则，掌握数字平台搭建的行业规范与文化表达要求。2、能力目标能基于船政历史资料，拆解历史场景还原要点，规划原型中文化展示模块的信息架构与内容呈现形式；熟练运用原型设计工具，搭建船政历史场景原型，串联场景跳转、文物交互、文化科普等功能模块，实现沉浸式体验的可视化表达；具备原型迭代优化能力，结合用户体验反馈与文化传播需求，调整交互逻辑与场景设计，确保原型落地后能有效支撑“数字活化船政文化”的核心目标。3、素质目标树立文化传承与创新结合的设计素养，在原型设计中坚守历史真实性，主动探索数字技术与传统文化的融合路径；1.完成马尾船政原型图制作2.学会运用UI设计软件进行基础设计操作。培养学生的创新精神2任务十五APP常见界面分类原型图设计流程1、知识目标掌握APP常见界面的核心分类，明确启动页、首页、详情页、分类页、订单页、个人中心页等核心类型的定义与适用场景；熟记各类界面的功能定位与设计规范，包括启动页的品牌传达逻辑、首页的信息架构原则、详情页的内容展示优先级等核心知识点；理解界面分类与用户体验的关联理论，掌握界面一致性设计的核心要求（视觉、交互、逻辑统一），明确界面分类对UI原型设计的支撑作用。2、能力目标能精准区分APP各类常见界面，快速判断不同界面在产品流程中的功能角色；可结合具体产品需求（如点餐APP、文化体验平台），匹配适配的界面类型，规划界面组合逻辑与跳转路径；能依据各类界面的设计规范，梳理界面设计要点，为后续UI原型设计搭建清晰的界面框架，保障设计逻辑的规范性。3、素质目标树立以用户为中心的界面设计思维，在界面分类与匹配中优先考量用户使用习惯与操作流畅度；培养严谨的设计规范意识，重视界面一致性设计，形成标准化的界面设计认知；1.了解APP常见界面分类2.熟练区分启动页、首页、详情页等常见类型，掌握各类界面的核心功能与设计规范，结合产品需求精准匹配界面类型，同时兼顾界面一致性培养学生的创新精神2任务十六导航设计导航设计1、知识目标理解UI导航作为APP功能骨架的核心定义，明确其在梳理产品信息架构、提升用户操作流畅度、优化用户体验中的核心价值与作用。系统掌握标签导航、抽屉导航、顶部导航等常见导航形式的核心特点、适用场景及具体设计规范。熟记UI导航设计的核心原则，重点掌握一致性、易用性原则，理解导航设计中图标、文字、色彩搭配的规范要求。2、能力目标能熟练区分各类导航形式的差异，结合具体产品定位与需求，合理规划导航层级与交互逻辑，确保导航清晰、高效、易操作。能遵循导航设计规范与原则，规范搭配图标、文字及色彩，独立完成导航方案的构思与梳理。具备运用原型设计工具，绘制导航原型并根据产品需求、用户反馈进行优化调整的实操能力。3、素质目标树立以用户为中心的设计素养，在导航设计中优先考量用户操作习惯，注重提升用户体验与操作流畅度。重点核心功能定位：掌握导航栏作为信息枢纽的作用，明确底部、顶部、侧边栏、标签页等常见类型的适用场景，适配不同APP的功能架构与用户操作习惯。难点多场景适配设计：针对移动端、平板端等不同设备，以及电商、资讯、工具类不同产品，灵活调整导航形式，平衡视觉美观与功能实用性。培养学生的创新精神2任务十七一、点餐APP项目界面设计实施方案二、点餐APP项目界面设计方案任务一、点餐APP项目界面设计实施方案任务二、点餐APP项目界面设计方案1、知识目标掌握船政历史核心知识，明确船政关键历史场景、代表性人物、文物及文化内涵，厘清历史场景还原的核心要素与文化表达边界。理解原型设计的核心理论，掌握沉浸式场景搭建、文化展示与交互功能串联的设计逻辑，明确数字手段活化传统文化的核心思路。熟记文化类产品原型设计的核心原则，包括历史真实性、场景沉浸感、用户探索性、交互易用性原则，掌握文化与数字原型融合的设计规范。2、能力目标能基于船政历史资料，拆解历史场景还原要点，规划原型中文化展示模块、交互功能的信息架构与呈现形式。能运用原型设计工具，完成船政历史场景原型制作，有效串联文化展示与交互功能，实现沉浸式、可探索的原型可视化表达。能结合文化传播需求与用户体验反馈，优化1.完成马尾船政原型图制作2.学会运用UI设计软件进行基础设计操作。原型的场景还原度、交互流畅度，确保原型贴合“数字活化船政文化”的核心目标，具备落地可行性。3、素质目标树立文化传承与数字创新结合的素养，在原型设计中坚守历史真实性，主动探索数字技术活化传统文化的路径，增强文化自信。培养以用户为中心的沉浸式设计思维，兼顾船政文化的专业性与用户的探索体验，引导用户主动感知、理解船政文化内涵。1.完成马尾船政原型图制作2.学会运用UI设计软件进行基础设计操作。培养学生的创新精神2任务十八马尾船政相关页面设计马尾船政相关页面设计1、知识目标掌握船政历史核心内容，明确关键历史场景、文化符号的核心特征，理解历史场景还原的真实性要求。理解原型设计的基础理论，掌握文化展示与交互功能串联的逻辑，明晰数字手段活化船政文化的核心路径。熟记文化类原型设计的核心原则，掌握沉浸式、可探索性体验的设计规范，明确原型设计与文化传播的结合要点。2、能力目标能结合船政历史资料，拆解场景还原要点，规划文化展示、交互功能的模块架构与呈现形式。能运用原型设计工具，完成船政历史场景还原，有效串联文化展示与交互功能，实现沉浸式、可探索的原型制作。能优化原型的场景还原度与交互流畅度，结合文化活化目标调整设计，确保原型贴合数字文化体验平台的核心需求。3、素质目标树立文化传承意识，坚守历史真实性，在原型设计中践行数字创新与文化活化的结合，增强文化自信。1.完成马尾船政原型图制作2.学会运用UI设计软件进行基础设计操作。培养学生的创新精神2任务十九第七章交互设计7.1交互设计基础认知与用户需求分析交互设计基础认知与用户需求分析知识目标1.掌握交互设计的核心定义与发展历程2.理解用户需求分析在交互设计中的核心地位3.掌握用户需求分析的常用方法（用户访谈、问卷调查、竞品分析）能力目标1.能够独立完成用户需求调研方案设计2.能够运用至少两种需求分析方法进行数据收集3.能够将用户需求转化为可执行的设计要点素质目标1.培养以用户为中心的设计思维2.树立严谨的需求分析工作态度3.提升团队协作中的沟通表达能力重点1.交互设计的核心原则与用户需求分析流程2.用户需求分析方法的实际应用难点1.如何将抽象的用户需求转化为具体的设计指标2.如何平衡用户需求与商业目标之间的关系培养学生的创新意识和社会责任感2任务二十第七章交互设计7.2交互设计原型制作与可用性测试交互设计原型制作与可用性测试1、知识目标掌握交互设计原型的定义和分类，理解原型制作在交互设计中的作用，掌握可用性测试的基本流程和方法。2、能力目标能够使用XD制作交互原型，设计可用性测试方案并执行测试，根据测试结果优化交互设计。3、素质目标培养严谨的原型制作工作态度，提升问题分析和解决能力，增强团队协作中的沟通协调能力。重点1.交互设计原型的制作流程和规范2.可用性测试的设计与执行难点1.如何设计合理的交互逻辑，根据可用性测试结果进行有效优化培养学生的创新意识和社会责任感2任务二十一第七章交互设计7.3交互设计规范与迭代优化交互设计规范与迭代优化1、知识目标掌握交互设计规范的核心内容，理解迭代优化在交互设计中的重要性，掌握迭代优化的常用方法（A/B测试、用户反馈收集）。2、能力目标能够制定完整的交互设计规范文档，运用迭代优化方法对交互设计进行持续改进，评估交互设计的效果并提出改进建议。3、素质目标培养严谨的规范制定工作态度，提升数据分析和问题解决能力，增强团队协作中的沟通协调能力。重点1.交互设计规范的核心内容和制定流程2.迭代优化方法的实际应用难点1.如何制定可执行的交互设计规范，平衡迭代优化的成本和收益培养学生的创新意识和社会责任感2任务二十二第八章福建博物馆项目设计8.1福建博物馆项目前期调研与需求分析福建博物馆项目前期调研与需求分析1、知识目标掌握博物馆类UI项目的调研方法与需求分析框架，理解博物馆文化展示的核心设计原则。2、能力目标能够独立完成福建博物馆项目的前期调研报告，学会运用用户画像工具分析目标用户需求。3、素质目标培养学生对传统文化的敬畏之心与创新传承意识，强化以用户为中心的设计责任意识。重点1.博物馆类UI项目的调研方法与需求分析框架2.博物馆文化展示的核心设计原则难点：如何平衡传统文化传承与现代设计创新，跨部门协作问题的根源分析与解决方案培养学生的创新意识和社会责任感2任务二十三第八章福建博物馆项目设计8.2福建博物馆项目UI设计与交互实现福建博物馆项目UI设计与交互实现1、知识目标掌握博物馆类UI项目的设计原则与交互实现方法，理解博物馆文化展示的核心交互逻辑。2、能力目标能够独立完成福建博物馆项目的UI设计与交互实现，学会运用原型设计工具制作高保真原型。3、素质目标培养学生的审美能力与创新设计思维，强化以用户为中心的设计责任意识。重点1.博物馆类UI项目的设计原则与交互实现方法2.博物馆文化展示的核心交互逻辑难点：如何平衡传统文化传承与现代设计创新，跨部门协作问题的根源分析与解决方案培养学生的创新意识和社会责任感2任务二十四第八章福建博物馆项目设计8.3期末综合作业设计与期末答辩期末综合作业设计与期末答辩1、知识目标掌握完整交互设计项目的交付标准与文档规范，理解毕业设计的评分标准与评审流程。2、能力目标能够独立完成符合行业标准的交互设计毕业设计，学会撰写专业的设计说明文档与答辩PPT。3、素质目标培养学生的项目管理能力与时间规划能力，提升学生的设计表达与公众演讲能力。重点1.期末作业的选题定位与项目规划2.设计文档的标准化撰写方法难点1.如何平衡创新性与可行性的选题设计，答辩技巧与设计理念的有效传达培养学生的创新意识和社会责任感2五、学生考核与评价本课程为考查科目，期评成绩由平时成绩、期考成绩等组成。考核评价内容主要包括基本概念的理解程度，具体软件的掌握程度，设计的能力等。平时成绩的考核主要有课堂综合表现、作业等占50%，期末作品考核占50%。本课程考核评价建议，如下面表格所示：《UI设计项目式教程》成绩考核表名称考核内容权重占总分值过程性评价课堂综合表现20%50%作业情况80%总结性评价期末作业100%50%六、教学实施与保障（一）授课教师基本要求1.专任教师（1）符合高校教师任职条件，取得高校教师资格证书。具有扎实的理论功底、较强的科研能力和一定的企业实际工作经历，具有双师素质。（2）熟悉与本课程相关的法律法规。（3）熟悉与本课程相关典型企业（如工业企业、商业企业等）的组织结构，了解典型企业生产经营管理的流程，熟悉企业典型生产的流程。（4）能采用情境教学法、六步教学法、直观教学法、角色扮演法、讲授法等教学方法指导、引导学生完成学习任务，实现学习目标。2.兼职教师（1）行业企业一线的高技能人才、具备教师基本素质和具有较为丰富的实践和管理经验。（2）熟悉不同岗位的工作任务、工作内容、工作方法、工作流程。（3）熟悉特定企业的组织结构和生产经营管理的相关制度。（4）熟悉典型经济业务在特定企业的业务流程。（5）能够将理论与实践相结合，具有相当的教学技能指导学生完成工作任务。（二）教材及参考书选用教材选用《UI设计项目式教程》，卓书芳,钟月云，大连理工大学出版社。（三）教学方法与教学策略1.教学方法以讲授、课堂讨论与实际操作相结合的互动方式进行的，在提供丰富资料的基础上，鼓励学生提出质疑，与教师展开讨论，让学生自己思考得出结论。2.教学策略在讲解基本概念与理论问题时，尽量通过欣赏大量优秀作品来启发学生，以避免枯燥，同时引导学生提高艺术修养与鉴赏能力；采用电子课件组织实施教学，利用多媒体教学软件实施课堂教学辅助管理，加强教学过程中重难点的演示与剖析，按照理论与实践一体化的教学模式，以增强课堂教学信息量和感性认识，培养学生创新能力。（四）教学实训条件要求校内实训基地教室包括普通教室和专