界面设计教案模板范文.docx

该【界面设计教案模板范文 】是由【荣】上传分享，文档一共【15】页，该文档可以免费在线阅读，需要了解更多关于【界面设计教案模板范文 】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。界面设计教案模板范文第一篇界面设计教案模板范文第一篇摘要:本文讲述了什么是软件界面设计,软件界面设计的原则、现况以及发展方向。关键词:软件界面设计;界面;软件中图分类号:文献标识码:A文章编号:1007-9599(2011)06-0000-01SoftwareInterfaceDesignDuanTao(InformationSection,AffiliateHospitalofNorthSichuanMedicalCollegeHospital,Nanchong637000,China)Abstract:Thispaperintroducedwhatissoftwareinterfacedesign,softwareinterfacedesignprinciple,:Softwareinterfacedesign;Interface;Software软件界面设计分为结构设计、交互设计、视觉设计三个部分。一、结构设计(StructureDesign)结构设计也称概念设计(ConceptualDesign),是软件界面设计的骨架。通过对用户研究和任务分析,制定出软件产品的整体架构。基于纸质的的低保真原型(PaperPrototype),可提供用户测试并进行完善。在结构设计中,目录体系的逻辑分类和语词定义是用户易于理解和操作的重要前提。二、交互设计(InteractiveDesign)交互设计的目的是使软件产品让用户能简单使用。任何软件产品功能的实现都是通过人和机器的交互来完成的。因此人的因素应作为设计的核心被体现出来。交互设计的原则如下:。误操作后,系统提供有针对性的提示。。如“下一步”、“完成”等,面对不同层次提供多种选择,给不同层次的用户提供多种可能性。。同一种功能,同时可以用鼠标和键盘。提供多种可能性。。例如QQ等聊天软件的断点续传功能。,而非技术的语言。。给用户心理上的暗示,避免用户焦急。。如IE浏览器的退出,是按一个键完全退出,还是一层一层的退出。提供两种可能性。。随时转移功能,很容易从一个功能跳到另外一个功能。,使其做出下一步行动的决定。三、视觉设计(VisualDesign)在结构设计的基础上,参照目标群体的心理模型和任务达成进行视觉设计。包括色彩、字体、页面等。视觉设计要达到用户愉悦使用的目的。视觉设计的原则如下:。允许用户定制界面。。让计算机帮助记忆,例:UserName、Password、IE进入界面地址可以让机器记住。。如打印图标的记忆、下拉菜单列表中的选择。、图形符号的视觉刺激、GUI(图形界面设计)。(default)、撤销(undo)、恢复(redo)的功能。。。如:电话、打印机的图标设计,尊重用户以往的使用经验。,条理清晰;图片、文字的布局和隐喻不要让用户去猜。。。。整体软件不超过5个色系,尽量少用红色、绿色。近似的颜色表示近似的意思。软件界面设计作为软件设计的基础,在漫长的软件发展中,界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样,是产品的重要卖点。一个友好美观的界面会给人带来舒适的视觉享受,拉近人与电脑的距离,为商家创造卖点。软件界面设计不是单纯的美术绘画,他需要定位使用者、使用环境、使用方式并且为最终用户而设计,是纯粹的科学性的艺术设计。检验一个软件界面的标准既不是某个项目开发组领导的意见也不是项目成员投票的结果,而是最终用户的感受。所以界面设计要和用户研究紧密结合,是一个不断为最终用户设计满意视觉效果的过程。现在的软件用户对软件操作界面美观程度和使用方便性的要求越来越高,这也对很多软件公司对界面的设计制作提出了更高的要求,原来那些比较简陋的操作界面已经没有办法满足用户的视觉和交互需求,近年来在在国外,用户界面设计被重视起来,从事这项工作的人员有了一个新的称谓:InformationArchitecture,信息建筑师。它不仅仅是指“美工”,而是具有心理学、软件工程学、设计学等综合知识的人。参考文献:[1]米兰达?[M].桂林:广西师范大学出版社,2003[2]钱俊,[M].武汉:武汉大学出版社,2007界面设计教案模板范文第二篇摘要:界面设计这个词在当下已经并不陌生,它是信息时代到来的产物,人们都认为它就属于电子产品或虚拟产品,而事实上,界面设计一直存在于我们的生活中的每一个角落,除了大家所熟悉的电子产品和虚拟App产品界面设计之外,其实在产品设计①中,比如家具设计、电器产品设计等也都存在界面设计,本文正是从传统产品设计的角度出发,来论述在这样一个领域界面设计的定义及设计原则。关键词:产品设计;传统界面设计;设计原则1产品设计中界面设计的概念和方法事实上在我们所熟悉的传统的、实体的产品设计中也包含了界面设计。正如前面所提到的,电子产品领域里的界面设计是连接人与机器的中介,而针对本文所提到的传统的、实体产品设计领域的界面设计则是连接人与物(产品)的中介。在《辞海》里中介的定义是:“表征不同事物的间接联系或联系的间接性的哲学的概念。”简单地说,中介其实就连接两者之间的中间物,是它们之间的联系者。针对任何产品设计,其所呈现在用户眼前的任何一个角度或是操作平面,我们都可以把它定义为一个界面设计:一扇门、一个电器的操作面板(非电子屏幕)、一个桌面或者一个插线板的插孔面等等,这些都可以称之为界面,而作为产品设计师对这些界面进行设计的时候,都需要对界面上的元素的取舍、形状、大小、色彩以及位置的合理分布做非常仔细的设计,只有做到这样,才能称之为一个合格的产品设计。以家具设计这一产品设计领域为例,其实每一个家具产品的设计它也是有界面设计存在其中的,比如一个衣柜柜门的设计,我们可以把衣柜柜门这个矩形设定为一个界面,在这个界面上会因为其功能的需求有其必要的界面设计元素――衣柜的门把手,而这个门把手就像是现在大家所熟悉的电子产品界面设计中的图形符号元素一样,它的大小、形状、色彩以及它应该放置在柜门这个界面上的哪个位置都是需要非常严谨的去设计的,所以,其实界面设计并不是只存在于电子信息产品里,它同样存在于我们的工业产品中。所以本文中所论述的界面设计,是以传统的、实体产品设计领域为背景下的任何产品,它包含产品形态外观上相关元素的大小、形状、色彩以及界面上各元素之间的合理分布和排列的设计,其目的是为了让这一产品的使用更高效、易用、美观。产品设计中的界面设计的方法,一方面可以参考软件设计中界面设计方法去进行相关的设计工作,比如基本版面的色调把控、色彩搭配或者是界面布局等;另一方面,作为一个实体的产品设计,它有与虚拟的软件设计有所区分,所以在设计的时候也要结合实体产品的特点去进行设计。比如:为一款豆浆机进行主要按键区域的界面设计,因为按键数量较多,所以,为了便于用户操作,就需要首先对按键的功能做一个大的功能区域划分。一般的豆浆机操作按钮主要分为两个大功能区域:一个是主要操作功能按钮“选择”和“启动/取消”;另一个是“选择”按钮下的第二级操作按钮。这个界面设计,看似主要元素不多,只是几个功能按钮,但是,如果不做仔细的功能分类,用户将无从下手;而且不同功能分类的按钮在形状和颜色的设计也有所区分,而这些都不光光是为了界面美的需求,更重要的是便于用户上手使用,在多个功能按键里,快速地找到自己想要的操作按钮或读取到需要的信息。2产品设计中界面设计的原则确定了产品设计领域中界面设计的定义,那么在设计的过程中就需要遵循相关的设计原则,在产品设计领域中界面设计应该遵循的原则简单归纳如下四点:易识别性原则易识别性是指在任何的产品界面上的所有元素无论其排列布局还是外观形态以及功能的预设用途等都能让用户觉得一目了然,清晰明了,而不会让用户觉得困惑、无从下手。比如:现在的洗衣机操作面板的设计在满足易识别性这一原则的部分做的就非常不好。很多的洗衣机设计厂商在以给用户带来“多功能、多选择”产品的同时,却是以牺牲产品的易识别性原则为代价的!很多的洗衣机操作面板这一界面设计上几乎都密密麻麻地布满各种按键,这些按键在大小和形态上也都没有做明显的区分,只是在部分按键的下方加注一些文字提示,但是这并不能很好地提高易识别性。如何提高产品界面设计的易识别性可以从以下几个方面入手:第一,符合产品预设用途的外观设计。“预设用途是指物品被人们认为具有的性能及其实际上的性能,主要是指那些决定物品可以用来作何用途的基本性能。”[1]比如横向细长的门把手,我们会选择按压的方式来使用,而圆形球状门的把手,我们则会选择左右旋拧的方式来使用。所以,事实上在用户长久的日常生活积累中,对于产品界面中的一些功能元素的操作方式已经形成了一个固有的认知模式,作为设计师在设计这些界面元素的时候要尽可能的符合用户对这一产品或产品界面上的元素所对应功能或操作方式的预设使用心理,只有做到这一点,才能有效地提高产品的易识别性。第二,为产品的功能做减法。为产品的功能做减法,其实就是丢掉产品界面上多余的、不必要的或者是可有可无的“界面元素”,尽可能的呈现一个简洁的产品界面设计。现代的产品设计,大家都喜欢提倡“多功能”或者“一物多用”,觉得似乎只有做到了这一点,才是真正有创意的产品,所以就出现了本文前面所提到的洗衣机操作面板的例子。现在的洗衣机为了增加其买点或设计的创新点,经常为其增加多个功能选择,比如增加烘干的功能,比如在洗衣选项里添加棉麻、化纤、羊毛、丝绸、童装、混合洗、经济洗等多种选择,这一设计从表面上看是从用户的角度出发,为用户提供了多种选择,但是实际上却是在为用户增加选择负担!不同的功能就需要不同的按钮来进行操作和显示,功能越多就意味着按钮越多,而界面(面板)的大小是有限的,所以导致的直接结果就是让用户看到产品界面后就手足无措,无从下手!所以,产品并不是功能越多越好,一定要分析清楚,用户到底需要的是什么,要尽可能地为用户提前做好产品的功能筛选,化繁就简,让自己的产品界面清晰明了,便于用户识别!易用性原则关于易用性,国际标准化组织(ISO)对其定义为“……在特定环境中,特定的使用者实现特定的目标所依赖的产品的效力、效率和满意度。”简单地说,所谓“易用性”就是用来描述一个产品是否好用的意思。一般会将好用的产品定义为易用性较高的产品,同时也被认定为是友好的产品。总的来说,易用性就是描述产品和人之间的一种和谐关系度的描述。易用性原则主要是从符合用户的人体工学和使用认知****惯的角度出发来设计产品的界面。下面还是以大家日常生活中都经常使用的“门”这一物品作为案例来分析。门把手这一界面元素是门这一产品的界面设计中必不可少的一部分,那么它的设计如果要达到易用性的话,一方面要符合人手的基本尺寸,无论是大小(或是粗细),还是门把手位于门面上的高度,这些都需要经过严谨的数据调查和分析,结合人的基本尺寸来进行相关的设计,这部分就是从用户的人体工学角度出发去为产品的易用性服务;另一方面,门把手这一重要的设计元素所放置的位置以及它的形态所对应的操作方式等,就是从用户的使用认知****惯出发所做的易用性设计。这里所说的使用****惯或是认知****惯是指人们在日常生活中所积累的对于物的基本认知。比如:大部分用户都是以右手作为惯用手去操作产品,所以门把手的位置一般会放置在界面(门面)的左侧,便于右手的操作,这就是所谓的用户使用****惯;当门把手是圆球形的形状时候,用户会自然认为,开启的操作方式是抓取门把手后顺时针旋拧,如果设计师不按照这一固有的思维模式去设计,而将其设计为逆时针旋拧才可以打开,则不符合用户的固有认知模式,这种情况下,容易让用户困惑,进而无法正确操作,也就无法实现所谓的易用性原则。一致性原则一致性原则主要是指在产品的界面设计中,所有的界面元素应尽可能地采用统一的形态语言,统一的设计风格和统一的设计目标来完成设计工作。一个产品界面就如同一个程序界面,它需要在这个界面设计中确定统一的设计风格,比如:稳重的、活泼的、女性化的等等,在这个大的设计风格之下,再去选择统一的界面色调、造型元素等等。另外,针对传统的工业产品都有一个非常明确的产品功能,如空调的制冷、制热功能;洗衣机能把衣服洗干净并甩干的功能;手机可以通话、发短信的功能等,所以在此基础上,产品界面设计也需要为了满足共同的功能目标而进行统一的、一致性的设计。如下图1所示,是我们日常都非常熟悉的微波炉,如图所示的这个产品展示角度的界面是产品的主要界面,产品的核心功能基本上都集中在这个界面上,包括了微波炉柜门以及微波炉的主要操作界面这两个大的部分,根据我们的一致性原则,无论是柜门、门把手还是操作面板的设计风格、形态语言还是功能的展示以及操作使用,都需要进行统一,保持一致性。这里的一致性体现在门面和门把手采用同样的色彩即花纹装饰;门面、门把手和操作面板采用同样的材料和色调、操作面板的按钮设计风格和设计语言也保持统一等等,这些都能体现出其一致性的设计原则。审美性原则人们对美好事物的追求永恒不变的,所以产品设计中的界面设计也必须要符合审美性的原则。在一个产品的界面设计中,应该选择什么样的色调、形态语言以及界面元素应该以一种什么样的排列分布方式去呈现等,都需要设计师从审美性的原则上去仔细斟酌,以便能更好地体现这个产品的基本属性和设计特点以及设计品位。在满足工业产品的界面设计审美性原则这一点上,设计师可以从形式美法则入手,以此作为设计准则去处理产品界面设计审美性原则的满足。综上所述,产品设计中的界面设计其实并不是一个陌生的设计内容,只是在传统思维模式里,大家没有将其和界面设计进行联系,但事实是,作为一名产品设计师所做的任何一个产品的设计都包含界面设计的工作内容,如果能正视这一点,并在每一项的设计工作中都有意识地将界面设计的相关概念、方法和设计原则运用其中,一定会大大提高产品的实用性和易用性,不仅仅能给用户带来更好的视觉美的体验,更重要的是给用户带来良好的使用体验。