《《UI交互设计》教学大纲（本科）.docx》由会员分享，可在线阅读，更多相关《《UI交互设计》教学大纲（本科）.docx（5页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、UI交互设计教学大纲课程英文名UI interactive design课程代码I1201Z08学分2.5总学时40理论学时26实验/实践学时14课程类别专业课课程性质任选先修课程多媒体设计与制作适用专业信息管理与信息系统开课学院经济与管理学院执笔人审定人制定时间2018年4月注：课程类别是指公共基础课/学科基础课/专业课；课程性质是指必修/限选/任选。一、课程地位与课程目标（-）课程地位UI交互设计是指对软件的人机交互、操作逻辑、界面美观的整体设计与研究。通过本课程 的教学，使学生理解当前互联网经济中的用户体验相关理论和互联网产品设计的基础，掌握用户 体验设计的核心、用户体验设计的要素、用户
2、体验中的交互设计、网站的用户体验以及移动端的 用户体验等专业知识。本课程能为专业课程提供必要的技术支撑，为解决网站用户体验设计以及 信息系统（APP）设计中的实际问题提供基本思路和实用方法，是信息管理与信息系统专业本科 生选修的一门专业教育课程。（二）课程目标1 .全面了解UI设计的发展过程、今年移动设备发展、设计的基本原则等方面的知识，让学 生掌握UI设计的表现方法和制作技能，提高学生设计审美能力。2 .要求学生重点掌握移动设备主题APP界面设计、图标设计、电子杂志类APP宣传编排设 计、电商类APP洁面、图标、运营图等设计操作和实际运用。3 .对知识进行积累，培养自己对美的感受能力，在设计
3、时能触类旁通。二、课程目标达成的途径与方法本课程本着学以致用的原则，结合当前的实践，以课堂教学为主，结合自学、课堂讨论、课 外作业等方式，通过UI交互设计的一系列原理、方法和技巧的教学，使学生在解决问题的过程 中学会UI交互设计，并理解学习UI交互设计的目的是为了应用，从而使用UI交互设计来解决 实际问题。三、课程目标与相关毕业要求的对应关系注：1.支撑强度分别填写H、M或L （其中H表示支撑程度高、M为中等、L为低）。课程目标课程目标对毕业要求的支撑程度（H、M、L）毕业要求1毕业要求7课程目标1LH课程目标2LH课程目标3LH四、课程主要内容与基本要求第一章界面设计的重要性主要内容：用户界
4、面中存在的问题以及对设计人员的要求概述，对不易操作的用户界面的阐 述，界面操作时产生的压抑感的原因，什么是人为失误，人为失误的增加及其带来的影响有哪些, 由人为失误引起的重大事件有哪些。基本要求：理解用户界面中存在的问题以及对设计人员的要求有哪些，了解对不易操作的用 户界面有哪些，了解界面操作时产生的压抑感的原因，理解什么是人为失误，掌握人为失误的增 加及其带来的影响有哪些，理解由人为失误引起的重大事件有哪些。第二章界面设计与效果主要内容：图标的应用及其效果，软件中的形状效果，黄金比例与稳定的形状，其他稳定的 形状，可供性一一物体形状产生的效果，人类视觉中水平与垂直的区别，界面中颜色的活用，动
5、 态表示产生的效果，3D模拟视觉效果及相关问题，向用户界面引入3D嵌入式效果，按钮的设计 与视线的移动，由3D组件引起的焦躁感。基本要求：掌握图标的应用及其效果，掌握软件中的形状效果，掌握黄金比例与稳定的形状, 掌握其他稳定的形状,掌握可供性一一物体形状产生的效果，掌握人类视觉中水平与垂直的区别, 掌握界面中颜色的活用，掌握动态表示产生的效果，掌握3D模拟视觉效果及相关问题，掌握向 用户界面引入3D嵌入式效果，掌握按钮的设计与视线的移动，掌握由3D组件引起的焦躁感。第三章人机接口主要内容：人机接口，人机接口的历史与种类，对话型与对象型的差异，错误的界面设计及 应对方法，障眼法一一使用户对处理时
6、间产生错觉，不同用户级别对设计的影响，使用场所及使 用时间对设计的影响。基本要求：了解人机接口，理解人机接口的历史与种类，掌握对话型与对象型的差异，掌握 错误的界面设计及应对方法，掌握使用户对处理时间产生错觉的方法，掌握不同用户级别对设计 的影响，掌握使用场所及使用时间对设计的影响。第四章创建优秀系统主要内容：防止人为失误的方法，软件操作中应对人为失误的方法，消除认知性焦虑，用户 压力及其原因，舒适的界面设计，颜色的使用与配色示例，能提高辨识度和对比度的设置，便于 用户搜索信息的小技巧，具有平衡感的设计。基本要求：了解防止人为失误的方法，掌握软件操作中应对人为失误的方法，理解如何消除 认知性焦
7、虑，了解用户压力及其原因，掌握如何进行舒适界面的设计，掌握颜色的使用与配色示 例，掌握能提高辨识度和对比度的设置，理解便于用户搜索信息的技巧，掌握具有平衡感的设计。第五章移动端用户体验主要内容：移动设备用户体验发展趋势，移动端设计流程及视觉设计，移动端界面设计，移 动端界面色彩搭配，移动端界面设计原则等。基本要求：了解移动端用户体验，理解移动端界面设计原则，掌握如何提升移动端应用的用 户体验，熟练掌握移动端界面设计内容，掌握移动端界面色彩搭配技巧等。五、课程学时安排章节号教学内容学时 数学生任务对应课程目 标第1章1.1 用户界面中存在的问题以及对设计人员的要求1.2 人为失误的增加及其带来的
8、影响8作业：欣赏优秀品牌的UI设 计，并进行仿照临摹。1第2章2.1 文字和图标2.2 物体的形状2.3 认识趋势与方向2.4 颜色2.5 动态效果2.6 3D模拟视觉效果及相关问题8作业：根据现有UI作品，进行 仿制并改进一个UI作品。1、2第3章3.1 人机接口3.2 操作顺序与功能流程3.3 操作习惯3.4 时间要素3.5 目标用户的差异8作业:进行一个精细UI图标设 计和制作。2、3第4章4.1 防止人为失误4.2 消除认知性焦虑4.3 舒适的界面设计8作业：自由进行一个UI作品的 创作。1、2、3第5章移动端用户体验5.1 了解移动端用户体验5.2 移动端设计流程及视觉设计5.3 移
9、动端界面设计内容5.4 移动端界面色彩搭配5.5 移动端界面设计原则8作业：完成一款APP的用户界 面设计。1、2、3六、实践环节及基本要求注：1.实验性质指演示性、验证性、设计性、综合性等；2.实验类别指必做、选做等。序 号实验项目名称学时基本要求学生任务实验 性质实验 类别1UI案例临摹2能够仿照现有实 例,进行UI制作欣赏优秀品牌的 UI设计，并进行 仿照临摹演示 性必做2UI设计与制作4根据现有UI作 品，能够进行仿制 并改进根据现有UI作 品，进行仿制并改 进一个UI作品演示 性必做3精细UI图标设计与制作4能够进行精细UI 图标设计和制作进行一个精细UI 图标设计和制作演示 性必做
10、4自由创意作品制作4能够进行独立的UI设计创作自由进行一个UI 作品的创作综 合性必做七、考核方式及成绩评定考核内容考核方式评定标准（依据）占总成绩比例过程考核到课率、课堂测验、平时作业到课率20%；课堂测验20%；平时作业60%40%期末考核作品提交电子版源文件、A4 纸质打印作品册60%考核类别考查成绩登记方式百分制八、推荐教材与主要参考书1、推荐教材：李晓斌.UI设计必修课：交互+架构+视觉UE设计教程，电子工业出版社，2017. 09Jeff Johnson.认知与设计：理解UI设计准则（第2版），人民邮电出版社,2014. 08 2、主要参考书：高金山.UI设计必修课，电子工业出版社2017. 07原田秀司.多设备时代的UI设计法则：打造完美体验的用户界面，中国青年出版社 2016. 03古贺直树.好设计不简单II： UI设计师必须了解的那些事，人民邮电出版社2014. 08