UI设计-教学大纲

课程教学大纲课程名称：UI设计制（修）订人：黎丹审定人：黎丹教研室主任：周增辉开课单位负责人：唐永芳制（修）订时间：2013年6月一、课程基本信息课程名称UI设计课程代码总学时56理论学时28学分3．5实践学时28前导课程计算机基础后续课程图形图像处理、企业VI、标志设计适用专业毕业设计、顶岗实习课程属性公共课（）必修课（√）考试课（√）专业课（√）选修课（）考查课（）二、课程的性质和地位《UI设计》是艺术设计专业（平面设计方向）的专业核心课程，是在图形图像处理、企业VI、标志设计课程基础上的延续和提高。课程几乎涉及到了平面设计专业基础课程的各个方面，课程实践中注重对各专业基础课程如图形设计、编排设计、字体设计、构成设计等课程的统合和整体应用。UI界面设计是一门新的学科，也称之为当代的新媒体，它是跨学科的学术领域，是在各门相关学科中提取相关的内容要素而综合起来的系统学科。三、课程教学目标1、知识目标通过对本课程的学习，使学生从心理学、人机工程学、设计艺术出发，掌握硬件人机界面与软件人机界面方法、理论与设计实例，探索新的交互技术。2、能力目标通过本课程的学习，学生应该掌握软件的基本操作，并初步具备：UI界面设计能力；3、素质目标通过本课程的教学，我们重要的是培养学生观察生活、体验生活、体验、审美能力、吃苦精神和激发学生的创造能力的方法和手段。四、教学内容、教学要求及学时分配序号单元教学内容教学要求学时1认识界面门认识界面门了解界面的的概念，概念性的认识，以及UI设计的历史与发展趋势62人本界面人本界面掌握人因工程化界面，人机工程学学科的穿插63界面的整体设计界面的整体设计掌握界面整体设计的分析以及实施以及用户各方面的分析64界面的视觉设计界面的视觉设计掌握整体效果搭配，界面视觉效果、图标设计的设计加以应用65网页界面的设计网页界面的设计掌握网页视觉效果排版设计，整体效果搭配、图标中隐喻的运用86游戏界面的设计游戏界面的设计掌握游戏界面视觉效果排版设计整体效果搭配、图标中隐喻的运用87软件界面的设计软件界面的设计掌握软件界面视觉效果排版设计。整体效果搭配、图标中隐喻的运用88便携电子产品界面的设计便携电子产品界面的设计掌握便携电子产品界面视觉效果排版设计，整体效果搭配、图标中隐喻的运用8五、教学建议采用案例教学的方式进行教学，尽可能选取贴近生活的案例。①在教学过程中，应立足于加强学生实际操作能力的培养，采用项目教学，以工作任务引领提高学生学习兴趣，激发学生的成就动机。②教学过程中教师应积极引导学生提升职业素养，提高职业道德。六、课程考核1、各单元知识点及考核要求序号单元知识点考核要求1认识界面门1.界面的概述2图形化的界面了解界面的的概念概念性的认识2人本界面回归人性的界面设计1高科技带来的“谜语”2认知中的摩擦3为用户而设计界面设计中的人因工程1人因工程2人因显示界面的设计人因工程化界面人机工程学学科的穿插3人因操作界面的设计人因工程化界面人机工程学学科的穿插3界面的整体设计界面整体设计的分析阶段用户与任务分析市场与目标分析2界面整体设计的实施阶段对象的模型化界面视图的设计界面整体设计的分析以及实施用户分析、市场与目标分析4界面的视觉设计1隐喻：界面视觉设计的基本途径2界面的信息设计3图标的设计4界面布局元素的设计整体效果搭配，界面视觉效果、图标设计的设计加以应用5网页界面的设计1时代的网页界面设计2网页界面的隐喻系统3网页界面的信息传达网页视觉效果排版设计整体效果搭配、图标中隐喻的运用6游戏界面的设计1游戏界面的概述2游戏平台的视频界面设计3游戏平台的操作界面设计4游戏界面的音频设计游戏界面视觉效果排版设计整体效果搭配、图标中隐喻的运用7软件界面的设计1软件界面设计的整体思考2.软件界面的文本、图形3为“交互”服务：角色、场景和礼貌软件界面视觉效果排版设计整体效果搭配、图标中隐喻的运用8便携电子产品界面的设计1便携电子产品界面的概述2便携电子产品界面设计的特殊性3便携电子产品界面的视觉要素分析便携电子产品界面视觉效果排版设计，整体效果搭配、图标中隐喻的运用2、综合成绩构成考核内容考核依据成绩比例平时表现学生迟到、旷课、早退每次分别扣2分、5分、2分。学生完成平时作业次数布少于6次，A得10分，B得6分，C得2分。学生上课积极回答问题，学习态度认真，每次加5分；屡次不认真听讲，扰乱课堂次序，与老师发生正面冲突者每次扣5分。40%实践能力实验报告、实训成果、课程论文10%期末考试独立完成作品，且具有个人风格；灵活熟练使用PS软件操作;50%七、推荐教材及学习资源1、推荐教材（含实验教材）教材名称：认知与设计——理解UI设计准则ISBN号：规格：主编：[美]JeffJohnson著张一宁译出版社：人民邮电出版社出版时间：2011年9月第1版单价：是否自编：2、推荐书目和期刊1、《人机界面设计》罗仕鉴,朱上上,孙守迁著机械工业出版社2002年9月2、《人本界面－交互式系统设计》JefRaskin机械工业出版社2004年1月3、《用户界面设计-有效的人机交互策略（第四版）》BenShneiderman著张国印,李健利等译电子工业出版社2008年104、《数字媒体系列教材数字界面设计》（廖宏勇著，上北京师范大学出版社2010）3、推荐的学习网站八、其他说明无九、实验实训教学要求学时28项目个数3一、教学任务与基本要求通过实际训练与操作，让学生掌握书籍设计的基本方法，熟悉UI设计的流程与特点，并运用ADOBEPHOTOSHOP、indesign、ILLUSTRATOR等设计软件完成其视觉表现，独立完成UI设计的全过程。通过对本课程的学习，使学生从心理学、人机工程学、设计艺术出发，掌握硬件人机界面与软件人机界面方法、理论与设计实例，探索新的交互技术。二、项目设置与内容序号项目名称内容类型分组情况学时开出要求1网页界面的设计1时代的网页界面设计2网页界面的隐喻系统设计独立完成10必开3网页界面的信息传达2游戏界面的设计1游戏界面的概述2游戏平台的视频界面设计3游戏平台的操作界面设计4游戏界面的音频设计设计独立完成10必开3软件界面的设计1软件界面设计的整体思考2.软件界面的文本、图形3为“交互”服务：角色、场景和礼貌设计独立完成8必开三、考核方式和成绩评定标准设计独立完成考核方式：一．有否正确传达出产品/交互意图20%视觉界面设计，不是单纯的图形设计，而是整个产品设计中的一个步骤，要在理解和遵循产品概念的基础上，参照目标群体心理模型和交互意图进行视觉设计，并且视觉设计要达到用户愉悦的目的。交互控件的样式合理准确性（人对系统默认的认知和生活常规认知），状态（视觉表现样式和动作过程优化），创意。二、布局20%用户所接触到的产品的界面，是一个平面，我们通过信息结构组织，主次内容归纳和区分，通过布局，给用户浏览阅读的线索。页面品牌性，基调元素一致性，复用性，节奏感、面积感，视觉第一吸引，引导浏览，点线面关系，素描原理（运用素描的基本规律来做页面）。三、信噪比（SRN）10%简易浅显来说，是视觉界面上有效信息与干扰信息之比。信噪比越高，有效信息越突出。四、风格10%风格是通过一系列视觉元素表现出来的，能体现品牌和产品情感化感受的视觉语言。同个界面的视觉风格要一致，可以通过视觉规范，DPL，淘斯基等来进行规范。五、色彩运用20%色彩经济—-在同个界面的视觉设计中，建议主色不超过3种，以保证颜色及其赋予的值能被有效识别和理解。色彩赋值—-把色彩看成资源，严谨赋予他合适的值，并保证统一的运用。滑触线六、字体设计六、字体设计20%字体及样式不超过3种，赋予每种字体样式值。字体的对比度要清晰，便于阅读。内容等级决定字体、字号大小、粗细；状态决定颜色设计独立完成四、主要仪器设备及耗材项目名称设备名称设备数量耗材名称耗材数量备注网页界面的设计台式计算机50无无无游戏界面的设计台式计算机50无无无软件界面的设计台式计算机50无无无