UI设计教学大纲

1、A课程教学大纲课程名称：UI设计制（修）订人：黎丹乍3疋人：黎丹教研室主任：周增辉开课单位负责人：唐永芳制（修）订时间：2013年6月、课程基本信息课程名称UI设计课程代码总学时56理论学时28学分3. 5实践学时28前导课程计算机基础后续课程图形图像处理、企业VI、标志设计适用专业毕业设计、顶岗实习课程属性公共课（）必修课（2）考试课（2）专业课（2）选修课（）考查课（）二、课程的性质和地位UI设计是艺术设计专业（平面设计方向）的专业核心课程，是在图形 图像处理、企业 VI、标志设计课程基础上的延续和提高。课程几乎涉及到了平 面设计专业基础课程的各个方面，课程实践中注重对各专业基础课程如图形

2、设计、编排设计、字体设计、构成设计等课程的统合和整体应用。UI界面设计是 一门新的学科，也称之为当代的新媒体， 它是跨学科的学术领域，是在各门相关 学科中提取相关的内容要素而综合起来的系统学科。三、课程教学目标1、知识目标通过对本课程的学习，使学生从心理学、人机工程学、设计艺术出发，掌握硬件人机界面与软件人机界面方法、理论与设计实例，探索新的交互技术。2、能力目标通过本课程的学习，学生应该掌握软件的基本操作，并初步具备：UI界面 设计能力;3、素质目标通过本课程的教学，我们重要的是培养学生观察生活、体验生活、体验、审美能力、吃苦精神和激发学生的创造能力的方法和手段。四、教学内容、教学要求及学时

3、分配序号单元教学内容教学要求学时1认识界面门认识界面门了解界面的的概念，概念性的认 识，以及UI设计的历史与发展 趋势62人本界面人本界面掌握人因工程化界面，人机工程学学科的穿插63界面的整体设计界面的整体设计掌握界面整体设计的分析以及实施以及用户各方面的分析64界面的视觉设计界面的视觉设计掌握整体效果搭配，界面视觉效果、图标设计的设计加以应用65网页界面的设计网页界面的设计掌握网页视觉效果排版设计，整体效果搭配、图标中隐喻的运用86游戏界面的设计游戏界面的设计掌握游戏界面视觉效果排版设计整体效果搭配、图标中隐喻的运用87软件界面的设计软件界面的设计掌握软件界面视觉效果排版设 计。整体效果搭配

4、、图标中隐喻 的运用88便携电子产品界面的设计便携电子产品界面的设计掌握便携电子产品界面视觉效果排版设计，整体效果搭配、图标中隐喻的运用8五、教学建议采用案例教学的方式进行教学，尽可能选取贴近生活的案例。在教学过程中，应立足于加强学生实际操作能力的培养，采用项目教学,以工作任务引领提高学生学习兴趣，激发学生的成就动机。教学过程中教师应积极引导学生提升职业素养，提高职业道德。六、课程考核1、各单元知识点及考核要求序号单元认识界面门人本界面知识点1.界面的概述2图形化的界面回归人性的界面设计考核要求了解界面的的概念概念性的认识高科技带来的“谜语” 认知中的摩擦3为用户而设计界面设计中的人因工程人因

5、工程化界面1人因工程人机工程学学科的穿插2人因显示界面的设计人因工程化界面 人机工程学学科的穿插界面的整体设计界面整体设计的分析阶用户与任务分析市场与目标分析2界面整体设计的实施阶对象的模型化界面视图的设计界面整体设计的分析以及实施用户分析、市场与目标分析界面的视觉设计1隐喻：界面视觉设计的基本途径2界面的信息设计3图标的设计整体效果搭配，界面视觉效果、图标设计的设计加以应用3人因操作界面的设计4界面布局兀素的设计5网页界面的设计1时代的网页界面设计2网页界面的隐喻系统3网页界面的信息传达网页视觉效果排版设计整体效果搭配、图标中隐喻的运用6游戏界面的设计1游戏界面的概述2游戏平台的视频界面 设

6、计游戏界面视觉效果排版设计整体效果搭配、图标中隐喻的运用3游戏平台的操作界面 设计4游戏界面的音频设计7软件界面的设计1软件界面设计的整体 思考2.软件界面的文本、图 形3为“交互”服务：角 色、场景和礼貌软件界面视觉效果排版设计整体效果搭配、图标中隐喻的运用8便携电子产品界面 的设计1便携电子产品界面的概述2便携电子产品界面设 计的特殊性3便携电子产品界面的 视觉要素分析便携电子产品界面视觉效果排 版设计，整体效果搭配、图标中隐 喻的运用2、综合成绩构成考核内容考核依据成绩比例平时表现学生迟到、旷课、早退每次分别扣2分、5分、2分。 学生完成平时作业次数布少于 6次，A得10分，B 得6分，

7、C得2分。学生上课积极回答问题，学习态度认真，每次加5分；屡次不认真听讲，扰乱课堂次序，与老师发生 正面冲突者每次扣 5分。40%实践能力实验报告、实训成果、课程论文10%期末考试独立完成作品，且具有个人风格；灵活熟练使用PS软件操作；50%七、推荐教材及学习资源1、推荐教材（含实验教材）教材名称：认知与设计一一理解 UI设计准则ISBN 号：规格:主编：美Jef Johnson 著 张一宁 译出版社：人民邮电出版社出版时间：2011年9月第1版单价:是否自编:2、推荐书目和期刊1、人机界面设计罗仕鉴，朱上上，孙守迁著 机械工业出版社 2002年9月2 、人本界面交互式系统设计Jef Rask

8、in 机械工业出版社 2004年1月3 、用户界面设计-有效的人机交互策略（第四版）Ben Shneiderman著张国印， 李健利等译电子工业出版社2008年104、数字媒体系列教材 数字界面设计（廖宏勇著，上北京师范大学出版社2010）3、推荐的学习网站八、其他说明九、实验实训教学要求学时28项目个数3一、教学任务与基本要求通过实际训练与操作，让学生掌握书籍设计的基本方法，熟悉UI设计的流程与特点，并运用ADOBE PHOTOSHOPndesign、ILLUSTRATOR等设计软件完成其视觉表现，独立完成UI设计的全过程。通过对本课程的学习，使学生从心理学、人机工程学、设计艺术出发，掌握硬

9、件人 机界面与软件人机界面方法、理论与设计实例，探索新的交互技术。二、项目设置与内容序 项目名称内容类型分组情况学时开出 要求网页界面的设计1时代的网页界面设计2网页界面的隐喻系统3网页界面的信息传达设计独立完成10必开游戏界面的设计1游戏界面的概述2游戏平台的视频界面设软件界面的设计计3游戏平台的操作界面设计4游戏界面的音频设计1软件界面设计的整体思设计独立完成10必开2.软件界面的文本、图形设计独立完成必开3为交互”服务：角色、场景和礼貌三、考核方式和成绩评定标准 考核方式：一、有否正确传达出产品/交互意图20%视觉界面设计，不是单纯的图形设计，而是整个产品设计中的一个步骤，要在理解和 遵

10、循产品概念的基础上，参照目标群体心理模型和交互意图进行视觉设计，并且视觉设计 要达到用户愉悦的目的。交互控件的样式合理准确性（人对系统默认的认知和生活常规认知），状态（视觉表现样式和动作过程优化），创意。二、布局 20%用户所接触到的产品的界面，是一个平面，我们通过信息结构组织，主次内容归纳和 区分，通过布局，给用户浏览阅读的线索。页面品牌性，基调元素一致性，复用性，节奏感、面积感，视觉第一吸引，引导浏览，点线面关系，素描原理（运用素描的基本规律 来做页面）。三、信噪比（SRN 10%简易浅显来说，是视觉界面上有效信息与干扰信息之比。信噪比越高，有效信息越突出。四、风格 10%风格是通过一系列视觉元素表现出来的，能体现品牌和产品情感化感受的视觉语言。同 个界面的视觉风格要一致，可以通过视觉规范，DPL淘斯基等来进行规范。五、色彩运用20%色彩经济 一-在同个界面的视觉设计中，建议主色不超过3种，以保证颜色及其赋予的值能被有效识别和理解。色彩赋值 一-把色彩看成资源，严谨赋予他合适的值，并保证统一的运用