《UI界面设计》教案

有用标准文档有用标准文档教教案课程名称：UI授课教师：制订时间：UIUI综述课 题：UI综述授课教师：教学目标：通过本章学习使学生了解UI在中国的进展，以及UI的是什么。教学重点：把握UI在中国的进展，以及UI是什么。教学难点：把握UI是什么。教学预备：课本、参考图形教学方法：讲授、争辩、案例分析教 材：教学时间：8课时教学内容：UI在中国的进展，以及UI是什么UI即UserInterface(用户界面)的简称。UI设计则是指对软件的人机交互、操作规律、界面美观的整体设计。好的UI设计不仅是让软件变得有共性有品尝，还要让软件的操作变得舒适、简洁、自由,充分表达软件的定位和特点。UI是什么软件设计可分为两个局部：编码设计与UI设计。有用标准文档编码设计大家都很生疏，但是UI设计还是一个很生疏的词，即使一些特地从事网站与多媒体设计的人也不完全理解UI的意思。UI的本意是用户界面，是英文User和interface的缩写。从字面上看是用户与界面2个组成局部，但实际上还包括用户与界面之间的交互关系。“美工”也随之被称之为“UI设计师”或“UI工程师”的标准既不是某个工程开发组领导的意见也不是工程成员投票的结果，而是终端用户的感UI设计师是做什么的UI设计还是一个需要不断成长的设计领域eicodesign,Tigocn,lkkuiRobindesign等国内知名设计机构已经进入了探究UI设计的道路。UI设计从工作内容上来说分为3个方向。它主要是由UI3个因素打算的，其分别是争辩工具，争辩人与界面的关系，争辩人。争辩界面GraphicUIdesigner国内目前大局部UI工作者都是从事这个行业。也有人称之为美工，但实际上不是单纯意义上的美术工人，而是软件产品的产品外形设计师。有用标准文档有用标准文档设计，装潢设计，信息多媒体设计等。争辩人与界面的关系交互设计师，interactiondesigner在图形界面产生之前，长期以来UI设计师就是指交互设计师。交互设计师的工作内容就是设计软件的操作流程，树状构造，软件的构造与操作标准〔spec〕等。一个软件产品在编码之前需要作的就是交互设计，并且确立交互模型，交互标准。交互设计师一般都是软件工程师背景居多。争辩人用户测试/争辩工程师Userexperienceengineer任何的产品为了保证质量都需要测试，软件的编码需要测试，自然UI设计也需要被测试。这个测试和编码没有任何关系，主要是测试交互设计的合理性以及图形设计的美观性。测试方法一般都是承受焦点小组，用目标用户问卷的形式来衡量UI设计的合理性。这个职位很重要，假设没有这个职位，UI设计的好坏只能凭借设计师的阅历或者领导的审美来评判，这样就会给企业带来严峻的风险性。用户争辩工程师一般是心理学人文学背景比较适宜。综上所述UI设计师就是：软件图形设计师、交互设计师和用户争辩工程师。其中交互设计师：“UIUser和interfaceUI设计师则指从事对软件的人机交互、操作规律、界面美观的整体设计工作的人。工作内容：负责软件界面的美术设计、创意工作和制作工作；依据各种相关软件的用户群，提出构思颖、有高度吸引力的创意设计；对页面进展优化，使用户操作更趋于人性化；维护现有的应用产品；收集和分析用户对于GUI的需求。UI设计在中国的现状目前在国内UIUI设计的道路上不断探究UIUI户交互的重要性的理解；另一方面在软件开发过程中还存在重技术而不重应用的现象。很多商家认为软件产品的核心是技术，而UI仅仅是次要的关心，这点在人员的比例与待遇上可以表现出来。但这不是UI设计真正的价值表达，只是UI设计进展的一个必经过程。我们以物短信,彩屏，和铉，彩信,摄像头等等。这样一来产品的美观、共性、易用、易学、人性化等没有得到充分的重视，实际上这个时期的软件叫作软件程序，而不是软件产品。在国内一些高瞻远瞩的民族企业已经开头意识到UI给软件产品带来的巨大卖点了，例如金山公司的影霸、词霸、毒霸、网标，由于重视UI的开发与地位，才使得金山产品在同类软件产品中首屈一指。联想软件的UI部门乐观开展用户争辩与使用性测试，将易用与美观相结合，推出的双模式电脑、幸福系列等成功UI范例，为联想赢得全球消费PC第三的称号等等、等等.实践证明，各商家只要在产品美观和易用设计方面很小投入，将会有很大产出。其投入产出比，要比在功能领先性开发上的投入大得多。我们不得不成认现阶段中国在很多领域都与西方兴盛国家有相当大的差距的限制，软件产品核心问题就是人。提高软件UI设计师个人力气减小人员上的差距是中国UI进展首要关键的问题。目前国内各院校还没有设立相对健全的UIUI设计师力气关键在于面设计、服装设计、绘画艺术、多媒体flash等，但是UI设计始终没有受到应有的关注，仅仅被放在数码设计或者平面网页设计的一个栏目里不够的，必需有一个信息快捷、资源丰富、设计水平一流、专业权威的UI设计学习与沟通的地方才能适应日益进展的UI设计师们的需求。有用标准文档课 题：UI设计流程授课教师：汪永吉教学目标：通过本章学习使学生了解UI设计原则、流程。教学重点：把握UI设计原则、流程。教学难点：把握UI设计流程。教学预备：课本、参考图形教学方法：讲授、争辩、案例分析教 材：教学时间：8课时教学内容：UI设计原则、流程第一节UI设计原则简易性界面的简洁UI是要让用户便于使用、便于了解、并能削减用户发生错误选择的可能性。用户语言界面中要使用能反响用户本身的语言，而不是玩耍设计者的语言。记忆负担最小化24小时内存在25%全都性有用标准文档有用标准文档全都。清楚在视觉效果上便于理解和使用。用户的生疏程度用户可通过已把握的学问来使用界面，但不应超出一般常识。从用户的观点考虑想用户所想，做用户所做。用户总是依据他们自己的方法理解和使用。通过比较两个不同世界(真实与虚拟)的事物，完成更好的设计。如：书籍比照竹简。排列一个有序的界面能让用户轻松的使用。安全性系统的提示。机敏性具(包括鼠标、键盘或手柄)。人性化己的习惯定制界面，并能保存设置。UI设计的流程确认目标用户在洛可可的UI设计过程中，需求设计角色会确定软件的目标用户，猎取最终用户和直接用户的需求。用户交互要考虑到目标用户的不同引起的交互设计重点的不同。例如：对于科学用户和对于电脑入门用户的设计重点就不同。采集目标用户的习惯交互方式不同类型的目标用户有不同的交互习惯现实的交互流程、已有软件工具的交互流程。固然还要在此根底上通过调研分析找到用户期望到达的交互效果，并且以流程确认下来。提示和引导用户规章。步操作。全都性原则设计目标全都软件中往往存在多个组成局部〔组件、元素。不同组成局部之间的交互设计目标需要全都。标需要贯彻软件〔软件包〕整体，而不是局部。元素外观全都交互元素的外观往往影响用户的交互效果。同一个〔类软件承受全都风格的外观，对的衡量方法。因此需要对目标用户进展调查取得反响。交互行为全都在交互模型中，不同类型的元素用户触发其对应的行为大事后，其交互行为需要全都。例如：全部需要用户确认操作的对话框都至少包含确认和放弃两个按钮。对于交互行为全都性原则比较极端的理念是一样类型的交互元素所引起的行为大事相这个理念设计，会更加简化用户操作流程。有用标准文档可用性原则可理解软件要为用户使用，用户必需可以理解软件各元素对应的功能。的操作，理解其对应的功能。认删除操作，用户可以更加具体的理解该元素对应的功能，同时可以取消该操作。可到达此之前不行见或者不行交互的交互元素。〔一般来说超过4层〕那么用户到达该元素的几率就大大降低了。可到达的效果也同界面设计有关。过于简洁的界面会影响可到达的效果〔参考简洁导向原则〕可把握软件的交互流程，用户可以把握。功能的执行流程，用户可以把握。假设确实无法供给把握，则用能为目标用户理解的方式提示用户。有用标准文档课 题：UI设计案例呈现欣赏与分析授课教师：汪永吉教学目标：通过本章学习使学生了解UI设计案例呈现欣赏与分析。教学重点：把握UI设计案例呈现欣赏与分析。教学难点：把握UI设计案例呈现欣赏与分析。教学预备：课本、参考图形教学方法：讲授、争辩、案例分析教 材：教学时间：8课时教学内容：UI设计图标、输入法、播放器、界面；第一节图标有用标准文档有用标准文档能标识。图标分为广义和狭义两种：广义很广，软硬件网页社交场所公共场合无所不在，例如：男女厕所标志和各种交通标志等。狭义状态指示等。一个图标是一个小的图片或对象，代表一个文件，程序，网页，或命令。图标有助于用快速呈现内容。全部使用一样扩展名的文件具有一样的图标。图片有不同的格式。从这一点上说图标是三维的。图标还有另一个特性：它含有透亮区域，在透亮区域内可以透出图标下的桌面背景。在构造上图标其实和麦当劳的巨无霸汉堡差不多。计算机操作系统和显示设备的多样性，导致了图标的大小需要有多种格式。象素区分的图像。假设你用的是Windows98操作系统，显示环境是800x600区分率，32位色深，256色32x32象素大小。假设在一样的显示环境下，WindowsXP操作系统中，这些图标的图像格式就是：真彩色〔32位色深〕32x32象素大小。下面就是Windows单位：大小象素—颜色〕Windows98SE/ME/202348x48-25632x32-25616x16-25648x48-1632x32-1616x16-16WindowsXP48x48-32bit32x32-32bit24x24-32bit*16x16-32bit48x48-25632x32-25624x24-256*16x16-25648x48-1632x32-1624x24-16*16x16-16*这种格式在XP图标中并不是必需的。留意：Windows98/202324x24格式的图标不兼容。你可以在相关应用软件中翻开含有以上所列的图像格式来获得良好的显示效果格式，它总是承受最接近的图像格式来显示，比方把大小为48x48的图标缩小为24x24象素大小。固然，效果就差些了。不同的操作系统版本Windows95，Windows98，WindowsME，Windows2023·48x48〔25616色〕32x32〔25616色〕16x16〔256色，16色〕.·32x32〔25616色〕16x16〔25616色〕.WindowsXP·48x48〔RGB/A25616色〕32x32〔RGB/A25616色〕24x24〔RGB/A25616色〕16x16〔RGB/A25616色〕·32x32〔的RGB/A25616色〕16x16〔RGB/A256色，16色〕.·可选：128x128〔的RGB/A〕WindowsVista?·256x256〔RGB/A〕64x64〔RGB/A〕48x48〔RGB/A25616色〕32x32〔RGB/A25616色〕24x24〔RGB/A256色，16色〕16x16〔RGB/A25616色〕·256x256〔RGB/A〕48x48〔RGB/A256色〕，32x32〔RGB/A，256色〕16x16〔RGB/A256色〕·256x256〔25616色〕64x64〔25616色〕此画面为手机的操作系统的图标。同学们主要在以下几个方面来考虑：造型；颜色；艺术性；制造性；统一性；我收集了一些图标的文件，我们接下来可以共享一下。其次节输入法设计〔如手机合来完成汉字的输入的。中文热门输入法搜狗拼音输入法：20236月由搜狐〔SOHU〕公司推出的一款Windows平台下的国国内现今主流汉字拼音输入法之一，奉行永久免费的原则。QQ拼音输入法：QQ的皮肤来转变自身的皮肤。有用标准文档同学们主要在以下几个方面来考虑：造型；颜色；艺术性；制造性；统一性；我收集了一些图标的文件，我们接下来可以共享一下。第三节手机界面设计同学们主要在以下几个方面来考虑：有用标准文档造型；颜色；艺术性；制造性；统一性；我收集了一些图标的文件，我们接下来可以共享一下。有用标准文档第四节播放器同学们主要在以下几个方面来考虑：造型；颜色；艺术性；制造性；统一性；我收集了一些图标的文件，我们接下来可以共享一下。有用标准文档第五节系统界面同学们主要在以下几个方面来考虑：造型；颜色；艺术性；制造性；统一性；我收集了一些图标的文件，我们接下来可以共享一下。有用标准文档第四章UI界面分析与设计课 题：UI