U1设计
U1Design
一、课程基本信息
学时：64
学分：4
考核方式：考查
中文简介：《UI设计》课程是视觉传达设计专业数字媒体方向的专业必选课程。在数字产品、数字媒体的使用与传播环境中，人机界面的设计作为提高产品效力、强化品牌印象、提升用户体验质量的重要手段与方法越来越引起重视，已成为设计界活跃的研究方向。媒体界面是指数字媒体交互系统、服务环境中的软件图形用户界面。图形用户界面是当下数字媒体人机交互的主要媒介，其设计包含诸多学科的交叉与融合。本课程从信息传达与用户体验的角度出发，由媒体界面的概念入手，结合案例分析媒体界面设计要素和原则规范，详细讲授媒体界面的设计
方法、设计流程和具体设计的把握，给学生提供一个清晰完整的设计思路和过程。目的是让学生对数字媒体界面艺术设计有深入全面的认识，得到系统有效的训练，准确灵活地运用各设计要素与手段进行图形用户界面设计。
二、教学目的与要求
教学目的：通过本课程的学习，让学生了解数字媒体界面设计的概念，掌握数字媒体界面设计方法以及相应完整、系统的实现流程，并能从用户体验的角度进行数字媒体界面设计。着重培养学生的专业思维能力和提高学生的动手实践能力。
教学要求：学生掌握图形用户界面设计的具体实现思路和技术，调动图形、文字、彩、图标等各项视觉设计要素，结合空间、融入时间，借助平面与数字化交融的手段，以简洁优美的信息界面创造和谐的交互体验。
三、教学方法与手段
1、采用多媒体的课堂教学手段，理论讲授与课程专题实验训练相结合的方式，传授数字媒体界面设计的规律性知识，要求学生掌握图形用户界面设计的能力。
2、收集案例进行分析，观摩国内外优秀的数字媒体界面设计作品案例有利于学生理解和打开思路。
3、引导课堂讨论，在理论讲授和课题研究过程中，启发和引导学生展开讨论分析,以提高学生分析问题和解决问题的能力，更好地取得最佳设计方案。
4、进行个别辅导，对不同类型的学生进行因材施教，以提高学生的学习兴趣，充分发挥学生的创造力和个人特点，形成创作差异。
5、结合课程实验训练，认真分析课题目标，有规划地完成设计方案，解决共性问题，提高学生的设计能力与动手能力。
6、展示课程学习成果，学生完成图形用户界面设计作品的演示，在移动互联网端进行传播，收集反馈意见，并举办小型课程集体汇报展，学生对自己方案进行讲解，其他年级学生进行观摩。学生听取多方意见更有效检验设计作品可完善的方面，形成可延续的思考以获得不断提高。
四、教学内容及目标
教学内容 | 教学目标 | 学时分配 |
第一章数字媒体界面艺术设计概述 | 掌握 | 4 |
第一节界面与界面设计 | ||
第二节用户界面设计的发展 | ||
重点与难点 重点：掌握数字媒体界面艺术设计的概念 难点：联系现实生活中的使用体验进行思考和理解 | ||
衡量学习是否达到目标的标准:能辨析数字媒体界面艺术设计的相关概念 | ||
第二章数字媒体界面设计方法与流程 | 掌握 | 10 |
第一节“目标驱动一一满足需求”设计方法 1.关于“目标” 2.三种用户目标 3. “目标驱动一一满足需求”设计方法的特点和优势 | ||
第二节“目标驱动一一满足需求”设计流程 1.用户研究 2.用户建模 3.概要设计 4.详细设计 5.设计验证与可用性测试 | ||
第三节"目标驱动一一满足需求”实例分析 | ||
重点与难点 重点：掌握“目标驱动一一满足需求”设计方法和流程 难点：根据“目标驱动一一满足需求”设计方法和流程，绘制交互框架和视觉框架 | ||
衡量学习是否达到目标的标准：能够绘制交互框架和视觉框架 | ||
第三章数字媒体界面艺术设计原则与设计模式 | 掌握 | 4 |
第一节设计原则 1.基本价值原则 2.概念原则 3.行为原则 4.视觉原则 | ||
第二节设计模式 1.定位模式 2.结构模式 3.行为模式 | ||
重点与难点 重点：掌握设计原则与设计模式的概念 难点：对设计原则与设计模式在数字媒体界面艺术设计中的应用价值的理解 | ||
衡量学习是否达到目标的标准:能够联系数字媒体界面艺术设计分析设计原则与设计模式 | ||
第四章数字媒体界面艺术设计要素 | 掌握 | 6 |
第一节视觉要素 | ||
第二节听觉要素 | ||
第三节情感要素 | ||
第四节行为要素 | ||
第五节时间要素 | ||
重点与难点 重点：掌握数字媒体界面艺术设计中的主要设计要素 难点：联系各要素的作用 | ui设计是什么专业||
衡量学习是否达到目标的标准：明确各要素的特点、内容及其应用价值 | ||
第五章数字媒体用户界面详细设计 | 掌握 | 8 |
第一节图形用户界面与视觉传达设计 | ||
第二节图形用户界面基本设计认知 1.可视与易用 2.匹配与反馈 3.内容与形式 4.一致与个性 | ||
第三节图形用户界面视觉设计 1.信息架构与可视化设计 2.视觉风格与视觉策略 3.视觉要素详细设计 4.动态化视觉设计 | ||
重点与难点 重点：掌握视觉要素的特性与设计手段 难点：视觉风格与策略的相关概念和思考 | ||
衡量学习是否达到目标的标准:能分析说明数字媒体界而设计的视觉策略和设计风格 | ||
第六章不同类型的数字媒体界面设计 | 掌握 | 8 |
第一节图形用户界面设计 | ||
第二节网页界面设计 | ||
第三节多媒体产品界面设计 | ||
第四节手持移动设备用户界面设计 | ||
重点与难点 重点：分析不同类型的数字媒体界面设计 难点：掌握不同类型的数字媒体界面设计的设计要求 | ||
衡量学习是否达到目标的标准：结合案例进行分析，掌握不同类型的数字媒体界面设计的设计要求 | ||
第七章数字媒体界面设计综合实践 | 掌握 | 24 |
第一节方案的确立及实施 | ||
第二节制作中问题的解决 | ||
第三节上线反应 | ||
第四节作品汇报总结 | ||
重点与难点 重点：运用数字媒体界面的设计方法在特定选题中进行综合设计实践，形成完整的图形用户界面设计方案和作品。 难点：小组的团队协作，执行方案并积极解决问题，保证设计的可用性。 | ||
衡量学习是否达到目标的标准：要求学生掌握数字媒体界面的咚计能力，完成一套图形用户界面设计，并进行课程设计作品展Zj∖o | ||
五、推荐教材和教学参考资源
1.李四达.交互设计概论.北京.清华大学出版社，2017
2.吴振东、艾小.交互媒体设计.北京.清华大学出版社，2016
3.王波、吕曦.数字媒体界面艺术设计.西南师范大学出版社，2014
4.［美］拉杰•拉尔.UI设计黄金法则:触动人心的100种用户界面.北京.中国青年出版社,2014
5.［英］科尔伯恩.简约至上:交互式设计四策略.北京.人民邮电出版社,2011
6.［美］艾伦•库伯(A1anCooper).AboutFace4:交互设计精髓.北京.电子工业出版社，2015
7.［美］加瑞特(JesseJamesGarrett)用户体验要素：以用户为中心的产品设计.范晓燕.机械工业出版社,2011
8.［美］科尔科(Jor1Ko1ko).交互设计沉思录.方舟.机械工业出版社,2012
9.ArtEyes设计工作室.创意UI——Photoshop玩转UI设计.北京.人民邮电出版社，2015
10.曾军梅.移动界面(Web/App)PhotoshopIn设计.北京.清华大学出版社，2017
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论