还剩28页未读，继续阅读
本资源只提供10页预览，全部文档请下载后查看！喜欢就下载吧，查找使用更方便
文本内容:
《界面设计》教学教案首页课程名称界面设计任课教师沈瑞月一\项目名称界面设计（72课时）
二、完成项目时间
2019.
05.02-
2019.
06.28三教学目标经过本课程的学习，学生应当达到•能够针对设计目标正确选用卡片分类法、问卷法、焦点小组法，收集用户数据，使用Persona和体验地图的方法进行用户数据和需求分析，提炼用户核心需求•能够根据产品定位和目标用户核心需求，完成界面设计概念设计，掌握设计信息架构设计方法，能够运用Axure软件完成低保真界面设计•能够运用情绪板方法确定视觉设计风格，根据不同系统视觉界面设计规范，掌握互动界面色彩设计、图标设计、板式设计方法和技巧最终完成高保真互动界面设计•根据互动界面详细设计规范，完成界面切图和布局设计四教学任务主要内容知识要求技能要求课时分配
1.以案例讲解以用户体验为中心的设计流程和要素；•通过实际案例掌握用户体验
2.以案例讲解用户体验研究方法；为中心的设计流程和要素；
3.选择适合自己项目的用户研究方•了解用户研究方案并能够进用户研究提法，确认目标用户，执行用户研究；行操作12炼用户需求
4.使用Persona和体验地图法分析用•会使用persona和体验地图户研究数据，分析用户核心需求；分析用户研究数据，并进行
5.目标市场研究分析需求提炼
1.基于用户核心需求和市场分析结果•运用黑客头脑风暴进行界面进行交互界面设计头脑风暴；方案设计方法；低保真交互
2.交互界面方案整理，信息架构设计；•掌握信息架构设计方法；20界面设计
3.交互界面概念方案设计；•能够利用草图和Axure软件进行交互界面设计授课内容界面设计方案整理信息架构设计信息架构制作（学生实训I）教学重点信息架构设计教学难点为项目设计信息架构教学方法和手段:理论讲述、案例详解实训操作教学进程安排（教学过程设计、组织）
1、复习旧课，引入新课
2、界面设计方案整理展示，学生展示，老师点评
3、设计信息架构结合案例讲解
4、学生实训为项目设计信息架构和功能框架
5、课程回顾总结作业完成项目设计信息架构审核意见（是否符合教学大纲、教学日历）授课内容
1、界面设计要素
2、界面导航设计
3、低保真设计原型（相框图、流程图）教学重点低保真原型设计类型，草图设计导航设计教学难点界面导航设计种类和应用线框图和流程图设计教学方法和手段理论讲述、案例详解、多媒体演示根据手机模板实训手绘草图教学进程安排（教学过程设计、组织）
1、复习旧课，引入新课
2、界面设计要素（控件类型和不同平台设计规范）讲解
3、界面导航设计（9种常见导航方式以及运用场景和案例）
4、界面设计原型（典型界面线框图和流程图）
5、学生实训每位学生分别针对各自项目的功能设计草图方案＞作业完成项目低保真效果图草图设计审核意见（是否符合教学大纲、教学日历）授课内容Axure软件安装、软件介绍Axure低保真界面设计与制作Axure简单交互界面跳转教学重点运用Axure软件制作低保真交互界面低保真界面设计方法教学难点低保真界面设计方法Axure简单交互界面跳转教学方法和手段理论讲述、案例详解、多媒体演示上机操作、练习指导教学进程安排（教学过程设计、组织）
1、复习旧课，引入新课
2、低保真交互界面设计制作案例讲解
3、Axure软件操作演示
4、学生实训运用Axure软件制作低保真界面和交互流程＞作业使用Axure软件完成项目低保真效果图设计制作审核意见（是否符合教学大纲、教学日历）授课内容
1、Moodboard情绪板方法
2、如何运用情绪板方法确定模拟真题的视觉风格
3、确定关键词，为自己的项目制作情绪板（学生实训）教学重点Moodboard情绪板方法运用Moodboard情绪板方法确定视觉设计风格教学难点根据产品定位和目标用户确定关键词；运用Moodboard情绪板方法确定视觉设计风格教学方法和手段理论讲述、案例详解、多媒体演示上机操作、练习指导教学进程安排（教学过程设计、组织）
1、复习旧课，引入新课
2、多媒体演示Moodboard心情版方法以及案例讲解
3、学生实训根据项目特点，确定关键词，制作Moodboard心情版作业完成各自项目Moodboard心情版审核意见（是否符合教学大纲、教学日历）授课内容
1、用实例讲解不同设备界面屏幕知识
2、界面尺寸和不同系统设计规范
3、图标设计规范教学重点iOS与Android两大系统界面设计规范图标设计规范教学难点让学生掌握两个系统下互动界面设计的异同，养成规范的设计习惯图标设计规范教学方法和手段理论讲述、案例详解、多媒体演示上机操作、练习指导小组讨论教学进程安排（教学过程设计、组织）
1、复习旧课，引入新课
2、多媒体演示不同设备屏幕知识，案例讲解
3、小组讨论让班级学生分别截图自己手机上的图片，使用不同手机的同学互相交换分析不同屏幕大小对交互界面设计的影响
4、多媒体演示界面尺寸和不同系统设计规范，案例讲解重点讲解图标设计规范
5、学生实训以iOS系统设计规范为例作业完成各自项目Moodboard心情版制作审核意见（是否符合教学大纲、教学日历）教学小组长（签字）年月日授课内容
1、界面设计中图标的分类
2、界面设计中图标的设计方法
3、界面设计中图标的设计原则
4、图标制作的方法和技巧
5、图标设计实训教学重点图标设计方法图标设计原则教学难点图标制作的方法和技巧教学方法和手段理论讲述、案例详解、多媒体演示实训操作、练习指导教学进程安排（教学过程设计、组织）
1、复习旧课，引入新课
2、多媒体课件演示交互设计中图标的分类，案例讲解
3、多媒体课件演示交互设计中图标的设计方法，案例讲解
4、多媒体课件演示交互设计中图标的设计原则，案例讲解
5、运用Photoshop软件操作图标设计与制作的方法和技巧
6、设计实训同学们为自己的项目、根据视觉设计风格设计图标作业完成各自项目界面中图标的设计与制作审核意见（是否符合教学大纲、教学日历）教学小组长（签字）年月日授课内容
1、交互界面设计中色彩搭配方法
2、交互界面设计中版式设计方法和技巧
3、根据项目实操实训教学重点颜色设计；板式布局设计；教学难点根据项目特点和人群定位进行颜色和版式设计教学方法和手段理论讲述、案例详解、多媒体演示实训操作、练习指导教学进程安排（教学过程设计、组织）
1、复习旧课，引入新课
2、多媒体课件演示交互设计中颜色搭配方法和技巧，案例讲解
3、多媒体课件演示交互设计中版式的设计方法和技巧，案例讲解
4、运用Photoshop软件制作高保真交互设计的方法和技巧
5、设计实训同学们为自己的项目、根据视觉进行色彩和布局设计作业完成各自项目界面中配色和布局设计审核意见（是否符合教学大纲、教学日历）授课内容
1、不同系统自己设计规范
2、互动界面设计中的字体设计方法和技巧
3、视觉设计规范设计与制作教学重点和难点iOS和Android两个主流系统字体设计规范教学重点和难点视觉设计规范制作教学方法和手段理论讲述、案例详解、多媒体演示实训操作、练习指导教学进程安排（教学过程设计、组织）
1、复习旧课，引入新课
2、多媒体课件讲解iOS和Android两个系统字体设计规范
3、多媒体课件讲解交互界面中字体设计方法和场景，案例讲解
4、多媒体课件演示交互界面设计中视觉设计规范的制作，案例讲解
5、设计实训同学们为自己的项目、根据视觉进行字体大小和规范设计，结合控件和颜色完成视觉设计规范
6、作业完成各自项目界面中字体设计、视觉设计规范审核意见（是否符合教学大纲、教学日历）授课内容高保真视觉界面主界面设计（Photoshop）尺寸1125*2436px主界面设计教学重点使用Photoshop制作设计高保真效果图；高保真效果图符合设计规范；高保真视觉效果图符合产品定位和目标用户需求教学难点高保真视觉效果图符合产品定位和目标用户需求教学方法和手段:多媒体演示实训操作、练习指导教学进程安排（教学过程设计、组织）
1、复习旧课，引入新课
2、多媒体演示Photoshop制作高保真效果图的要点和方法
3、通过案例讲解高保真效果图制作流程
4、设计实训同学们为自己的项目设计高保真效果图作业完成各自项目高保真效果图主界面设计审核意见（是否符合教学大纲、教学日历）授课内容高保真视觉界面主界面二级界面设计（Photoshop）尺寸1125*2436px主界面设计教学重点使用Photoshop制作设计高保真效果图；高保真效果图符合设计规范；高保真视觉效果图符合产品定位和目标用户需求教学难点高保真视觉效果图符合产品定位和目标用户需求教学方法和手段:多媒体演示实训操作、练习指导教学进程安排（教学过程设计、组织）
1、复习旧课，引入新课
2、多媒体演示高保真效果图二级界面设计的要点和方法
4、设计实训同学们为自己的项目设计高保真效果图二级界面作业完成各自项目高保真效果图二级界面设计审核意见（是否符合教学大纲、教学日历）
4.Axure软件进行交互界面细节方案设计•能够使用情绪版确认视觉风
1.使用情绪版方法确定模拟真题的视格；觉风格；•掌握网络广告界面基础知
2.用实例讲解移动界面屏幕知识、界识；面尺寸和不同系统设计规范；•能够根据需求进行不同风格高保真视觉
3.讲授互动界面中图标设计方法和技22图标设计；界面设计巧；•能够掌握交互界面色彩搭
4.讲授互动界面中的色彩搭配、板式配、板式设计、字体设计方设计、字体设计方法和技巧等；法和技巧；
5.基于真题模拟项目进行网络广告高•能够根据系统规范完成高保保真视觉界面设计真交互界面设计
1.掌握互动界面切图命名和制作•能够根据确定的高保真视觉互动界面详方法；界面完成切图设计和布局设14细设计
2.掌握互动界面布局设计方法；计•能够完成结课汇报PPT文设计汇报和件；
1.学生汇报，老师评价，学生互评4评价•能够汇报设计成果；•能够对设计进行评价
五、活动设计整个教学活动计划以理论知识和实践操作两个层面展开
（一）基本知识讲授（界面设计的基本内容，设计理念，设计方法和设计原则等）；
1.运用多媒体课件讲授用户研究的方法（卡片分类法、问卷法、焦点小组法）和数据分析和研究的方法（Persona和体验地图的方法），完成用户数据的收集和分析，最终提炼用户核心需求
2.通过实际案例讲授低保真交互设计阶段交互界面设计的内容要素，如交互设计使用的工具、交互组件、交互原型、交互方式、导航设计和硬件设备特性然后依据真实交互界面设计的流程依次介绍了概念设计的方法，设计信息架构，交互界面设计方法等
3.讲授如何运用Axure软件完成低保真界面设计
4.通过案例讲解视觉界面设计的风格类型以及如何定位产品视觉风格，然后分别介绍视觉界面设计的主要构成部分，如图标设计的定义、分类和方法，色彩设计的基础知识和界面配色方法，版式设计类型和方法授课内容
1、互动界面详细设计
2、互动界面软件开发原理
3、互动界面切图命名和制作方法
4、实训练习教学重点详细设计；切图制作方法；切图命名教学难点根据系统规范切图和命名教学方法和手段理论讲述案例详解上机操作教学进程安排（教学过程设计、组织）
1、复习旧课，引入新课
2、多媒体讲解视觉设计界面详细设计主要内容，软件主要交付件内容
3、多媒体案例讲解切图制作的方法
4、多媒体案例讲解切图命名的方法
4、设计实训同学们为自己设计的高保真效果图制作切图文件作业完成各4个高保真效果图的切图设计审核意见（是否符合教学大纲、教学日历）授课内容
1、.9切图的制作原理和方法
2、切图制作
3、教学重点切图制作方法根据系统规范切图和命名教学难点.9切图的原理和方法教学方法和手段理论讲述案例详解上机操作教学进程安排（教学过程设计、组织）
1、复习旧课，引入新课
2、多媒体讲解视觉设计界面详细设计主要内容，软件主要交付件内容
3、多媒体案例讲解.9切图制作的方法
4、多媒体案例讲解切图命名的方法
4、设计实训同学们为自己设计的高保真效果图制作切图文件作业完成各4个高保真效果图的切图设计审核意见（是否符合教学大纲、教学日历）授课内容
1、互动界面布局设计
2、PPT制作布局法
3、Markman和Pxcook两种快速制作布局的方法教学重点互动界面布局文件制作规范和方法；Markman和Pxcook两种快速制作布局的方法教学难点根据开发要求制作清晰规范的布局文件教学方法和手段理论讲述案例详解上机操作教学进程安排（教学过程设计、组织）
1、复习旧课，引入新课
2、多媒体讲解视觉设计界面互动界面布局设计主要内容
3、多媒体案例讲解PPT制作布局法方法
4、多媒体案例讲解Markman和Pxcook两种快速制作布局的方法
4、设计实训同学们为自己设计的高保真效果图制作布局文件作业完成各8个高保真效果图的布局设计（是否符合教学大纲、教学日历）审核意见:教学小组长（签字）年月日授课内容学生汇报课程项目设计成果老师评价，学生互评教学重点和难点引导学生自信讲出自己的项目成果通过聆听学习其他同学的设计优缺点、并进行适当评论创造热烈的分享气氛教学方法和手段:理论讲述案例详解教学进程安排（教学过程设计、组织）
1、将学生课程项目成果拷贝好准备分享
2、同学详细分析项目整个流程的设计成果
3、其他同学每人得到一个评价表，为每个阶段成果评分复习旧课，引入新课
4、老师评价
5、课程总结审核意见（是否符合教学大纲、教学日历）
5.讲授如何运用PS软件完成高保真互动界面设计
6.讲授互动界面详细设计规范，切图命名和制作方法，布局设计要点和方法
（二）操作能力（界面设计的方法和流程）；
1.根据企业界面设计流程和方法，通过虚拟项目让学生分组从挖掘用户需求、交互设计、视觉设计、动态设计、设计实现五个模块进行实训操作,最终完成一套完整界面设计作品，作为真题项目所训练的技能主要偏重移动交互设计的技能和知识点；
2.在模拟项目的过程中让学生分组在每个模块的节点进行项目汇报，完成项目汇报PPT和展板设计，锻炼学生团队合作能力、沟通能力、表达能力等六重点难点重点理解互动界面设计的概念、设计目标和设计流程，能够抓住用户核心需求,根据用户需求和产品定位设计信息架构并完成低保真界面设计，根据低保真功能设计，运用图标、色彩、版式等设计方法进行视觉界面设计，最后为产品开发完成切图和布局设计难点能够根据用户研究精准把握用户需求,根据用户需求设计低保真交互界面,然后能够图标、色彩、版式等设计方法进行视觉界面设计七教学方法1）在教学过程中，应立足于坚持学生实际操作能力的培养，采用项目教学，设计不同的活动，提高学生学习兴趣2）本课程的教学关键是项目实训教学，“教”与“学”互动，教师选用典型案例讲解，示范操作，学生进行分组操作训练，在做的过程中，学生提问,教师解答、指导让学生在操作过程中掌握界面设计工作的要求和方法3）在教学过程中，要创设工作情景，同时应加强实践训练，使学生掌握界面设计各个阶段的要求和方法4）在教学过程中要关注本专业领域的发展趋势，更贴近界面设计的发展趋势要求八课程资源1）常用课程资源的开发和利用幻灯片、投影、录像、、图片、多媒体课件等资源有利于创设形象生动的学习环境，激发学生的学习兴趣，促进学生对知识的理解和掌握建议加强常用课程资源的开发，建立多媒体课程资源的数据库，努力实现跨学校的多媒体资源共享2）积极开发和利用网络课程资源作为一门与快速发展的互联网紧密结合的学科，应充分利用国内外优秀的网络资源和新技术手段，使教学媒体从单一媒体向多媒体转变；使教学活动从信息的单向传递向双向交换转变；使学生从单独学习向合作学习转变3）产学合作开发界面设计设计实训课程资源充分利用本行业典型的资源（设计比赛、企业项目等），加强产学合作，建立实习实训基地，满足学生的实习实训，在此过程中进行实训课程资源的开发4）利用开放式多媒体交互设计实验室利用开放式多媒体交互设计实验室，为学生提供真实的项目情景和多样化的实训演练，实现实训和现场教学的功能，将教学与培训合一，教学与实训合一，满足学生综合职业能力培养的要求七作业练习
1.1份完整的界面设计项目报告；
2.1套广告界面概念设计方案（竞品分析报告、Persona、体验地图、设计信息架构、低保真设计方案、高保真设计方案）；
3.1份详细设计开发文档（效果图、设计规范、布局文件、切图资源包）八考核办法
1.改革考核手段和方法，加强实践性教学环节的考核，注重过程考核和结果考核相结合
2.突出过程评价与阶段评价，结合训练活动、阶段作业等进行综合评价
3.应注重学生分析问题、解决实际问题内容的考核，对在学习和应用上有创新的学生应特别给予鼓励，综合评价学生能力
4.注重学生的职业素质考核，体现职业教育的高等性项目评价内容所占分数备注
1.迟到早退一次扣5分；
2.缺课一次扣10分,累计超过3次取消本课考试职业素质课堂考勤10资格；
3.违反课堂纪律一次扣5分教学评价课堂表现
301.回答问题的积极性，准确率；
2.课堂作业的完成度，质量和学生互评结果课堂训练小作业1份完整的界面设计项目报告；1套广告界面概念设计方案（竞品分析报告、
1.作业制作满足交互界面设计要求，而且制作精Persona＞体验地图、细，富有创意；设计成果设计信息架构、低保真
602.设计能够环环相扣，紧扣主题；设计方案）
3.学生表达能力强，能够清晰表达自己的设计方1份详细设计开发案文档（效果图、设计规范、布局文件、切图资源包）审阅人（签字）上海工艺美术职业学院视觉艺术学院2019年09月06日授课内容
1、以用户体验为中心的设计流程和要素（理论讲授）；
2、掌握界面设计的目标（理论讲授）；
3、了解企业界面设计团队的组成和分工（理论讲授）；
4、用户体验研究方法（卡片分类法、问卷法、焦点小组法）（理论讲授）；
5、选择适合自己项目的用户研究项目，确认目标用户（学生实训）教学重点
1、通过实际案例掌握用户体验为中心的设计流程和要素；
2、理解界面设计的两大目标以及所包含的内容教学难点
1、了解用户研究方案并能够进行操作教学方法和手段课程内容以理论为主，在学习的过程中将理论知识点根据难点、重点划分为多个学习模块，每个学习模块中引导学生根据知识点查阅更多的资料和案例，采用多媒体讲授和小组讨论学习相结合本章的知识点相对比较抽象，采用“启发式教学方法”引导学生多思考，同时采用案例帮助理解最后让同学通过实训从实际操作中掌握知识和技能教学进程安排（教学过程设计、组织）
1、以用户体验为中心的设计流程和要素
2、掌握界面设计的目标
3、了解企业界面设计团队的组成和分工
4、小组讨论请找出1-2款最喜欢的交互界面广告案例分析其设计目标如何实现？
5、用户体验研究方法（卡片分类法、问卷法、焦点小组法）
6、学生实训组项目团队、选择模拟实训项目、确定目标用户作业设计团队Logo、口号；确定项目名称审核意见（是否符合教学大纲、教学日历）教学小组长（签字）年月日授课内容
1、市场调研的背景、方法
2、竞品分析教学重点
1、市场调研的方法；
2、竞品分析的执行教学难点竞品分析报告要点教学方法和手段理论讲述、多媒体演示；.竞品分析案例讲解；小组讨论教学进程安排（教学过程设计、组织）
1、复习旧课，引入新课
2、市场调研的背景、方法
3、竞品分析执行流程
4、竞品分析案例讲解
4.小组实训根据小组项目找2-3个竞品进行市场和竞品分析
5.团队汇报课堂阶段性分析汇报A作业完成竞品分析报告审核意见（是否符合教学大纲、教学日历）教学小组长（签字）年月日授课内容
1、Persona用户角色方法以及案例讲解
2、Storyboard故事版方法以及案例讲解
3、用Persona方法提炼用户核心需求
4、为团队项目创建2个典型persona（学生实训）教学重点
1、Persona用户角色法
2、Storyboard故事版方法教学难点提炼用户核心需求.教学方法和手段•理论讲述、多媒体演示•小组讨论法•案例分析法教学进程安排（教学过程设计、组织）
1、复习旧课，引入新课
2、Persona用户角色方法以及案例讲解
3、Storyboard故事版方法以及案例讲解
4、如何用Persona方法提炼用户核心需求
5、学生实训针对项目确定目标用户群，每组制作1个典型Persona用户角色，老师指导
6、团队汇报Persona用户角色汇报，老师点评作业创建另1个persona用户角色制作审核意见（是否符合教学大纲、教学日历）授课内容
1、黑客头脑风暴方法讲解
2、头脑风暴执行流程和方法讲解
3、基于用户核心需求和市场分析结果进行功能设计头脑风暴（学生实训）
4、设计结果整理教学重点理解黑客头脑风暴法的原理和执行头脑风暴结果整理教学难点激励和引导学生高度参与头脑风暴，产生大量针对核心需求的解决方法教学方法和手段理论讲述、案例详解、多媒体演示头脑风暴执行教学进程安排（教学过程设计、组织）
1、复习旧课，引入新课
2、黑客头脑风暴方法讲解
3、头脑风暴执行流程和方法讲解
4、学生实训执行黑客头脑风暴，老师引导组织
5、学生实训黑客头脑风暴法结果整理
6、黑客头脑风暴法课程总结＞作业将头脑风暴结果整理成思维导图形式审核意见（是否符合教学大纲、教学日历）教学小组长（签字）年月日。
个人认证
优秀文档
获得点赞 0
