《UI设计》教学大纲.docx

《《UI设计》教学大纲.docx》由会员分享，可在线阅读，更多相关《《UI设计》教学大纲.docx（5页珍藏版）》请在第一文库网上搜索。

1、U1设计U1Design一、课程基本信息学时：64学分：4考核方式：考查中文简介：UI设计课程是视觉传达设计专业数字媒体方向的专业必选课程。在数字产品、数字媒体的使用与传播环境中，人机界面的设计作为提高产品效力、强化品牌印象、提升用户体验质量的重要手段与方法越来越引起重视，已成为设计界活跃的研究方向。媒体界面是指数字媒体交互系统、服务环境中的软件图形用户界面。图形用户界面是当下数字媒体人机交互的主要媒介，其设计包含诸多学科的交叉与融合。本课程从信息传达与用户体验的角度出发，由媒体界面的概念入手，结合案例分析媒体界面设计要素和原则规范，详细讲授媒体界面的设计方法、设计流程和具体设计的把握，给学生

2、提供一个清晰完整的设计思路和过程。目的是让学生对数字媒体界面艺术设计有深入全面的认识，得到系统有效的训练，准确灵活地运用各设计要素与手段进行图形用户界面设计。二、教学目的与要求教学目的：通过本课程的学习，让学生了解数字媒体界面设计的概念，掌握数字媒体界面设计方法以及相应完整、系统的实现流程，并能从用户体验的角度进行数字媒体界面设计。着重培养学生的专业思维能力和提高学生的动手实践能力。教学要求：学生掌握图形用户界面设计的具体实现思路和技术，调动图形、文字、色彩、图标等各项视觉设计要素，结合空间、融入时间，借助平面与数字化交融的手段，以简洁优美的信息界面创造和谐的交互体验。三、教学方法与手段1、采

3、用多媒体的课堂教学手段，理论讲授与课程专题实验训练相结合的方式，传授数字媒体界面设计的规律性知识，要求学生掌握图形用户界面设计的能力。2、收集案例进行分析，观摩国内外优秀的数字媒体界面设计作品案例有利于学生理解和打开思路。3、引导课堂讨论，在理论讲授和课题研究过程中，启发和引导学生展开讨论分析,以提高学生分析问题和解决问题的能力，更好地取得最佳设计方案。4、进行个别辅导，对不同类型的学生进行因材施教，以提高学生的学习兴趣，充分发挥学生的创造力和个人特点，形成创作差异。5、结合课程实验训练，认真分析课题目标，有规划地完成设计方案，解决共性问题，提高学生的设计能力与动手能力。6、展示课程学习成果，

4、学生完成图形用户界面设计作品的演示，在移动互联网端进行传播，收集反馈意见，并举办小型课程集体汇报展，学生对自己方案进行讲解，其他年级学生进行观摩。学生听取多方意见更有效检验设计作品可完善的方面，形成可延续的思考以获得不断提高。四、教学内容及目标教学内容教学目标学时分配第一章数字媒体界面艺术设计概述掌握4第一节界面与界面设计第二节用户界面设计的发展重点与难点重点：掌握数字媒体界面艺术设计的概念难点：联系现实生活中的使用体验进行思考和理解衡量学习是否达到目标的标准:能辨析数字媒体界面艺术设计的相关概念第二章数字媒体界面设计方法与流程掌握10第一节“目标驱动一一满足需求”设计方法1 .关于“目标”2

5、 .三种用户目标3 .“目标驱动一一满足需求”设计方法的特点和优势第二节“目标驱动一一满足需求”设计流程1 .用户研究2 .用户建模3 .概要设计4 .详细设计5 .设计验证与可用性测试第三节目标驱动一一满足需求”实例分析重点与难点重点：掌握“目标驱动一一满足需求”设计方法和流程难点：根据“目标驱动一一满足需求”设计方法和流程，绘制交互框架和视觉框架衡量学习是否达到目标的标准：能够绘制交互框架和视觉框架第三章数字媒体界面艺术设计原则与设计模式掌握4第一节设计原则1 .基本价值原则2 .概念原则3 .行为原则4 .视觉原则第二节设计模式1 .定位模式2 .结构模式3 .行为模式重点与难点重点：掌

6、握设计原则与设计模式的概念难点：对设计原则与设计模式在数字媒体界面艺术设计中的应用价值的理解衡量学习是否达到目标的标准:能够联系数字媒体界面艺术设计分析设计原则与设计模式第四章数字媒体界面艺术设计要素掌握6第一节视觉要素第二节听觉要素第三节情感要素第四节行为要素第五节时间要素重点与难点重点：掌握数字媒体界面艺术设计中的主要设计要素难点：联系各要素的作用衡量学习是否达到目标的标准：明确各要素的特点、内容及其应用价值第五章数字媒体用户界面详细设计掌握8第一节图形用户界面与视觉传达设计第二节图形用户界面基本设计认知1 .可视与易用2 .匹配与反馈3 .内容与形式4 .一致与个性第三节图形用户界面视觉

7、设计1 .信息架构与可视化设计2 .视觉风格与视觉策略3 .视觉要素详细设计4 .动态化视觉设计重点与难点重点：掌握视觉要素的特性与设计手段难点：视觉风格与策略的相关概念和思考衡量学习是否达到目标的标准:能分析说明数字媒体界而设计的视觉策略和设计风格第六章不同类型的数字媒体界面设计掌握8第一节图形用户界面设计第二节网页界面设计第三节多媒体产品界面设计第四节手持移动设备用户界面设计重点与难点重点：分析不同类型的数字媒体界面设计难点：掌握不同类型的数字媒体界面设计的设计要求衡量学习是否达到目标的标准：结合案例进行分析，掌握不同类型的数字媒体界面设计的设计要求第七章数字媒体界面设计综合实践掌握24第

8、一节方案的确立及实施第二节制作中问题的解决第三节上线反应第四节作品汇报总结重点与难点重点：运用数字媒体界面的设计方法在特定选题中进行综合设计实践，形成完整的图形用户界面设计方案和作品。难点：小组的团队协作，执行方案并积极解决问题，保证设计的可用性。衡量学习是否达到目标的标准：要求学生掌握数字媒体界面的咚计能力，完成一套图形用户界面设计，并进行课程设计作品展Zjo五、推荐教材和教学参考资源1 .李四达.交互设计概论.北京.清华大学出版社，20172 .吴振东、艾小群.交互媒体设计.北京.清华大学出版社，20163 .王波、吕曦.数字媒体界面艺术设计.西南师范大学出版社，20144 .美拉杰拉尔.

9、UI设计黄金法则:触动人心的100种用户界面.北京.中国青年出版社,20145 .英科尔伯恩.简约至上:交互式设计四策略.北京.人民邮电出版社,20116 .美艾伦库伯(A1anCooper).AboutFace4:交互设计精髓.北京.电子工业出版社，20157 .美加瑞特(JesseJamesGarrett)用户体验要素：以用户为中心的产品设计.范晓燕.机械工业出版社,20118 .美科尔科(Jor1Ko1ko).交互设计沉思录.方舟.机械工业出版社,20129 .ArtEyes设计工作室.创意UIPhotoshop玩转UI设计.北京.人民邮电出版社，201510 .曾军梅.移动界面(Web/App)PhotoshopIn设计.北京.清华大学出版社，2017