-
图形用户界面Graphical User Interface GUI
又称为WIMP界面，由窗口window、图标icon、菜单menu、指点设备pointing device形成桌面。
第二代人机交互界面
特点是以窗口管理系统为核心，使用键盘和鼠标作为输入设备。窗口管理系统除基于可重叠多窗口技术外，广泛使用的是事件驱动技术。
进一步综合采用视觉、语音、手势等新的交互通道、设备和技术。使用户利用多个通道以自然、并行、协作的方式进行人机对话。
2.图形用户界面（第一版 P61）
（1）主要思想
定义：
桌面隐喻是指在用户界面中用人们熟悉的桌面上的图例清楚地表示计算机可以处理的能力。
表现方法：静态图标、动画和视频
直接隐喻：隐喻本身就带有操纵的对象
，如Word绘图工具中的图标，每种图标分别代表不同的图形绘制操作
工具隐喻：代表所使用的工具
，如用磁盘图标隐喻存盘操作、用打印机图标隐喻打印操作等，这种隐喻设计简单、形象直观，应用也最为普遍
过程隐喻：其通过描述操作的过程来暗示该操作
，如Word中的撤销和恢复图标
-
所见即所得（What You See Is What You Get，WYSIWYG）
在WYSIWYG交互界面中显示的用户交互行为与应用程序最终产生的结果是一致的。例如以粗体显示的文本打印出来依旧是粗体显示。
-
直接操纵(direct manipulation)
可以把操作的对象、属性、关系显示的表示出来，用光笔、鼠标、触摸屏或数据手套等指点设备直接从屏幕上获取形象化命令与数据的过程。直接操纵的对象是命令、数据或是对数据的某种操作。
直接操纵的对象是动作或数据的形象隐喻
，形象隐喻应该与其实际内容相近，使用户能通过屏幕上的隐喻直接想象或感知其内容。
用指点和选择代替键盘输入
，操作简便，速度快捷。
操作结果立即可见
，用户可以及时修正操作，逐步往正确的方向前进。
支持逆向操作
，用户在使用系统的过程中，不可避免地会出现一些操作错误，通过逆向操作，用户可以很方便地恢复到出现错误之前的状态。
借助物理的、空间的或形象的表示，而不是单纯的文字或数字的表示。
不具备命令语言界面的某些优点
，例如从用户界面设计者角度看，设计图形比较繁琐，需进行大量的测试和实验。
表示复杂语义、抽象语义比较困难
。
（2）设计原则
Ø 一般性原则
-
一致性：在同一用户界面中，所有的菜单选择、命令输入、数据显示和其他功能应保持风格的一致性。
-
常用操作要有快捷方式：不仅会提高用户的工作效率，还使界面在功能实现上简洁而高效。
-
提供必要的错误处理功能：在出现错误时，系统应该能检测出错误，并且提供简单和容易理解的错误处理功能
-
对操作人员的重要操作要有信息反馈
-
操作可逆
-
良好的联机帮助
-
合理高效使用显示屏
-
信息显示方式与数据输入方式协调一致。
Ø 颜色
-
限制同时显示的颜色数.
-
画面中活动对象的颜色应鲜明，而非活动对象应暗淡。
-
尽量避免不相容的颜色放在一起，如黄与蓝，红与绿等，除非作对比时用。
-
若用颜色表示某种信息或对象属性，要使用户理解这种表示，并尽量采用通用的表示规则。
Ø 图标
-
图形应该和目标的外形相似。尽量避免过于抽象。
-
附加上简要的文本标注，使用户明确图标的含义。
-
尽可能简单，符合常规的表达习惯，保持图标含义的前后连贯。
Ø 按钮
设计按钮应具有交互性，具有3-6中状态效果；属于一个群组的按钮风格应该一致。
Ø 屏幕布局
平衡原则、预期原则、经济原则、顺序原则、规则化
Ø 菜单界面
菜单的结构：
单一菜单：几个选项中做出选择
线状序列菜单：一组相关联的菜单组合在一起，例如Word的字体页面
树状结构菜单（最常见）：把选项划分为若干类，类似的选项组成一组，形成一个树状结构。
网状结构菜单：允许用户在父辈菜单与子菜单之间切换，而不必重新回到父辈菜单然后再转到子菜单，例如超链接。
Ø 填表界面
填表输入界面有以下的特点：
有明确的提示，使用户可以不需要学习、训练，也不必记忆有关的语义、语法规则；
充分地利用了屏幕空间；
充分利用上下文信息，帮助用户完成输入。
用光笔、鼠标、触摸屏或数据手套等指点设备直接从屏幕上获取形象。化命令与数据的过程。直接操纵的对象是命令、数据或是对数据的某。直接操纵是指可以把操作的对象、属性、关系显式地表示出来，指在用户界面中用人们熟悉的
桌面
上的图例清楚地表示计算。显示的用户交互行为与应用程序最终产生的结果是一致的。静态图标、动画、视频。
回顾
人机交互
的发展历程，从命令行界面到图形用户界面，再到如今的自然交互和智能交互，每一次变革都推动着人类与计算机之间的沟通方式不断进化。它在智能家居、智能医疗、智能交通等众多领域的广泛应用，让我们的生活变得更加便捷、高效和舒适。
1）实验内容:
要求根据 Web
界面设计
的原则(简洁、一致性、对比度)，进行 Web 界面规划、
概要设计和设计要素的选择，利用一种
界面设计
工具(Axure/HTML5/Dreamweaver
/ Frontpage)完成网页设计...
HMI设计是指人机
界面设计
（Human Machine Interface Design）的缩写，它是指设计师通过图形化的方式将人与机器之间的交互过程进行可视化的设计。HMI设计旨在提供用户友好的界面，使用户能够轻松地与机器或系统进行交互和操作。HMI设计通常应用于各种设备和系统，如工业自动化设备、机器人、汽车导航系统、智能家居控制面板等。好的HMI设计可以提高用户的工作效率、降低错误率，并提供直观、易于理解的界面。
在计算中，
桌面
环境(DE)是
桌面
隐喻
的一种实现，由运行在计算机操作系统之上的一组程序组成，这些程序共享一个通用的图形用户界面(GUI)，有时被描述为图形外壳。在移动计算兴起之前，
桌面
环境主要出现在个人电脑上。
桌面
GUI帮助用户轻松访问和编辑文件，但它们通常不提供对底层操作系统中所有功能的访问。取而代之的是传统的命令行界面当需要完全控制操作系统时，仍然使用(CLI)。
桌面
环境通常由图标、窗口、工具栏、文件夹、壁纸和
桌面
小部件组成（请参阅图形用户界面和WIMP的元素）。
本平台利用Tkinter模块搭建了一个人工智能系统界面，用户在界面按下按钮或者输入文本框内容，可以与系统进行数据交互，使用户能够在一个界面就完成本平台基本的Python程序功能。
提供简单的错误处理、对操作人员的重要操作要有信息反馈、操作可。图标设计是方寸艺术，需要在很小的范围内表现出图标的内涵。放在上面时的状态、点击后鼠标未放在上面时的状态、不能点击时的。或几种类型的选项：命令项、菜单项和窗口项。） 菜单界面的设计：菜单在图形界面的应用程序中使用得非常普。图标的设计：图标是可视地表示实体信息的简洁、抽象的符号。单一菜单、线状序列菜单、树状结构菜单、网状结构菜单等，其中。点击时的状态、鼠标放在上面但未点击的状态、点击前鼠标未。颜色的使用：颜色是一种有效的强化手段，同时具有美学价。
课程体验报告级计算机科学与
技术
课程名称，
人机交互
，讲师，老师，学生，姓氏，名称，编号，测试，日期，现场测试，现场测试和测试结果学校事务系统月，日，OO实验项目名称人机
界面设计
实验1)熟悉人机
界面设计
的基本概念和基本内容. 目的与要求2)通过互联网搜索和浏览，了解网络环境下主流的人机
界面设计
网站，掌握通过网站不断丰富最新的人机
界面设计
知识的学习方法，通过网站的协助与支持计算机
界面设计
与应用实践. 实...
(1) 使用掌握的计算机语言完成图形界面的设计，熟悉图形用户
界面设计
的原则并运用到设计中。
(2) 通过用户友好界面的设计，使学生深刻体会到以用户为中心的
界面设计
的重要性，提高独立完成
界面设计
的能力，为今后诸多课程设计打下一定的基础。
(1) 图形界面的设计可使用学过的语言来实现，可选VC++、C#、Web开发
技术
等。学生自选题目开发。图形
界面设计
包括颜色的使用、图标的设计、按钮的设计、屏幕布局的设计、菜单界面的设计、填表输入界面的设计等。We
