《ui设计 教案 18个课时.docx》由会员分享，可在线阅读，更多相关《ui设计 教案 18个课时.docx（52页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、备 课 本Lesson Preparation _2013_-_2014_学年 第_一_学期Academic Year - Semester 课 程 名 称 UI设计 Course教材名称及版本 UI设计 Textbook and Edition授 课 班 级 2011平面1班 Class教 师 姓 名 黎 丹 Teacher审 核 人 周 增 辉 Approver填写说明1、此备课本用来书写教案，适用于全部专职老师、兼职老师和兼课老师。2、全部担当教学任务的老师需书写纸质版教案，如因运用多媒体教学需要和教学任务繁重，可用电子版教案，但格式必需按纸质版格式，且全部教案的书写应与学期授课安排相符
2、合。3、备课过程中的各个环节和要素可根据实际授课内容进展填写。如：授课课题：（教学章、节、标题或工程名称）教学目的和要求：（教学目的一般说应包含学问教学、实力开展和思想教化三方面内容，教学要求是指识记、理解、简洁应用、综合应用等层次）教学重点和难点：教学重点，是为了到达确定的教学目的而必需着重讲解和分析的内容；教学难点，是就学生的承受状况而言的，学生经过自学还不能理解或理解有困难的地方，即可确定为教学难点。教学方法：（探讨、启发、演示、辩论、讲练结合、案例教学、情境模拟等）教学手段：（多媒体教学、录像带、挂图、幻灯片等）授课时间：第周课时累计：教学过程：（表达教学步骤，包括时间安排和教学内容教
3、学进程）作业布置：（含思索题、探讨题）课后反思：（因为课后反思是教案施行效果追记，课前还不能打印，只能课后用笔手写）4、 备课本的审核人为各教研室（工程中心）主任。授课课题相识界面门UI设计说课教学目的和要求通过本章学习使学生理解UI在中国的开展，以及UI的是什么教学重点和难点教学重点：驾驭UI在中国的开展，以及UI是什么。教学难点：驾驭UI是什么。教学方法案例教学教学手段多媒体授课时间第 九 周课时累计2教 学 过 程教学步骤及教学内容时间安排导入新课:UI即User Interface(用户界面)的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件
4、变得有特性有品尝，还要让软件的操作变得舒适、简洁、自由,充分表达软件的定位和特点。第一节 UI是什么软件设计可分为两个部分：编码设计与UI设计。教学步骤及教学内容时间安排编码设计大家都很熟识，但是 UI设计还是一个很生疏的词，即使一些特地从事网站与多媒体设计的人也不完全理解UI的意思。UI的本意是用户界面，是英文User和 interface的缩写。从字面上看是用户与界面2个组成部分，但事实上还包括用户与界面之间的交互关系。在飞速开展的电子产品中，界面设计工作一点点的被重视起来。做界面设计的“美工”也随之被称之为“UI设计师”或“UI工程师”。其实软件界面设计就像工业产品中的工业造型设计一样，
5、是产品的重要卖点。一个电子产品拥有美观的界面会给人带来舒适的视觉享受，拉近人与商品的间隔 ，为商家创建卖点。界面设计不是单纯的美术绘画，他需要定位运用者、运用环境、运用方式并且为最终用户而设计，是建立在科学性之上的艺术设计。检验一个界面的标准既不是某个工程开发组指导的意见也不是工程成员投票的结果，而是终端用户的感受。所以界面设计要和用户探讨严密结合，是一个不断为最终用户设计满足视觉效果的过程。第二节 UI设计师是做什么的在中国，UI设计还是一个需要不断成长的设计领域，但eicodesign,Tigocn, lkkui design, Robin design等国内知名设计机构已经进入了探究UI
6、设计的道路。UI设计从工作内容上来说分为3个方向。它主要是由UI 探讨的3个因素确定的， 其分别是探讨工具，探讨人与界面的关系，探讨人。探讨界面图形设计师Graphic UI designer国内目前大部分UI工作者都是从事这个行业。也有人称之为美工，但事实上不是单纯意义上的美术工人，而是软件产品的产品外形设计师。这些设计师大多是美术院校毕业的，其中大部分是有美术设计教化背景，例如工业外形设计，装潢设计，信息多媒体设计等。探讨人与界面的关系交互设计师，interaction designer在图形界面产生之前，长期以来UI设计师就是指交互设计师。交互设计师的工作内容就是设计软件的操作流程，树状
7、构造，软件的构造与操作标准（spec）等。一个软件产品在编码之前需要作的就是交互设计，并且确立交互模型，交互标准。交互设计师一般都是软件工程师背景居多。探讨人用户测试/探讨工程师User experience engineer任何的产品为了保证质量都需要测试，软件的编码需要测试，自然UI设计也需要被测试。这个测试和编码没有任何关系，主要是测试交互设计的合理性以及图形设计的美观性。测试方法一般都是采纳焦点小组，用目的用户问卷的形式来衡量UI设计的合理性。这个职位很重要，假如没有这个职位，UI设计的好坏只能凭借设计师的阅历或者指导的审美来评判，这样就会给企业带来严峻的风险性。用户探讨工程师一般是心
8、理学人文学背景比拟适宜。综上所述UI设计师就是：软件图形设计师、交互设计师和用户探讨工程师。其中交互设计师：“UI”的本义是用户界面，是英文User和interface的缩写。UI设计师则指从事对软件的人机交互、操作逻辑、界面美观的整体设计工作的人。工作内容：负责软件界面的美术设计、创意工作和制作工作；根据各种相关软件的用户群，提出构思新奇、有高度吸引力的创意设计；对页面进展优化，运用户操作更趋于人性化；维护现有的应用产品；搜集和分析用户对于GUI的需求。第三节 UI设计在中国的现状目前在国内UI还是一个相对生疏的词，即便是洛可可设计也在UI设计的道路上不断探究客户及用户的需求。我们常常看到一
9、些聘请广告写着：聘请界面美工、界面美术设计师等等。这说明在国内对UI的理解还停留在美术设计方面，认为UI的工作只是描边画线，缺乏对用户交互的重要性的理解；另一方面在软件开发过程中还存在重技术而不重应用的现象。很多商家认为软件产品的核心是技术，而UI仅仅是次要的协助，这点在人员的比例与待遇上可以表现出来。 但这不是UI设计真正的价值表达，只是UI设计开展的一个必经过程。我们以物质产品手机行业为例，当手机刚刚进入市场的时候不但价格贵的惊人，而且除了通话以外没有什么其他功能。由于当时的主导是技术，所以大家都把精力放在信号、待机时间、寿命等方面，对于产品的造型，运用的合理性很少关切。事过境迁，如今技术
10、已经完全的到达用户的需求，于是商家为了创建卖点，进步争力，特别重视产品的外观设计，除此之外还频频推出短信,彩屏，和铉，彩信,摄像头等等。这样一来产品的美观、特性、易用、易学、人性化等等都成了产品的卖点。软件产品与物质产品的开展是一样的。过去由于计算机硬件的限制，编码设计成为软件开发的代名词，美观亲和的图形化界面与合理易用的交互方式都没有得到充分的重视，事实上这个时期的软件叫作软件程序，而不是软件产品。现今随着计算机硬件的飞速开展，过去的软件程序已经不能适应用户的要求。软件产品在剧烈的市场竞争中，仅仅有强大的功能是远远不够的，缺乏以战胜强劲的对手。幸运的是在国内一些高瞻远瞩的民族企业已经开场意识
11、到UI给软件产品带来的宏大卖点了，例如金山公司的影霸、词霸、毒霸、网标，由于重视UI的开发与地位，才使得金山产品在同类软件产品中数一数二。联想软件的UI部门主动开展用户探讨与运用性测试，将易用与美观相结合，推出的双形式电脑、华蜜系列等胜利UI范例，为联想赢得全球消费 PC第三的称号等等、等等.理论证明，各商家只要在产品美观和易用设计方面很小投入，将会有很大产出。其投入产出比，要比在功能领先性开发上的投入大得多。我们不得不成认现阶段中国在很多领域都与西方兴旺国家有相当大的差距，如何赶上并超过他们是我们这代人肩负的历史使命。软件产品领域不象物质产品那样存在工艺、材料上的限制，软件产品核心问题就是人
12、。进步软件UI设计师个人实力减小人员上的差距是中国UI开展首要关键的问题。目前国内各院校还没有设立相对健全的UI设计专业，所以进步UI设计师实力关键在于供应一个良好的学习与沟通的资源环境。国内已经有很多沟通设计网站，介绍工业设计、平面设计、服装设计、绘画艺术、多媒体flash等，但是UI设计始终没有受到应有的关注，仅仅被放在数码设计或者平面网页设计的一个栏目里，这仅有的资源对培育优秀的设计师是不够的，必需有一个信息快捷、资源丰富、设计程度一流、专业权威的UI设计学习与沟通的地方才能适应日益开展的UI设计师们的需求。教学步骤及教学内容时间安排作业布置课后反思授课课题相识界面门教学目的和要求界面的
13、概述教学重点和难点重点：理解什么UI,什么是界面难点：界面的概述教学方法案例教学教学手段多媒体授课时间第 九 周课时累计4教 学 过 程教学步骤及教学内容时间安排导入新课:随着硬件技术的飞速开展，使计算速度与存储容量不再成为软件开发人员所担忧的问题，用户关切的主要问题是能否比拟简洁和舒适地运用软件。换言之，人们的着眼点在于软件的易用性和美观，而易用与美观主要取决于用户界面，即UI的优劣。本课主要讲解UI的根本理论和设计属性，以期在具体学习UI设计技巧和制作技术之前对UI设计有一个整体的理解。什么事UI呢？UI的本意是用户界面，是英文User和interface的缩写。从字面上看是用户与界面2个
14、组成部分，但事实上还包括用户与界面之间的交互关系，所以这样可分为3个方向，他们分别是：用户探讨、交互设计、界面设计。教学步骤及教学内容时间安排1、用户探讨 用户探讨包含两个方面：一是可用性工程学（usability Engineering），探讨如何进步产品的可用性，使得系统的设计更简洁被人运用、学习和记忆；二是通过可用性工程学的探讨，开掘用户的潜在需求，为技术创新供应另外一条思路和方法（consumer insight）。 用户探讨是一个跨学科的专业，涉及可用性工程学、人类成效学、心理学、市场探讨学、教化学、设计学等学科。用户探讨技术是站在人文学科的角度来探讨产品，站在用户的角度介入到产品的
15、开发和设计中。 用户探讨通过对于用户的工作环境、产品的运用习惯等探讨，使得在产品开发的前期可以把用户对于产品功能的期望、对设计和外观方面的要求融入到产品的开发过程中去，从而扶植企业完善产品设计或者探究一个新产品概念。 他是得到用户需求和反响的途径，也是检验界面与交互设计是否合理的重要标准。2、交互设计 这部分指人与机之间的交互工程，在过去交互设计也由程序员来做，其实程序员擅长编码，而不擅长与最终用户交互。所以，很多的软件虽然功能比拟齐全，但是交互方面设计很粗糙，繁琐难用，学习困难。运用这样的软件后，不是使人聪慧与进步而是让人感到愚弄与羞辱。很多人因为不能操作电脑软件而下岗失业，这样的交互使电脑
16、成为让人恐惊的科技怪兽。于是我们把交互设计从程序员的工作中分别出来单独成为一个学科，也就是人机交互设计。他的目的在于加强软件的易用、易学、易理解，使计算机真正成为便利地为人类效劳的工具。3、界面设计 在漫长的软件开展中，界面设计工作始终没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受，拉近人与电脑的间隔 ，为商家创建卖点。界面设计不是单纯的美术绘画，他需要定位运用者、运用环境、运用方式并且为最终用户而设计，是纯粹的科学性的艺术设计。检验一个界面的标准即不是某个工程开发组指导的意见
17、也不是工程成员投票的结果，而是最终用户的感受。所以界面设计要和用户探讨严密结合，是一个不断为最终用户设计满足视觉效果的过程什么是UI 常识 UI行业常用名词及缩写定义 - 什么是 UI ： UI的本意是用户界面，是英文User和 interface的缩写。 - 什么是 GUI Graphics User Interface 图形用户界面 有时也称为WIMP=Window/Icon/Menu/Pointing Device 窗口、图标、菜单、指引设备 - 什么是 HUI Handset User Interface 手持设备用户界面 - 什么是WUI Web User Interface 网页风
18、格用户界面 - 什么是用户界面设计： 在人和机器的互动过程（Human Machine Interaction）中，有一个层面，即我们所说的界面（interface）。从心理学意义来分，界面可分为感觉（视觉、触觉、听觉等）和情感两个层次。用户界面设计是屏幕产品的重要组成部分。界面设计是一个困难的有不同学科参加的工程，认知心理学、设计学、语言学等在此都扮演着重要的角色。用户界面设计的三大原则是：置界面于用户的限制之下；削减用户的记忆负担；保持界面的一样性。教学步骤及教学内容时间安排作业布置课后反思授课课题相识界面门界面设计原则和分类教学目的和要求理解和驾驭界面设计原则和分类教学重点和难点重点：驾
19、驭界面设计的根本原则和分类难点：驾驭界面设计的根本原则能娴熟运用到设计当中教学方法案例教学教学手段多媒体授课时间第 九 周课时累计6教 学 过 程教学步骤及教学内容时间安排本节课我们来说UI艺术性设计的原则方面的问题。在构造设计的根底上，参照目的群体的心理模型和任务达成进展视觉设计。包括色彩啊、字体呀、页面哪等。视觉设计的原则主要有以下这么几点，同学们确定要留意喽！1）界面清晰明了，尤其导航要明确。最好允许用户定制界面，如下图：简洁的界面设计比方像一些音频软件、3D软件他们的界面参数比拟多，其困难的窗口构造就更需要逻辑清晰的设计思路，这个时候呢，科学性确定要远远大于艺术性！2）削减短期记忆的负
20、担。就是说让计算机扶植记忆，例如IE进入界面地址等可以让机器记住。教学步骤及教学内容时间安排3）依靠认知而非记忆。譬如打印图标的记忆，下拉菜单列表中的选择等要符合业界习惯。4）供应视觉线索。界面要有吸引力，如下图：5）供应默认(default)、撤消(undo)、复原(redo)等功能。这方面好多同学可能不是很理解，但是你要做好一个真正的UI设计师，那么功能方面你还是要有确定的驾驭喔！当然啦，同学也不用怕，只要你专心，其实很简洁的！Just do it!6）供应界面的快捷方式。7）尽量去运用真实事物的类比。如 、打印机等的图标设计，敬重用户以往的运用阅历和运用习惯。8）完备视觉的清晰度。条理清
21、晰，图片、文字的布局和隐喻不要让用户去猜。如图9）界面要协调一样。如手机界面按钮摆放，习惯左键确定、右键否认或按内容摆放。10）同样功能用同样的图形表示。11）色彩与内容。整体软件尽量不要超过5个色系（特殊需要例外），近似的颜色表示近似的意思。二、界面的分类界面根据其在人与界面互动过程中的作用方式，分为操作界面和显示界面两大类。通常操作界面起到的是限制作用，用户通过操作界面发出信息，操作机器执行吩咐，同时也通过操作界面对机器的反响信息作出反响动作。操作界面主要包括：触控屏幕、鼠标、键盘、操作手柄、遥控器等。显示界面主要的职能是信息显示。用户通过显示界面监控机器对于指令的执行状况，同时也通过显示
22、理解机器在执行吩咐后状况。包括图、文、声、光等可释读要素。一般状况下，显示界面和操作界面是共存的。操作界面为人机互动供应了动作平台，而显示界面则为人机互动供应了信息平台，这两个平台构成了人机互动的根本环境。根据界面的用户特征，我们又可以将界面分为网页用户界面、嬉戏用户界面、软件用户界面等几大类。这样分类的方式表达了“以用户为中心”的核心理念，而整个界面设计教学步骤及教学内容时间安排的过程都是围绕“用户”这个中心绽开的。作业布置课后反思授课课题相识界面门设计界面的通用性的分析教学目的和要求进一步相识界面，理解设计界面的通用性并进展分析教学重点和难点重点：设计界面的通用性的分析难点：设计界面的功能
23、、情感、环境的共通教学方法案例教学教学手段多媒体授课时间第 九 周课时累计8教 学 过 程教学步骤及教学内容时间安排导入新课随着硬件技术的飞速开展，使计算速度与存储容量不再成为软件开发人员所担忧的问题，用户关切的主要问题是能否比拟简洁和舒适地运用软件。换言之，人们的着眼点在于软件的易用性和美观，而易用与美观主要取决于用户界面，即UI的优劣。本课主要讲解UI的根本理论和设计属性，以期在具体学习UI设计技巧和制作技术之前对UI设计有一个整体的理解。1.1 UI设计根本介绍众所周知，在当今的硬件与软件环境下，一个软件没有很好的界面设计就不能算是胜利的软件，因为不管它内部有多么精致的技术，只要用户不情
24、愿运用它，它的优越性就得不到发挥，它的价值和作用也就无从谈起。于是一个不涉及技术而着眼于易用和美观的用户界面显得越来越重要，这就是软件UI设计。教学步骤及教学内容时间安排UI的本意是用户界面(User Interface)，概括成一句话就是-人和工具之间的界面。这个界面事实上表达在我们生活中的每一个环节，例犹如学们切菜的时候，刀把手就是这个界面;开车的时候方向盘啊仪表盘也是为个界面;看TV的时候遥控器亦是这个界面;用电脑的时候更不用说。于是乎，我们把UI分成两大类：硬件界面和软件界面。我们的教程所涉及的皆为软件界面，同学们留意了，所以我们也可以称之为特殊的或者狭义的UI设计。 软件设计可分为两
25、个部分：编码设计与UI设计。编码设计信任同学们都比拟熟识，但UI设计对很多猫来说可能还比拟生疏，可能连一些特地从事网站多媒体设计的人员也不是很理解UI的含义。前面说了，UI是英文User和Interface的缩写。从字面上看有用户和界面两个组成部分，但事实上还包括用户与界面之后的交互关系，所以这样可分为3个方向，分别是：用户探讨，交互设计和界面设计。后面我为同学们分描绘。UI设计教程 1.2 设计界面通用性简洁分析其实呢，根据界面的不同可以将其划分为功能性界面、情感性界面以及环境性界面。将界面分为这3类有助于考察设计界面的诸多因素。当然啦，设计界面的划分并不是完全确定的喽，这三类界面的涵义和内
26、家可能也会有交差和重叠，这个同学们应当比拟好理解，譬如宗教文化是一种环境性因素，但它带给信仰的人更多一层确实定是情感的因素。嘿嘿！虽然说环境与情感性不好区分，但是并不阻碍不同分类之间所存在的本质性的差异。下面我带着同学们分别来理解这三类界面。同学们不要焦急喔！学习是按部就班的，对UI设计来说，理论很重要喔！功能性界面 功能性界面主要是来实现运用性内容，因为呢，任何一件产品或内外环境或平面视觉传达作品，它们存在的价值和意义首先在于运用性，再由运用性牵涉到多种功能因素的分析及实现功能的技术方法与材料运用。在这一方面，分析思维将作为一种更改思维存在。不难理解吧，同学？嘿嘿！假如作为一种处理方式来设计
27、产品，那么这种产品会使多种特征性（譬如民族性，纯粹性）因素中性化，假如去除产品商标，就很难认出是哪国的或哪个公司的产品。当然，这方面也说明了产品中存在着共同性因素，它使全人类做出同样的反响。人的感觉和推断实力存在国际性的、客观性的特征。其实呢，功能性的界面是要建立在符号学的根底上的。同学不知道什么是符号学？国际符号学会对符号学是这样定义的：“符号是关于信号标记系统（PS:也就是通过某种渠道传递信息的系统呗！）的理论，它探讨自然符号系统的人造符号系统的特征。”广义地说呢，就是可以代表其他事物的东西都是符号，如字母、数字、仪式、意识、动作等，最困难的一种符号系统可能就是语言喽。设计功能界面，不行避
28、开地要让运用者明白功能操作界面的功能性标记确定要很显明，这个很重要。 情感性界面 一个family装饰要给予家居温馨，一副design work要以情动人，and so on.其实呢，任何一件产品或者portiflio只有与人的情产生共鸣才能为我们所承受，像爱屋及乌也表达了人的感情寄予。所以呢，一件好设计作品设计作品是有相当大的魅力在。我们现代icon的设计开展也始终在朝着这一领域在开拓。符号学日渐被应用到广告学，宗教学，神话学，民俗学等比拟多的领域。譬如国外符号学界把符号学用于相识论的探讨，考察相识知觉，相识过程的符号学问题。同时，符号学还用于分析利用人体感官进展的沟通，并将music 服装
29、等都作为符号系统加以分析探讨，这都为设计艺术供应了珍贵借鉴价值的情感界面设计方法和手段。环境性界面就不说UI，任何的设计都要与环境这个因素相联络。它包括比拟多，例如社会、政治和文化，科技，民族等等等等。人处于外界环境中，是以社会群体而不是以个体为根底的，所以环境性因素一般牌非受控与难以预见的变更状态中。联络到设计的历史，我们可以利用艺术社会学的观点去相识各时期的设计潮流。其实呢，从18世纪的时候，西方的一批艺术家们已经留意到艺术创建与审美兴趣深受地理，气候，民族以及历史条件等环境因素的影响。这不难理解，因为这大抵就是同学们会看到不同国家民族的作品面大相径庭的缘由喽。记得，法国有外比拟闻名的老外
30、，嘿嘿，貌似是个学者，他说物质文明和精神文明的性质相貌都取决于种族，环境，时代三大因素。也就是这个理儿。无论是工艺美术运动，同学们熟知的包豪思现代主义还是我提起来都抖擞的80年头的反设计，乃至现代的多元化等等都很明显地反响了环境因素对咱们设计的影响。同学们都玩嬉戏，其实呢，嬉戏中的界面设计就是最典型的环境性界面。其实呢，胜利的作品都可以完备地把以上三种界面结合的作品。爱好设计的同学们确定听说过闻名的卢浮宫扩建工程，貌似是贝聿铭设计的，功能性处理的那是相当的牛，并没有屈于形式而损害功能。人们参观卢浮宫，不是回到古代，而是以新的价值观去重新谛视与观赏，尤其是它的三角形外教学步骤及教学内容时间安排观
31、符合了人们的心理期望，但是他又把情感性界面处理到极致，嘿嘿，我在这里就不附图了，同学们可以搜寻看看。作业布置课后反思授课课题人本界面回来人性的界面设计教学目的和要求理解“认知摩擦”和“可用性”两个概念教学重点和难点重点：理解“认知摩擦”和“可用性”两个概念难点：理解“认知摩擦”和“可用性”两个概念教学方法案例教学教学手段多媒体授课时间第 十 周课时累计10教 学 过 程教学步骤及教学内容时间安排导入新课:人类的认知程度在随着问题的变更而变更过程中所遇到的阻力就是认知摩擦。在软件硬件不断晋级的过程中，认知摩擦时刻存在。例如:我们在面对一个晋级到新版本的软件时，通常需要花上一段时间才能熟识驾驭它，
32、而晋级所带来的新功能又很少能用到，或者是通过一段时间的学习后才能正确运用，这其实就是“认知摩擦”在作祟。 当然，少量的认知摩擦对于提升我们的认知实力是有扶植的，因此我们提倡回来人性的界面设计，就是通过各种方法让这种认知摩擦限制在确定范围之内。但在实际操作中要做到这一点并不简洁。比方，在设计微波炉的界面时，是不是让按钮和把手都更加合适人的眼睛和手指，让信息更简洁被读取就解决了认知摩擦的问题呢？教学步骤及教学内容时间安排为用户而设计-可用性可用性的标准对任何的人施行中心的活动都有效，界面设计尤其如此。 在一组可用性不错的手机图标设计中，通过图形我们就能明白其意义而不需要翻阅说明书。可用性是评估用户
33、界面是否简洁运用的程度属性。一般来说，可用性由5个属性组成。（1） 可学习性，也就是初次接触界面时，用户在没有任何阅历的状况下运用界面完成根本任务的难易程度。（2） 效率，当用户熟识了这个界面后，其完成任务的速度。（3） 可记忆性，在一段时间没有运用之后再次运用界面，用户重新娴熟操作的难易程度。（4） 出错，用户在运用界面是除了多少错误，这些错误的严峻程度，以及是否可以便利快速的觉察错误并复原。（5） 满足度，用户运用这个界面的满足程度。实现可用性的途径有如下5个方面。（1） 为用户的实际工作而设计。（2） 学会与客户沟通。（3） 避开为创新而创新。（4） 努力建立有效的交互。（5） 用实际工
34、作来测试界面。 操作界面的类型与特征 操作界面可以分为连续性和不连续性操作界面两大类，其中不连续性操作界面可分为三种状况：一是开关，如电灯开关等；二是不连续性调整限制。如电视机的频道按钮；三是符号输入按钮，如电脑键盘。 连续性操作界面也可以分为两种状况:一是定量调整限制，其作用是调整机器到莫一种状态，如收音机上的电台波段调谐钮；二是连续调整限制，其作用是不断调整机器状态，使其沿志向方向运行，如方向盘。教学步骤及教学内容时间安排作业布置课后反思授课课题人本界面教学目的和要求通过本章学习使学生理解UI设计案例展示观赏与分析教学重点和难点教学重点：驾驭UI设计案例展示观赏与分析。教学难点：驾驭UI设
35、计案例展示观赏与分析。教学方法案例教学教学手段多媒体授课时间第 十 周课时累计12教 学 过 程教学步骤及教学内容时间安排导入新课第一节 图标图标是具有明确指代含义的计算机图形。其中桌面图标是软件标识，界面中的图标是功能标识。教学步骤及教学内容时间安排图标分为广义和狭义两种：广义具有指代意义的图形符号，具有高度浓缩并快捷传达信息、便于记忆的特性。应用范围很广，软硬件网页社交场所公共场合无所不在，例如：男女厕所标记和各种交通标记等。狭义应用于计算机软件方面，包括：程序标识、数据标识、吩咐选择、形式信号或切换开关、状态指示等。一个图标是一个小的图片或对象，代表一个文件，程序，网页，或吩咐。图标有助
36、于用户快速执行吩咐和翻开程序文件。单击或双击图标以执行一个吩咐。图标也用于在阅读器中快速呈现内容。全部运用一样扩展名的文件具有一样的图标。图标有一套标准的大小和属性格式，且通常是小尺寸的。每个图标都含有多张一样显示内容的图片，每一张图片具有不同的尺寸和发色数。一个图标就是一套相像的图片，每一张图片有不同的格式。从这一点上说图标是三维的。图标还有另一个特性：它含有透亮区域，在透亮区域内可以透出图标下的桌面背景。在构造上图标其实和麦当劳的巨无霸汉堡差不多。一个图标事实上是多张不同格式的图片的集合体，并且还包含了确定的透亮区域。因为计算机操作系统和显示设备的多样性，导致了图标的大小需要有多种格式。象
37、素辨别 操作系统在显示一个图标时，会根据确定的标准选择图标中最合适当前显示环境和状态的图像。假如你用的是Windows98操作系统，显示环境是 800x600辨别率，32位色深，你在桌面上看到的每个图标的图像格式就是256色32x32象素大小。假如在一样的显示环境下，Windows XP操作系统中，这些图标的图像格式就是：真彩色（32位色深）、32x32象素大小。下面就是Windows各个操作系统中的标准图标格式：（单位：大小象素颜色）Windows 98 SE/ME/200048 x 48 - 256 32 x 32 - 256 16 x 16 - 25648 x 48 - 16 32 x
38、32 - 16 16 x 16 - 16Windows XP48 x 48 - 32bit 32 x 32 - 32bit 24 x 24 - 32bit * 16 x 16 - 32bit48 x 48 - 256 32 x 32 - 256 24 x 24 - 256 * 16 x 16 - 25648 x 48 - 16 32 x 32 - 16 24 x 24 - 16 * 16 x 16 - 16* 这种格式在XP图标中并不是必需的。留意：Windows98/2000对24 x 24格式的图标不兼容。你可以在相关应用软件中翻开含有这种图像格式的图标，但操作系统却认为是无效的。你必需确
39、保你所设计的图标中至少含有以上所列的图像格式来获得良好的显示效果。假如操作系统在图标中找不到特定的图像格式，它总是采纳最接近的图像格式来显示，比方把大小为48 x 48的图标缩小为24 x 24象素大小。当然，效果就差些了。不同的操作系统版本Windows 95， Windows 98， Windows ME， Windows 2000 建议： 48x48 （ 256色， 16色） ， 32x32 （ 256色， 16色） ， 16x16 （ 256色， 16色）. 最低： 32x32 （ 256色， 16色） ， 16x16 （ 256色， 16色）.Windows XP 建议： 48x48
40、 （RGB /A， 256色， 16色） ， 32x32 （RGB /A， 256色， 16色） ， 24x24 （RGB /A， 256色， 16色） ， 16x16 （RGB /A， 256色， 16色）最低： 32x32 （的RGB /A， 256色， 16色） ， 16x16 （的RGB /A， 256色， 16色）.可选： 128x128 （的RGB /A）Windows Vista 建议： 256x256 （RGB /A） ， 64x64 （RGB /A） ， 48x48 （RGB /A， 256色， 16色） ， 32x32 （RGB /A， 256色， 16色） ， 24x24
41、 （RGB /A， 256色， 16色） ， 16x16 （RGB /A， 256色， 16色） 最低： 256x256 （RGB /A） ， 48x48 （RGB /A， 256色） ， 32x32 （RGB /A， 256色） ， 16x16 （RGB /A， 256色） 可选： 256x256 （ 256色， 16色） ， 64x64 （ 256色， 16色）此画面为手机的操作系统的图标。同学们主要在以下几个方面来考虑：1 造型；2 颜色；3 艺术性；4 创建性；5 统一性；我搜集了一些图标的文件，我们接下来可以共享一下。第二节 输入法设计输入法是指为了将各种符号输入计算机或其他设备（如
42、手机）而采纳的编码方法。汉字输入的编码方法，根本上都是采纳将音、形、义与特定的键相联络，再根据不同汉字进展组合来完成汉字的输入的。中文热门输入法搜狗拼音输入法：搜狗拼音输入法是2006年6月由搜狐（SOHU）公司推出的一款Windows平台下的汉字拼音输入法。搜狗拼音输入法是基于搜寻引擎技术的、特殊合适网民运用的、新一代的输入法产品，用户可以通过互联网备份自己的特性化词库和配置信息。搜狗拼音输入法为中国国内现今主流汉字拼音输入法之一，奉行永久免费的原则。QQ拼音输入法：QQ拼音输入法是腾讯公司开发的一种便利人们运用和观看的输入法，可下载各种各样的皮肤来变更自身的皮肤。同学们主要在以下几个方面来
43、考虑：1 造型；2 颜色；3 艺术性；4 创建性；5 统一性；我搜集了一些图标的文件，我们接下来可以共享一下。第三节 手机界面设计同学们主要在以下几个方面来考虑：1 造型；2 颜色；3 艺术性；4 创建性；5 统一性；我搜集了一些图标的文件，我们接下来可以共享一下。第四节 播放器同学们主要在以下几个方面来考虑：1 造型；2 颜色；3 艺术性；4 创建性；5 统一性；我搜集了一些图标的文件，我们接下来可以共享一下。第五节 系统界面教学步骤及教学内容时间安排同学们主要在以下几个方面来考虑：1 造型；2 颜色；3 艺术性；4 创建性；5 统一性；我搜集了一些图标的文件，我们接下来可以共享一下。作业布
44、置课后反思授课课题界面的整体设计教学目的和要求界面设计的重要性,设计原则教学重点和难点重点：界面设计的重要性,设计原则难点：驾驭界面设计的重要性,设计原则进展界面设计教学方法案例教学教学手段多媒体授课时间第 九 周课时累计14教 学 过 程教学步骤及教学内容时间安排提问导入:用户界面设计为什么这么重要呢下面带着大家一起来理解界面设计.用户界面设计从字面上来说 ,是面对用户的 。用户界面的开展经验了从低级到高级的过程，用户界面在软件系统中的价值比重也越来越高，用户假面设计不仅要美观，而且要好用。用户界面是人机之间沟通、沟通的层面，用户界面设计是以人为中心，使产品到达逾越运用的设计。教学步骤及教学内容时间安排界面设计的重要性界面是用户与网页交互的窗口，用户通过界面想计算机输入信息进展限制、查询和操作；网页则通过界面想用户供应信息，以供阅读、分析、推断。所以界面设计在网页中占有重要的位置。界面设计的原则界面设