《UI交互设计》教学大纲（本科）

《UI交互设计》教学大纲课程英文名UIinteractivedesign课程代码I1201Z08学分2.5总学时40理论学时26实验/实践学时14课程类别专业课课程性质任选先修课程《多媒体设计与制作》适用专业信息管理与信息系统开课学院经济与管理学院执笔人审定人制定时间2018年4月注：课程类别是指公共基础课/学科基础课/专业课；课程性质是指必修/限选/任选。一、课程地位与课程目标（-）课程地位UI交互设计是指对软件的人机交互、操作逻辑、界面美观的整体设计与研究。通过本课程的教学，使学生理解当前互联网经济中的用户体验相关理论和互联网产品设计的基础，掌握用户体验设计的核心、用户体验设计的要素、用户体验中的交互设计、网站的用户体验以及移动端的用户体验等专业知识。本课程能为专业课程提供必要的技术支撑，为解决网站用户体验设计以及信息系统（APP）设计中的实际问题提供基本思路和实用方法，是信息管理与信息系统专业本科生选修的一门专业教育课程。（二）课程目标.全面了解UI设计的发展过程、今年移动设备发展、设计的基本原则等方面的知识，让学生掌握UI设计的表现方法和制作技能，提高学生设计审美能力。.要求学生重点掌握移动设备主题APP界面设计、图标设计、电子杂志类APP宣传编排设计、电商类APP洁面、图标、运营图等设计操作和实际运用。.对知识进行积累，培养自己对美的感受能力，在设计时能触类旁通。二、课程目标达成的途径与方法本课程本着学以致用的原则，结合当前的实践，以课堂教学为主，结合自学、课堂讨论、课外作业等方式，通过UI交互设计的一系列原理、方法和技巧的教学，使学生在解决问题的过程中学会UI交互设计，并理解学习UI交互设计的目的是为了应用，从而使用UI交互设计来解决实际问题。三、课程目标与相关毕业要求的对应关系注：1.支撑强度分别填写H、M或L（其中H表示支撑程度高、M为中等、L为低）。课程目标课程目标对毕业要求的支撑程度（H、M、L）毕业要求1毕业要求7课程目标1LH课程目标2LH课程目标3LH四、课程主要内容与基本要求第一章界面设计的重要性主要内容：用户界面中存在的问题以及对设计人员的要求概述，对不易操作的用户界面的阐述，界面操作时产生的压抑感的原因，什么是人为失误，人为失误的增加及其带来的影响有哪些,由人为失误引起的重大事件有哪些。基本要求：理解用户界面中存在的问题以及对设计人员的要求有哪些，了解对不易操作的用户界面有哪些，了解界面操作时产生的压抑感的原因，理解什么是人为失误，掌握人为失误的增加及其带来的影响有哪些，理解由人为失误引起的重大事件有哪些。第二章界面设计与效果主要内容：图标的应用及其效果，软件中的形状效果，黄金比例与稳定的形状，其他稳定的形状，可供性一一物体形状产生的效果，人类视觉中水平与垂直的区别，界面中颜色的活用，动态表示产生的效果，3D模拟视觉效果及相关问题，向用户界面引入3D嵌入式效果，按钮的设计与视线的移动，由3D组件引起的焦躁感。基本要求：掌握图标的应用及其效果，掌握软件中的形状效果，掌握黄金比例与稳定的形状,掌握其他稳定的形状,掌握可供性一一物体形状产生的效果，掌握人类视觉中水平与垂直的区别,掌握界面中颜色的活用，掌握动态表示产生的效果，掌握3D模拟视觉效果及相关问题，掌握向用户界面引入3D嵌入式效果，掌握按钮的设计与视线的移动，掌握由3D组件引起的焦躁感。第三章人机接口主要内容：人机接口，人机接口的历史与种类，对话型与对象型的差异，错误的界面设计及应对方法，障眼法一一使用户对处理时间产生错觉，不同用户级别对设计的影响，使用场所及使用时间对设计的影响。基本要求：了解人机接口，理解人机接口的历史与种类，掌握对话型与对象型的差异，掌握错误的界面设计及应对方法，掌握使用户对处理时间产生错觉的方法，掌握不同用户级别对设计的影响，掌握使用场所及使用时间对设计的影响。第四章创建优秀系统主要内容：防止人为失误的方法，软件操作中应对人为失误的方法，消除认知性焦虑，用户压力及其原因，舒适的界面设计，颜色的使用与配色示例，能提高辨识度和对比度的设置，便于用户搜索信息的小技巧，具有平衡感的设计。

基本要求：了解防止人为失误的方法，掌握软件操作中应对人为失误的方法，理解如何消除认知性焦虑，了解用户压力及其原因，掌握如何进行舒适界面的设计，掌握颜色的使用与配色示例，掌握能提高辨识度和对比度的设置，理解便于用户搜索信息的技巧，掌握具有平衡感的设计。第五章移动端用户体验主要内容：移动设备用户体验发展趋势，移动端设计流程及视觉设计，移动端界面设计，移动端界面色彩搭配，移动端界面设计原则等。基本要求：了解移动端用户体验，理解移动端界面设计原则，掌握如何提升移动端应用的用户体验，熟练掌握移动端界面设计内容，掌握移动端界面色彩搭配技巧等。五、课程学时安排

章节号教学内容学时数学生任务对应课程目标第1章用户界面中存在的问题以及对设计人员的要求人为失误的增加及其带来的影响8作业：欣赏优秀品牌的UI设计，并进行仿照临摹。1第2章文字和图标物体的形状认识趋势与方向颜色动态效果3D模拟视觉效果及相关问题8作业：根据现有UI作品，进行仿制并改进一个UI作品。1、2第3章人机接口操作顺序与功能流程操作习惯时间要素目标用户的差异8作业:进行一个精细UI图标设计和制作。2、3第4章防止人为失误消除认知性焦虑舒适的界面设计8作业：自由进行一个UI作品的创作。1、2、3第5章移动端用户体验了解移动端用户体验移动端设计流程及视觉设计移动端界面设计内容移动端界面色彩搭配移动端界面设计原则8作业：完成一款APP的用户界面设计。1、2、3六、实践环节及基本要求注：1.实验性质指演示性、验证性、设计性、综合性等；2.实验类别指必做、选做等。序号实验项目名称学时基本要求学生任务实验性质实验类别1UI案例临摹2能够仿照现有实例,进行UI制作欣赏优秀品牌的UI设计，并进行仿照临摹演示性必做2UI设计与制作4根据现有UI作品，能够进行仿制并改进根据现有UI作品，进行仿制并改进一个UI作品演示性必做3精细UI图标设计与制作4能够进行精细UI图标设计和制作进行一个精细UI图标设计和制作演示性必做4自由创意作品制作4能够进行独立的UI设计创作自由进行一个UI作品的创作综合性必做七、考核方式及成绩评定考核内容考核方式评定标准（依据）占总成绩比例过程考核到课率、课堂测验、平时作业到课率20%；课堂测验20%；平时作业60%40%期末考核作品提交电子版源文件、A4纸质打印作品册60%考核类别考查成绩登记方式百分制八、推荐教材与主要参考书1、推荐教材：李晓斌.《UI设计必修课：交互+架构+视觉UE设计教程》，电子工业出版社，2017.09JeffJohnson.《认知与设计：理解UI设计准则（第2版