《UI界面设计》教案

1、教案课程名称： UI界面设计课堂教师：抽出时间：UI界面设计第1章UI的概要课题： UI的概要课堂教师：教育目标：本章让学生理解PS在中国的发展和PS的内容。教育重点：掌握PS在中国的发展，PS是什么。教育难点：掌握什么是BB。教育准备：教科书、参考图教育方法：授课、讨论、个案研究教材：上课时间： 8小时教育内容： PS在中国的发展，PS是什么？UI是用户界面(User Interface )的简称。 UI设计是指软件交互、操作逻辑和界面美丽的总体设计。 好的UI设计不仅有个性和品味软件，而且使软件操作舒适、简单、自由，充分表现软件的定位和特征。第一个UI是什么？软件设计分为编码设计和UI设计

2、两部分。虽然编码设计是众所周知的，但UI设计是还不知道的语言，专业网站和多媒体设计的人也完全不理解UI的意思。 UI的意图是用户界面，是英语的User和接口的缩写。 字面上是用户和接口两个构成要素，实际上也包括用户和接口之间的交互。在快速发展的电子产品中，界面设计工作有点受到重视。 做界面设计的“艺术”也被称为“UI设计师”或“UI工程师”。 其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要卖点。 一个电子产品有美丽的界面，能给人带来舒适的视觉享受，拉近人与商品的距离，为店做卖点。 界面设计不仅仅是美术绘画，他需要定位使用者、使用环境、使用方式，为最终用户设计，是科学确立的艺术设

3、计。 验证一个接口的标准既不是一个项目开发集团领导人的意见，也不是项目成员投票的结果，而是最终用户的感想。 因此，接口设计是与用户研究密切合作，为终端用户设计满意的视觉效果的过程。第二节PS设计师在做什么？在中国，PS设计是一个需要增长的设计领域，而eicodesign、Tigocn、lkkui design、Robin design等国内著名的设计机构已经进入了探索PS设计的道路。UI设计从工作内容分为三个方向。 这主要由PS研究的三个因素决定，分别是研究工具、研究者和界面的关系、研究者。研究界面图形设计器图形设计器.国内现在大部分PS工人都从事这个行业。 有些人称之为艺术，但实际上并不是单

4、纯意义上的美术工人，而是软件产品的产品外形设计师。这些设计师大多毕业于美术学校，其中大部分有美术设计教育背景，如工业设计、装饰设计、信息多媒体设计等。研究者和接口的关系交互设计器，交互设计器. interaction designer在图形界面诞生之前，UI设计师就指的是交互式设计者。 交互式设计师的工作内容包括设计软件的操作流程、树结构、软件结构和操作规格(spec )等。 软件产品在编码之前需要做的是交互设计，是确立交互模式、交互规格。交互设计师一般有很多软件工程师的背景。研究者用户测试/研究工程师User experience engineer所有产品为了保证质量都需要测试，软件代码需要

5、测试，自然UI设计也要测试。 这个测试和编码没有任何关系，主要测试交互设计的合理性和图形设计的美观。 测试方法一般采用焦点组，以目标用户问卷形式测量UI设计的合理性。 这个职位很重要，没有这个职位，PS设计的好坏只能靠设计师的经验和领导的审美来评价，给企业带来严重的风险。用户研究工程师心理学家文学背景合适。这些UI设计师是软件平面设计师、交互设计师和用户研究工程师。交互式设计器：“UI”的本义是用户界面，是英语的User和接口的缩写。 UI设计器是指从事软件交互、操作逻辑和界面的美丽的整体设计工作的人。工作内容：负责软件界面的美术设计、创造性工作和制作工作基于各种相关软件的用户群，提出了一种创

6、意新颖、迷人的创意设计优化页面，使用户的操作更有人情味保持现有的应用程序收集和分析用户对GUI的需求。第三节UI设计在中国的现状目前，国内PS还不知道，洛可可设计也在PS设计的道路上不断探索客户和客户的需求。 我们经常看招聘广告，写招聘界面艺术，界面美术设计师等。 这表明国内对UI的理解只停留在美术设计上，虽然认为UI的工作只是划线，不理解用户交互的重要性，但在软件开发过程中也存在重视技术，不应用的现象。 很多商家认为软件产品的核心是技术，而PS只是次要的补助，可以用人员的比例和待遇来表现。 但是，这不是UI设计的真正价值表现，而是UI设计发展的必要过程。 我们以物质产品的手机行业为例，手机刚

7、进入市场时，不仅价格惊人，除了通话以外还没有其他功能。 因为当时的主导是技术，所以着力于信号、待机时间、寿命等，对产品造型使用的合理性不太关心。 跨国界，现在技术完全达到用户的需求，商人为了创造卖点，提高竞争力，非常重视产品的外观设计，此外还频繁推出邮件、彩屏、和铉、彩信、相机等。 由此，产品的美丽、个性、易用性、易学性、人性等成为了产品的卖点。 软件产品和物质产品的发展是一样的。 以往，由于计算机硬件的限制，代码设计成为软件开发的代名词，虽然没有充分重视美丽亲和的图形界面和合理容易使用的对话方式，但实际上这个时期的软件不是软件产品，而是软件专业现在，随着计算机硬件的迅速发展，过去的软件程序无

8、法满足用户的要求。 软件产品在激烈的市场竞争中，光靠强大的功能是不够的，还不足以战胜强大的对手。 幸运的是，国内一些先进的民族企业已经开始意识到PS给软件产品带来的大卖点。 例如，金山公司的电影霸、语言霸、毒霸、网络标志，因为重视UI的开发和地位，金山产品是同类软件产品中最好的。 联想软件用户界面部门积极开展用户的研究和可用性测试，把易用性和美观结合起来，推出的双模式电脑、幸福系列等成功用户界面例子，为联想获得世界消费电脑第三名称号等，各商家都在为产品的美丽和使用其投入产出比对功能性先进开发的投入要大得多。我们必须承认，现阶段中国在许多领域与西方发达国家有很大差异，如何追赶和超越他们是我们一代

9、的历史使命。 软件产品领域没有物质产品那样的技术和材料制约，软件产品的核心问题是人。 提高软件UI设计师的个人能力减少人员差距是中国UI发展最重要的问题。目前国内各大学还没有建立比较健全的UI设计专业，提高UI设计者能力的关键是提供良好的学习和交流的资源环境。 国内已经有很多交流设计网站，介绍工业设计、平面设计、服装设计、绘画艺术、多媒体闪存等，但是IS设计一直没有受到关注，只放在数字设计和平面网页设计的专栏里， 这个唯一的资源不足以培养优秀的设计师，需要信息快、资源丰富、设计水平一流、专业权威的UI设计学习和交流的地方。第二章设计流程课题： UI设计流程课堂教师：王永吉教育目标：本章学习UI

10、设计的原则、让学生理解流程的方法。教育重点：掌握UI设计的原则、流程。教育难点：掌握UI设计流程。教育准备：教科书、参考图教育方法：授课、讨论、个案研究教材：上课时间： 8小时教育内容： UI设计原则、流程第一节UI设计原则1 .简易性接口的简洁。UI设计图像用户容易使用，容易理解，可以减少用户错误选择的可能性。2 .用户语言界面应该使用能反映用户自己的语言，而不是游戏设计师的语言。3 .最小化记忆负担人脑不是计算机，而是必须考虑人脑处理信息的界限来设计接口。 人类的短期记忆极为不稳定，有限，24小时内有25%的忘却率。 因此，对用户来说，阅览信息比存储更容易。4 .一致性是所有优秀界面都具备

11、的特征。 界面的结构必须清楚，风格必须与游戏的内容相符.5 .很清楚在视觉效果方面容易理解和使用。6 .用户熟练程度用户可以用已经掌握的知识使用界面，但不能超过一般常识。7 .从用户的角度考虑用户思考，做用户想做的事。 用户总是用自己的方法理解和使用。通过比较两个不同的世界(现实和虚拟)的东西，完成更好的设计。 比如说，书和竹简做了对比。8 .数组有秩序的界面让用户更容易使用。9 .安全性用户可以自由选择，所有的选择都是可逆的。 用户作出危险选择时有信息干预系统的提示。10 .灵活性简单地说，是让用户方便使用，但与上述不同。 交互式多功能不限于单个工具，如鼠标、键盘和手柄。11 .人性效率和用

12、户满意度是人性的表现。 需要专家和初学者的系统。 也就是说，用户可以根据自己的习惯来定制界面可以保存设置。第2节UI设计的流程目标用户的确认在洛可可的UI设计过程中，需求设计的作用决定了软件的目标用户，并获得最终用户和直接用户的需求。用户的交互必须考虑到目标用户差异引起的交互设计的要点差异.的问题。例如，科学用户和计算机入门用户的设计点不同。收集目标用户的习惯性交互根据目标用户的类型，有不同的交互习惯。 这种习惯的对话方式，大多来源于现有的软件工具的对话过程。当然，在此基础上，通过调查分析找到用户想达到的交互效果，并在过程中进行确认。用户提示和引导软件是用户的工具。 因此，用户需要操作软件来进

13、行控制。 软件对用户的动作和设置规则作出响应。向用户交互的结果和反馈提供用户的结果和反馈信息，并将用户需要的下一步操作引导给用户。一致性原则设计目标一致在软件中通常存在组成部分(组件、元素)。 不同组件之间的相互设计目标必须一致。例如，如果计算机操作的初级用户是目标用户，而接口逻辑的简化是设计目标，则该目标必须贯彻整个软件(包)，而不是本地。要素的外观一致交互元素的外观往往会影响用户的交互效果.的效果。 相同(类)软件采用一致的风格外观，有助于保持用户的焦点，改善交互效果。 遗憾的是，如何确认要素的外观一致，没有特别统一的测定方法。 因此，需要调查对象用户以获得反馈。相互作用一致在交互模型中，

14、当不同类型的元素用户触发相应的行为事件时，交互的行为必须一致.例如，需要用户确认操作的所有对话框至少包含两个按钮：确认和销毁。相互作用一贯性原则的极端理念是相同类型的相互作用要素引起的行为事件相同。 然而，大多数情况下，此概念是正确的，但反之亦然，以证明不遵循此概念，可以简化用户操作流。可用性原则能理解电脑软体在为用户使用时，用户必须理解软件的各要素对应的功能。如果用户不能理解，就需要提供非破坏性的方法，让用户通过操作那个要素来理解对应的功能。例如，删除操作元素。 用户可以点击删除操作按钮，提示用户删除操作的方法或是否确认删除操作，用户能够更详细地理解与该要素对应的功能，取消操作。可以到达用户

15、是对话的中心，对话元素对应用户需要的功能。 因此，交互元素必须能够由用户控制.用户可以通过使用键盘、鼠标等交互设备移动和触发现有的交互元素，来到达以前未显示或不交互的其他交互元素.的目的名称是什么？请注意，交互的次数会影响可达到的效果。 如果功能被深深隐藏(通常超过4层)，用户到达该元素的概率会大大降低。可以实现的效果也与接口设计有关。 太复杂的界面会影响可达到的效果。 (参见简单的指南原则)可控制软件的交互流程可以由用户控制。功能的执行流程是由用户控制的。如果无法实际提供控制，则以目标用户能够理解的方式向用户提示。第三章案例演示鉴赏与分析课题：欣赏和分析UI设计案例演示课堂教师：王永吉教育目

16、标：在本章中，我们将了解UI设计的案例，并学习欣赏和分析。教育重点：掌握UI设计案例展示鉴赏和分析。教育难点：掌握UI设计案例展示鉴赏和分析。教育准备：教科书、参考图教育方法：授课、讨论、案例研究教材：上课时间： 8小时教育内容： UI设计图标、输入法、播放器、界面第1部分的图标图标是具有显式意义的计算机图形。 其中桌面图标是软件id，接口图标是功能id。图标分为广义和狭义广义有意义的图形符号具有高度浓缩、迅速传递信息、容易记忆的特性。 应用范围很广，硬件和软件网站的社交场所随处可见。 例如，男女厕所的标志和交通标志等。狭义上应用于计算机软件，包括程序识别符、数据识别符、命令选择、模式信号或切换开关、状态指示等。图标是一个小图像和对象，代表文件、程序、网页和命令。 图标允许用户快速执行命令，并打开程序文件。您可以使用该图标来打开程序文件。 图标，或双击以执行该命令。的。 图标