备 课 本Lesson Preparation_2013_-_2014_学年 第_一_学期Academic Year - Semester课 程 名 称 UI 设计Course教材名称及版本 UI 设计Textbook and Edition授 课 班 级 2011 平面 1 班Class教 师 姓 名 黎 丹Teacher审 核 人 周 增 辉Approver填写说明1、此备课本用来书写教案，适用于所有专职教师、兼职教师和兼课教师。2、所有承担教学任务的教师需书写纸质版教案，如因使用多媒体教学需要和教学任务繁重，可用电子版教案，但格式必须按纸质版格式，且所有教案的书写应与学期授课计划相符合。3、备课过程中的各个环节和要素可根据实际授课内容进行填写。如：授课课题：（教学章、节、标题或项目名称）教学目标和要求：（教学目标一般说应包含知识教学、能力发展和思想教育三方面内容，教学要求是指识记、理解、简单应用、综合应用等层次）教学重点和难点：教学重点，是为了达到确定的教学目的而必须着重讲解和分析的内容；教学难点，是就学生的接受情况而言的，学生经过自学还不能理解或理解有困难的地方，即可确定为教学难点。教学方法：（讨论、启发、演示、辩论、讲练结合、案例教学、情境模拟等）教学手段：（多媒体教学、录像带、挂图、幻灯片等）授课时间：第 周课时累计：教学过程：（体现教学步骤，包括时间分配和教学内容教学进程）作业布置：（含思考题、讨论题）课后反思：（因为课后反思是教案实施效果追记，课前还不能打印，只能课后用笔手写）4、备课本的审核人为各教研室（项目中心）主任。授课课题 认识界面门 UI 设计说课教学通过本章学习使学生了解 UI 在中国的发展，以及 UI 的是什目标和要求 么教学重点：掌握 UI 在中国的发展，以及 UI 是什么。教学重点和难点教学难点 ：掌握 UI 是什么。教学方法 案例教学 教学手段 多媒体授课时间 第 九 周 课时累计 2教 学 过 程教学步骤及教学内容 时间分配导入新课:UI 即 User Interface( 用户界面)的简称。UI 设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的 UI 设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由 ,充分体现软件的定位和特点。第一节 UI 是什么软件设计可分为两个部分：编码设计与 UI 设计。教学步骤及教学内容 时间分配编码设计大家都很熟悉， 但是 UI 设计还是一个很陌生的词，即使一些专门从事网站与多媒体设计的人也不完全理解UI 的意思。UI 的本意是用户界面，是英文 User 和 interface的缩写。从字面上看是用户与界面 2 个组成部分，但实际上还包括用户与界面之间的交互关系。在飞速发展的电子产品中，界面设计工作一点点的被重视起来。做界面设计的 “美工 ”也随之被称之为 “U I设计师 ”或“U I工程师 ”。其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要卖点。一个电子产品拥有美观的界面会给人带来舒适的视觉享受，拉近人与商品的距离，为商家创造卖点。界面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最终用户而设计，是建立在科学性之上的艺术设计。检验一个界面的标准既不是某个项目开发组领导的意见也不是项目成员投票的结果，而是终端用户的感受。所以界面设计要和用户研究紧密结合，是一个不断为最终用户设计满意视觉效果的过程。第二节 UI 设计师是做什么的在中国，UI 设计还是一个需要不断成长的设计领域，但eicodesign,Tigocn, lkkui design, Robin design 等国内知名设计机构已经进入了探索 UI 设计的道路。UI 设计从工作内容上来说分为 3 个方向。它主要是由 UI研究的 3 个因素决定的， 其分别是研究工具， 研究人与界面的关系，研究人。研究界面图形设计师 Graphic UI designer国内目前大部分 UI 工作者都是从事这个行业。 也有人称之为美工，但实际上不是单纯意义上的美术工人，而是软件产品的产品外形设计师。这些设计师大多是美术院校毕业的，其中大部分是有美术设计教育背景，例如工业外形设计，装潢设计，信息多媒体设计等。研究人与界面的关系交互设计师， interaction designer在图形界面产生之前， 长期以来 UI 设计师就是指交互设计师。交互设计师的工作内容就是设计软件的操作流程，树状结构，软件的结构与操作规范（ spec ）等。一个软件产品在编码之前需要作的就是交互设计，并且确立交互模型，交互规范。交互设计师一般都是软件工程师背景居多。研究人用户测试/研究工程师 User experience engineer任何的产品为了保证质量都需要测试，软件的编码需要测试，自然 UI 设计也需要被测试。 这个测试和编码没有任何关系，主要是测试交互设计的合理性以及图形设计的美观性。测试方法一般都是采用焦点小组，用目标用户问卷的形式来衡量 UI 设计的合理性。 这个职位很重要， 如果没有这个职位，UI 设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来严重的风险性。用户研究工程师一般是心理学人文学背景比较合适。综上所述 UI 设计师就是： 软件图形设计师、 交互设计师和用户研究工程师。其中交互设计师：“U的I”本义是用户界面，是英文 User 和interface 的缩写。UI 设计师则指从事对软件的人机交互、操作逻辑、界面美观的整体设计工作的人。工作内容：负责软件界面的美术设计、创意工作和制作工作；根据各种相关软件的用户群，提出构思新颖、有高度吸引力的创意设计；对页面进行优化，使用户操作更趋于人性化；维护现有的应用产品；收集和分析用户对于 GUI 的需求。第三节 UI 设计在中国的现状目前在国内 UI 还是一个相对陌生的词， 即便是洛可可设计也在 UI 设计的道路上不断探索客户及用户的需求。 我们经常看到一些招聘广告写着：招聘界面美工、界面美术设计师等等。这表明在国内对 UI 的理解还停留在美术设计方面，认为UI 的工作只是描边画线，缺乏对用户交互的重要性的理解；另一方面在软件开发过程中还存在重技术而不重应用的现象。许多商家认为软件产品的核心是技术， 而 UI 仅仅是次要的辅助，这点在人员的比例与待遇上可以表现出来。 但这不是 UI 设计真正的价值体现，只是 UI 设计发展的一个必经过程。我们以物质产品手机行业为例，当手机刚刚进入市场的时候不但价格贵的惊人，而且除了通话以外没有什么其他功能。由于当时的主导是技术， 所以大家都把精力放在信号、待机时间、寿命等方面，对于产品的造型，使用的合理性很少关心。事过境迁，如今技术已经完全的达到用户的需求，于是商家为了创造卖点，提高争力，非常重视产品的外观设计，除此之外还频频推出短信 ,彩屏，和铉，彩信,摄像头等等。这样一来产品的美观、个性、易用、易学、人性化等等都成了产品的卖点。软件产品与物质产品的发展是相同的。过去由于计算机硬件的限制，编码设计成为软件开发的代名词，美观亲和的图形化界面与合理易用的交互方式都没有得到充分的重视，实际上这个时期的软件叫作软件程序，而不是软件产品。现今随着计算机硬件的飞速发展，过去的软件程序已经不能适应用户的要求。软件产品在激烈的市场竞争中，仅仅有强大的功能是远远不够的，不足以战胜强劲的对手。幸运的是在国内一些高瞻远瞩的民族企业已经开始意识到 UI 给软件产品带来的巨大卖点了，例如金山公司的影霸、词霸、毒霸、网标，由于重视 UI 的开发与地位，才使得金山产品在同类软件产品中首屈一指。 联想软件的 UI 部门积极开展用户研究与使用性测试，将易用与美观相结合，推出的双模式电脑、幸福系列等成功 UI 范例， 为联想赢得全球消费 PC 第三的称号等等、等等 .实践证明，各商家只要在产品美观和易用设计方面很小投入，将会有很大产出。其投入产出比，要比在功能领先性开发上的投入大得多。我们不得不承认现阶段中国在很多领域都与西方发达国家有相当大的差距，如何赶上并超过他们是我们这代人肩负的历史使命。软件产品领域不象物质产品那样存在工艺、材料上的限制， 软件产品核心问题就是人。提高软件 UI 设计师个人能力减小人员上的差距是中国 UI 发展首要关键的问题。目前国内各院校还没有设立相对健全的 UI 设计专业， 所以提高 UI 设计师能力关键在于提供一个良好的学习与交流的资源环境。 国内已经有很多交流设计网站， 介绍工业设计、平面设计、 服装设计、 绘画艺术、 多媒体 flash 等，但是 UI 设计一直没有受到应有的关注，仅仅被放在数码设计或者平面网页设计的一个栏目里，这仅有的资源对培养优秀的设计师是不够的，必须有一个信息快捷、资源丰富、设计水平一流、专业权威的 UI 设计学习与交流的地方才能适应日益发展的UI 设计师们的需求。教学步骤及教学内容 时间分配作业布置课后反思授课课题 认识界面门教学目标和要求界面的概述教学 重点：了解什么 什么是界面UI,重点和难点 难点： 界面的概述教学方法 案例教学 教学手段 多媒体授课时间 第 九 周 课时累计 4教 学 过 程教学步骤及教学内容 时间分配导入新课:随着硬件技术的飞速发展，使计算速度与存储容量不再成为软件开发人员所担心的问题， 用户关心的主要问题是能否比较容易和舒适地使用软件。 换言之， 人们的着眼点在于软件的易用性和美观，而易用与美观主要取决于用户界面，即 UI 的优劣。本课主要讲解 UI 的基本理论和设计属性， 以期在具体学习 UI 设计技巧和制作技术之前对 UI 设计有一个整体的了解。什么事 UI呢？UI的本意是用户界面， 是英文 User和interface的缩写。 从字面上看是用户与界面 2 个组成部分， 但实际上还包括用户与界面之间的交互关系， 所以这样可分为 3 个方向， 他们分别是：用户研究、交互设计、界面设计。教学步骤及教学内容 时间分配1、用户研究用户研究包含两个方面：一是可用性工程学（ usabilityEngineering），研究如何提高产品的可用性，使得系统的设计更容易被人使用、学习和记忆；二是通过可用性工程学的研究，发掘用户的潜在需求，为技术创新提供另外一条思路和方法（consumer insight）。用户研究是一个跨学科的专业， 涉及可用性工程学、 人类功效学、心理学、市场研究学、教育学、设计学等学科。用户研究技术是站在人文学科的角度来研究产品，站在用户的角度介入到产品的开发和设计中。用户研究通过对于用户的工作环境、产品的使用习惯等研究，使得在产品开发的前期能够把用户对于产品功能的期望、对设计和外观方面的要求融入到产品的开发过程中去，从而帮助企业完善产品设计或者探索一个新产品概念。他是得到用户需求和反馈的途径， 也是检验界面与交互设计是否合理的重要标准。2、交互设计这部分指人与机之间的交互工程， 在过去交互设计也由程序员来做， 其实程序员擅长编码， 而不善于