交互图标和交互控制

合集下载

人机交互中的交互设计规范与标准

人机交互中的交互设计规范与标准近年来，随着科技的发展和普及，人机交互已经成为了现代社会中不可或缺的一部分。

与此同时，越来越多的交互设计师、产品经理和工程师也开始关注与研究人机交互的规范和标准。

因为遵循和执行这些规范和标准，不仅可以提高用户的使用体验和满意度，还可以有效地降低产品的开发、维护和更新成本。

本文将介绍一些人机交互中的交互设计规范与标准。

一、人机交互的基本原则在了解具体的交互设计规范和标准之前，必须了解人机交互的基本原则。

这些原则是指导交互设计的基石，包括：1. 界面应该简单明了，让用户可以一眼明白如何使用；2. 界面应该尽可能地反映系统的结构和功能；3. 界面应该与用户的经验和习惯相符合；4. 界面应该具有可访问性，也就是方便残障用户使用；5. 界面应该支持用户操作的撤销和重做；6. 界面应该提供帮助和反馈，以引导用户完成任务。

二、图标和按钮的设计在人机交互中，图标和按钮是用户与系统进行交互的主要手段之一。

因此，设计合适的图标和按钮至关重要。

以下是一些有关图标和按钮设计的规范和标准：1. 功能相似的按钮应该有一致的外观和行为。

2. 图标和按钮应该有清晰的标签和提示文字，以帮助用户理解它们的功能。

3. 图标应该尽量避免过于复杂和具体，应该更加符合用户的直觉和经验。

4. 按钮的颜色和大小应该与其重要程度和使用频率相匹配。

5. 在相同界面中，应该尽量避免出现太多的图标和按钮，以免用户感到混乱和困惑。

三、文本和排版文本和排版是人机交互中不可或缺的一部分。

下面是一些有关文本和排版的规范和标准：1. 关注“4C”原则，即一致性、清晰、准确和简洁。

2. 尽量避免使用过多的专业术语和难懂的缩写，应该更加符合用户的语言习惯和口味。

3. 选择好的字体和字号，以方便用户在各种不同的设备上阅读。

4. 排版应该尽量清晰简洁，并且遵循良好的设计风格和结构。

5. 对于长篇文本，应该使用标题、段落、列表等来使得信息更加易于理解和阅读。

多媒体简答题

1.促使多媒体技术发展的关键技术有哪些？答：（1）CD-ROM解决了多媒体信息的存储问题。

（2）高速计算机网络可以传送多媒体信息。

（3）高速位处理技术、专用集成电路技术和亚微米集成电路技术。

（4）多媒体压缩技术、人机交互技术和分布式处理技术。

2.简述多媒体计算机技术的特性。

答：集成性、交互性、实时性、高质量。

3.多媒体系统的由哪几个部分组成？答：（1）计算机硬件；（2）多媒体计算机所配置的硬件；（3）多媒体I/O控制及接口；（4）多媒体的核心系统；（5）创作系统；（6）应用系统。

4.什么是超文本？答：由信息结点和表示信息结点间相关性的链构成的一个具有一定逻辑结构和语义的网络。

5.什么是空域相关？答：一帧画面是由若干个像素组成的，在每一帧内的相邻像素之间相关性很大，有很大的信息冗余量，这叫做空域相关。

6.什么是时域相关？答：因为电视图像通常反映的是一连续的过程，它的相邻的帧之间也存在很大的相关性，在这些相邻的帧之间也存在很大的冗余量，这叫做时域相关。

7.数据压缩的指标是什么？答：压缩前后信息存储量之比、实现压缩的算法要简单，压缩、解压速度快、要尽可能的完全恢复原始数据。

8.音频的准备工作有哪些？答：（1）选择音源；（2）录制数字音频；（3）音频的编辑和存储；（4）选择音频播放的硬件。

9.产生失真的原因及解决方法？答：（1）信号频带宽，但采样频率不够高，数字音频信号发生重叠。

为避免这个问题，应选择与信号相匹配的采样率，最好以尽可能高的采样频率来记录数字音频。

（2）模拟音频信号幅度太大，超过了量化器范围。

解决方法是可以调整音源的输出幅度或调节采集卡输入放大器的增益，也可选用音频卡的LINE输入端，而不用microphone输入端。

10.多媒体开发工具的类型有哪些？请举例。

答：（1）基于时间的创作工具，如Director。

（2）基于图标或流线的创作工具，如Authorware。

（3）基于卡片或页面的工具，如ToolBook。

第七章交互图标

交互分支的属性设置
“Erase(擦除）”选项：在下一次输入后(After Next Entry ）：在进入下一个分支后擦除。在下一次输入前（ Before Next Entry ）：在进入下一个分支前擦除。在退出时（On Exit ）：在退出交互图标时擦除。不擦除（Don’t Erase ）：不擦除，直到使用擦除图标将其擦除。
第七章交互图标
一、交互图标概述 • 交互图标是Authorware最具特色的图标之一。它提供多达11种交互类型，使用户可以通过输入文本、单击按钮、选择菜单、进入热区、拖动热对象等灵活多样的操作方式与作品进行实进的交互。
创建交互的基本操作 • 示例7.1
创建交互的基本原则
1、一个交互图标必须有一个或多个分支，否则没有使用它的理由。 2、交互图标若附有多个分支，各分支可以采用不同的交互响应类型。 3、一个分支生成后，该分支的响应以及各种相关的设置将具有继承性，也就是说，当建立下一个分支时，会自动地采取前一个分支的响应类型和有关设置。 4、交互图标的右侧不能放置其他交互图标、框架图标和分支图标，如果程序需要，可以先放置一个群组图标，然后在群组图标里放置这些图标。
交互分支的属性设置
Status（状态）选项：不判断（ No Judged ）：对本次响应的正确与否不作判断。正确响应（Correct Response ）：将本次响应设置为正确的响应。错误响应（Wrong Response ）：将本次响应设置为错误码的响应。
二、按钮响应型交互
三、热区域交互响应
创建交互的基本原则 5、交互图标本身具有显示功能，与交互有关的视觉内容可在交互图标中生成。 6、如果要使一个交互在程序运行中始终起作用，应当将其设为永久性交互。

Authorware电子教案：第六章

6.2.2 热区域交互
所谓热区指的是在演示窗口中的一个矩形区域，利用此区域可以得到相应的反馈信息。和按钮响应相比，这种响应类型更容易与背景风格协调一致。将一个交互图标拖动到主流程线上后，在其右侧放入显示图标或群组图标，设置为“热区”交互。可设置相应的执行内容。热区可任意的放大缩小，也可放在任何位置。它作为一个接触点通过鼠标的动作产生响应，用来指示触点。
6.2.1 按钮交互
按钮：可任意的放大缩小，也可放在任何位置，甚至可设置文本的颜色、大小以及置入图片和导入声音。这在以后的实例中会学到。以下显示按钮交互的属性。（1）现在先来介绍一下【按钮】选项卡，它用于设置按钮响应的外观。其中： “大小”文本框：设置按钮的大小，其中X表示按钮的宽度，Y 表示按钮的高度。虽然在“演示”窗口中拖动控制点也可以改变按钮的大小，但这里的调整更为精确。 “位置”文本框：设置按钮的位置，其中X，Y分别表示按钮左上角在“演示”窗口中的横、纵坐标。虽然在“演示”窗口中拖动按钮也可以改变目标区域的位置，但这里的调整更为精确。 “标签”文本框：作为响应图标的标题及按钮的标题。
6.1.3 交互响应的属性设置
三、“状态”的属性设置： “状态”下拉列表框：仅仅用于标记编辑窗口中的响应图标，以便于用户调试程序和另外的用户读懂该程序。其中的三个选项“正确响应”、“错误响应”和“不判断”分别对应响应图标名称左边的“+”，“-”和空格，出现加号表示状态选项被设置为“正确响应”，出现减号表示状态选项被设置为“错误响应”，什么都没出现表示状态被设置为“不判断”。用户不要误以为这些“+”和“-”是图标命名时加进去的. “计分”文本框：其中输入的数值和表达式与系统变量“TotalScore”相互作用，可以在演示窗口中显示用户的得分。在整个程序的运行过程中，每当计算机进入一个交互分支读取程序，系统就会将系统变量“TotalScore” 的值在原有的基础上再加上该响应的“计分”文本框中数值或是表达式的值。

Authorware 交互图标的属性

Authorware 交互图标的属性与其他类型的图标类似，用户也可以通过【交互】图标的【属性】面板，设置其各种具体属性。

选中【交互】图标后，即可在【交互】图标的【属性】面板中，查看其基本交互属性以及4种选项卡，如图5-10所示。

图5-10 【交互】图标的【属性】面板1．基本交互属性基本交互属性是主要包括【交互】图标的名称、交互文本区域设置等两个部分。

●【交互】图标的名称在Authorware中，用户可以为每一个【交互】图标设置一个唯一的图标名称，供Auth orware或JavaScript等脚本语言调用。

●【文本区域】按钮用户可以为【交互】图标添加一个交互作用的文本字段，根据文本字段的输入情况，执行相应的指令。

在【交互】图标的【属性】面板中，单击【文本区域】按钮后，即可打开【属性：交互作用文本字段】对话框，并在该对话框中设置文本字段的属性。

2．交互作用文本字段的属性在【属性：交互作用文本字段】对话框中，用户可以方便地设置文本字段的属性，并将其插入到各种图标中，例如【显示】图标等，如图5-11所示。

图5-11 设置交互作用文本字段的属性打开【属性：交互作用文本字段】对话框后，即可查看器包括的3个选项卡，如下。

●版面布局【版面布局】选项卡的作用是设置交互作用文本字段在应用程序中的基本属性，包括如下几种选项。

◆大小定义文本字段的大小，单位为像素。

其中第一个输入文本域设置宽度，第二个输入文本域设置高度。

◆位置定义文本字段在应用程序中的位置。

其中第一个输入文本域定义横坐标，第二个输入文本域定义纵坐标。

◆字符限制定义文本字段中允许用户输入的字符数量。

◆自动登录限制定义禁止用户设置自动输入内容并登陆系统。

●交互作用交互文本字段【交互作用】选项卡用于设置文本字段在交互行为发生时的一些属性，如图5-12所示。

图5-12 【交互作用】属性在【交互作用】属性的对话框中，主要包括以下几种属性。

◆作用键定义发生交互作用时所使用的快捷键◆输入标记选项定义是否允许用户输入标记◆忽略无内容的输入选项定义如未输入文本内容则忽略该文本字段◆退出时擦除输入的内容选项定义鼠标光标滑开时清楚文本字段的内容●文本【文本】选项卡的作用是设置文本字段中文本的样式属性，如图5-13所示。

《Authorware7.0多媒体课件制作案例教程》课件 001 多媒体课件基础知识

7.1 认识交互结构和交互图标
7.1.3 设置交互图标属性
“选项”选项区用于设置在退出交互结构之前是否暂停，以使用户看清显示内容及反馈信息。 “在退出前中止”复选框：勾选该复选框后，在退出交互结构前会暂停程序，当用户单击或按任意键后退出交互结构。 “显示按钮”复选框：在勾选了“在退出前中止”复选框后该复选框才可选，勾选“显示按钮”复选框后，在退出交互结构前会出现一个“继续”按钮，单击“继续”按钮后才会退出交互结构。
“交互类型”对话框
交互图标——制作交互课件（一）
7.1 认识交互结构和交互图标
7.1.2 典型案例——制作看图识字交互课件
下面通过制作一个看图识字交互课件，使读者对交互结构及交互类型有一个更深的认识。
首先创建Authorware文件并设置文件属性；然后在流程线上添加显示图标并导入背景图像；在流程线上添加交互图标，在交互图标右侧添加4个显示图标，并将其交互类型设为“按钮”，再对显示图标进行命名；接着分别在4个显示图标中导入相应图像，并调整图像位置；最后保存文件并观看课件播放效果。本例具体操作可参考书中步骤。
7.1 认识交互结构和交互图标
7.1.3 设置交互图标属性
4．“CMI”选项卡
“CMI”选项卡中包含了设置计算机管理教学（CMI）方面的选项。
交互图标的“CMI”选项卡
“知识对象轨迹：交互作用”复选框：勾选该复选框后，可对交互结构中的信息进行跟踪。 “交互标识”文本框：该文本框用于设置ID标识，此ID将作为 Authorware的系统函数CMIAddInteraction和CMIAddInteractionEx的参数列表中的Interaction ID参数。
交互图标——制作交互课件（一）

UML-8交互作用图

图8.1 把技能加入资源的顺序图
Home
8.1 顺序图
8.1.1 顺序图的组成 8.1.2 对象的创建与销毁 8.1.3 同步消息与异步消息 8.1.4 交互框架
Home
8.1.5 分支 8.1.6 循环
8.1.7 自调用与回调
8.1.1 顺序图的组成

顺序图是一个二维图形。在顺序图中水平向为对象维，沿水平方向排列参与交互的对象类角色；竖向为时间维，沿垂直向下方向按时间递增顺序列出各对象类角色所发出和接收的消息。一个顺序图由下列图形元素构成：对象类角色、生命线、激活期和消息。 1．对象类角色对象类角色（Class Role）表示在交互中对象可起的作用。对象类角色用矩形框图标表示。在顺序图中对象类角色一般只给出名称，其命名规则与在对象类图中相同。
Home
8.1.3 同步消息与异步消息

异步消息的接收者必须是一个主动对象（Active object），即它是一个不需要消息驱动就能执行其动作的对象。一个异步消息可以做以下3件事情之一：（1）创建一个新线程。此时的异步消息连接到一个激活期的顶部。（2）创建一个新对象。（3）与一个已经在运行的线程通信。
:打印服务 Print (file) alt Print (file) [Printer free] Store (file) :打印机 :打印队列
[Printer busy]
图8.10 分支示例
Home
8.1.6 循环

消息的循环是指一组消息被多次发出。在顺序图中循环处理可以用交互框架表示，一组消息包含在一个交互框架中，这些消息将循环重复发送。在交互框架左上角的标题框中标明操作符“loop”。操作符“loop”的语法定义为：loop [(<minint>[,<maxint>])]。其中，<minint>为循环参数值的下界，<maxint>为循环参数值的上界，均可为非负整数；<maxint>还可为 “*”，表示无限。若操作符“loop”不带参数值，则为无限循环。循环的继续或退出也可由一个出口条件控制。出口条件可用条件表达式表示，其值是循环的次数。

交互作用图

• findTitle(isbn:String):OID • 返回指定ISBN的Title对象的 OID • getTitle(oid:OID):Title • 返回Title对象 • getAvaliableBook():OID • 返回第一个可借阅的Book对象的OID
• 类Borrower • borrowerID:String • loans:OID[ ]
<<boundary>> : 增加职员窗口
<<control>> : 职员控制器
<<entity>> : 职员
: 管理员 1 : 增加职员() <<create>> 2 : 弹出增加职员窗口()
3 : 职员信息()
4 : 提交() 5 : 增加职员() 6 : 创建职员对象() 7 : 保存职员信息()
标记为“loop”。
上图展示了一个简化了的例子，其中有一些控制操作符。用户启动这个序列。第一个操作符是循环操作符，圆括号内的数字（1，3）表示循环执行的最少次数和最多次数。因为最少是一次，所以在检测条件之前主体至少执行一次。在循环内，用户输入密码，系统验证它。只要密码不正确，那么该循环就会继续。但是，如果超过了三次，那么无论如何循环都会结束。
class职员管理界面boundary增加职员窗口boundary职员控制器control职员entity弹出增加职员窗口create保存职员信息旅店预订系统1617旅店预订系统中识别分析类18vopc1920实例旅游申请系统中的分析类21进行职责分配22绘制vopc类图23利用分析操作表示职责24为分析类添加属性25实体类之间的关联关系26旅游申请系统实体类类图顺序图中的结构化控制顺序图中的结构化控制序列性的消息能很好地说明单一的线性的序列但是我们通常需要展示条件和循环

Authorware的操作

Authorware的操作界面Authorware的操作界面具有典型的Windows风格，见图所示。

它由标题栏、菜单栏、工具栏、图标栏、设计窗口、库窗口、KO窗口以及演示窗口组成。

一、标题栏标题栏具有Windows典型应用程序的功能，它在左边显示Authorware Attain的名称，右边是最小化、最大化和关闭程序等三个按钮。

二、菜单栏菜单栏包括File、Edit、View、Insert、Modify、Text、Control、Xtrs、Window和Help共10组菜单。

鼠标单击菜单组名就会出现一个下拉菜单，单击其上的菜单项就可执行相应功能或出现下一层下拉菜单。

灰色的菜单项表明是当前不可使用的菜单项。

三、工具栏工具栏中放置了使用频率较高的工具，它们是菜单栏中的某个菜单项的功能，由于放置在工具栏中，使用起来更加方便和快捷。

工具栏中各项工具的功能名称见图所示。

四、图标栏图标是构成Authorware程序的基本单元，见图所示。

各图标的功能如下：【显示】图标：用于显示文本、图形图象对象。

【移动】图标：移动由【显示】图标、【交互】图标、【数字影视】图标以及插入的【精灵】图标（Sprite Icon）等所显示的对象。

【擦除】图标：擦除屏幕上显示出来的对象。

【等待】图标：在程序中插入一段等待时间。

【导航】图标：与【框架】图标相结合，实现程序内的跳转与返回。

【框架】图标：提供在附属于它的页面间跳转的控制功能，并与【导航】图标相结合，实现程序内的跳转控制机制。

【决策】图标：提供逻辑判断和循环控制机制，实现对附着于它的各分支程序流程走向及其循环的控制功能。

【交互】图标：用于控制各种形式的交互，它与附着于它的图标共同构成交互程序结构。

【计算】图标：执行各种运算，这些运算可引用系统函数、系统变量、外部函数，也可引用自定义变量。

【集组】图标：可将一组相邻的图标置于【集组】图标中，实现程序设计的结构化。

【数字影视】图标：插放动画和视频。

第5章使用交互功能

图5-1 【交互类型】对话框第5章使用交互功能前面几章我们已经学习了如何把文字、图形、图像、动画、声音等元素融合在作品中------满足了多媒体作品的多样性特征；而多媒体作品最重要特点则是交互功能。

一个多媒体程序能否吸引用户，能否与用户达到互动的效果，都依靠程序的交互功能。

所谓“交互功能”就是指一个多媒体程序具有接受用户所提供的信息，并根据该信息进行相应处理的能力。

本章主要学习【交互】图标的使用方法，即如何创建、设置各交互类型的方法。

5.1 创建交互在Authorware 中可以使用【交互】图标来创建交互。

该图标可以提供11种交互类型，用以实现作品强大的交互功能。

5.1.1 交互的响应类型当我们第一次拖动一个交互图标到流程线上并为其创建交互时，将会弹出如图5-1所示的对话框。

Authorware 提供了11种交互响应类型，分别是：● 按钮选择这种交互后，当程序进入交互时会在屏幕上显示一个或多个按钮，只要用户单击或双击某按钮，程序将执行该按钮对应的交互分支，如图5-2所示。

按钮交互程序效果图图5-2 按钮交互 ● 热区域在这种交互方式下，屏幕上的某些区域将会被定义为热区，当鼠标在该区域内单击、双击或移动到该区域上方时，程序都将转向该区域所对应的交互分支，如图5-3所示。

第5章使用交互功能139热区域交互程序热区效果图5-3 热区域交互●热对象选择这种交互方式后，Authorware将要求用户指定热对象。

当程序运行时，用户单击、双击或指向热对象时，程序将进入相应的交互分支。

●目标区这种交互方式要求用户指定目标对象与目标区域。

当程序运行时，如果用户将目标对象拖到了目标区域内，则会激活相应的交互分支，如图5-4所示。

目标区交互程序目标区交互效果图5-4 目标交互●下拉菜单选择这种交互方式后，可以创建一个下拉菜单，当用户单击下拉菜单中的某个选项时，程序将会执行相应的交互分支，如图5-5所示。

下拉菜单交互程序效果图图5-5 下拉菜单交互140Authorware多媒体制作标准教程●条件通过定义表达式来设置条件。

authorware教程

Authorware教程1、交互退出流程线上再放一个计算图标，命名为“exit”，双击计算图标，在打开的窗口中输入GoTo(IconID@“背景-作品欣赏”)，这是一个系统函数，程序运行到“exit”时，就会自动跳转到显示图标“背景-作品欣赏”上.2．两个声音一起播放在主流程线上拖入一个声音图标，命名为“sound1”，双击打开，导入一个背景音乐（注意将执行方式设为“同时”）。

在声音图标中拖入一个等待图标，接着我们要插入一个DirectMediaXtra控件，我们用它可以轻松实现两个声音一起播放。

单击“插入/Media控件/DirectMediaXtra”，出现对话框,单击〔浏览文件〕按钮，选择所需的声音文件。

在这里，我们还可以进行一些播放设置，比如说“循环播放”、“滑杆控制”等。

设置完毕后按〔确定〕按钮退出。

这时主流程线上会出现一个DirectMediaXtra图标，将它命名为“sound2”，运行程序，就会听到第一个声音，按任意键，就会听到第二个声音了。

最后要说明的是：如果在DirectMediaXtra属性中设置了循环播放，那么声音将会一直放个不停。

如果想要声音停止，可以在需要停止声音的地方加入一个计算图标，在计算图标里输入“EraseIcon（IconID@"sound2"）”，这个函数可以将刚才命名为sound2的图标擦除，声音自然就停止了。

3、声音的停止1）方法一：利用系统变量MouseDown来实现。

在主流程线上拖入一声音图标，双击打开，导入一声音文件，并在声音图标的属性对话框中作如下设置：执行方式根据自己的需要设置，播放设为“直到为真”，然后在下面的方框内输入“MouseDown”，这是一个系统变量，意即为按下鼠标时为真（如图1）。

单击〔确定〕按钮退出。

通过这样的简单设置，当我们需要声音停止时，按下鼠标，即可将声音停止。

这种方法，可以用来设置课件的片头音乐，因为片头音乐一般都需要循环播放，这种方法就可以随时将音乐停止。

系统分析交互图

记为实现类的某一操作的定义，例如， C/C++语言里的函数定义等
2021/4/15
上海理工大学
28
3.6 消息/4
消息的发送是有顺序的，此顺序由它在顺序图垂直方向上的位置决
定，垂直方向靠近顺序图的顶端的消息先执行，靠近顺序图底部的消息后执行，因此每一消息都有一顺序号
消息的顺序号，此顺序号可前缀于消息的名字前面，它们之间用冒
如果一个对象改变了它的属性值、状态或角色，
则需在生命线上该对象的改变点处放置该对象的一个图标副本，并标出有关的变更
2021/4/15
上海理工大学
23
3.6 消息/1
对象间的互相合作与交流表现为一个对象以某种
方式启动另一个对象的活动，这种交流在UML里被定义为消息
消息是对对象间的一种信息的通讯的描述，此信
交互图中的这些对象（实例）可以处于一个或多
个场景中，以实现相应的用例所规定的任务
通过用交互图进行建模，可以对这些对象涉及的
各对象的动态特性进行：
视化说明建造建档
2021/4/15
上海理工大学
8
2.2 交互图/3
在考察一个系统的对象的交互时，通常从顺序图
开始，然后将顺序图转换为协同图，以分析系统在结构方面应该具备的特点
间接地执行一个动作的那段时间
绘制：它由位于对象生存线上的一个窄长方形代
表，控制焦点长方形的顶端代表动作的开始时刻，底端代表动作的结束时刻。
控制焦点可以理解为是C语言中一对花括弧
（“{}”）内的内容
2021/4/15
上海理工大学
18
3.4 控制焦点的嵌套
动作的执行过程可以引起其它消息的发送，从而

Authorware教程

A u t h o r w a r e教程(总25页)--本页仅作为文档封面，使用时请直接删除即可----内页可以根据需求调整合适字体及大小--Authorware教程第一章走进Authorware到底Authorware是一个什么东西呢Authorware是一个尽职的好裁缝。

一个漂亮的多媒体应用程序要包括声音、图像、动画还要可以实现交互。

Authorware这个裁缝的功能就是把上面说的素材组织起来，并且配上交互。

做出一个程序。

界面启动Authorware5以后，可以看到Authorware5的主界面首先出现的窗口是KO(Knowledge Object）窗口，关于KO是干什么的，将在以后的课程中加以介绍。

按"None"跳过KO就可以进入Authorware了。

主界面如左图所示。

屏幕最左边是工具条,Authorware中绝大部分功能都集中在工具条上。

当中的窗口就是Authorware的主窗口，也就是编写程序的地方，当中的一根竖线叫做流程线，所有的元素诸如声音、图像、交互等等都在流程线上进行安排。

最右边的窗口称作KO窗口，里面是一些现成的模块可以加快工作速度。

以后我们会专门开章节讲述KO。

工具条下面首先来看一下工具条里面的好东东2显示图标：负责在屏幕上显示图片和文字等平面素材。

移动图标：移动屏幕上的物体。

擦除图标：擦除屏幕上的元素可以是图像文字电影片断等等。

等待图标：使程序暂停。

可以设置成为按键继续或者暂停一段时间导航图标：在程序中实现跳转，有点类似goto语句框架图标：为程序建立一个可以前后翻页的流程框架决策图标：实现程序中的循环交互图标：Authorware中最重要的图标之一，实现交互功能。

诸如在屏幕上某处点击一下就可以执行什么功能等等。

计算图标：作用为存放在Authorware中编写的程序。

比如初始化变量。

组图标：把流程线上的一段图标合并成为一组，管理起来更加方便电影图标：在程序中插入一段电影声音图标：在程序中插入一段声音视频图标：控制外部影碟机（由于牵涉到外部设备，本教程不作介绍）3标志旗：用来调试程序。

《交互图标》课件

常见的交互图标
支付/购物车图标
提供简便的购物功能并突出品牌的商务特色。
刷新/加载图标
提醒用户系统正在更新或是需要加载内容。
返回/关闭图标
向用户传递操作的撤销或关闭信息。
搜索/放大镜图标
快速定位、搜索，提高用户对页面内容的满意度。
设计交互图标的要点
易于理解与识别
要求图标的含义准确、直观，易于用户理解和识别。
体现品牌特色
在保证效果的前提下，充分表现品牌的个性特色与风格风貌。
统一风格与规范
保持风格一致，构建规范化，增强用户对图标的熟悉感和可靠性。
带有反馈动画效果
搭配适当的动态效果，目的是向用户传达操作信息，引导用户完成操作。
实例分析
1导航栏的交互图标设计来自优秀的导航栏图标设计又是怎样的呢？
移动端APP的交互图标设计
交互图标 PPT课件
本课程将向你介绍什么是交互图标，为什么它们如此重要，以及如何设计优秀的交互图标。走进数字设计的世界，一起来探索创造力与创新吧！
什么是交互图标
1 定义
交互图标是用来给用户提供快捷、明确、直观的界面操作的图形符号。
2 作用
它们可以简化用户界面，增加用户体验，并为用户提供指向具体操作的方向。
2
请看下页。
针对小屏幕的便携性和交互性，根据
“尽量少点、尽量少说”的原则，更应
注重图标的明确、直观。
3
网页端的交互图标设计
以责任与NGC原则为出发点，让用户根据图标的意义自然完成交互操作。
小结与展望
交互图标的重要性
它们是一种非常实用且必要的设计元素。能够深刻影响用户体验和操作舒适度。
未来交互图标的趋势

Authorware特点及功能介绍-毕业论文

Authorware的主要特点1.1.1 面向对象的可视化编程这是Authorware区别于其他软件的一大特色,它提供直观的图标流程控制界面，利用对各种图标逻辑结构的布局,来实现整个应用系统的制作。

它一改传统的编程方式，采用鼠标对图标的拖放来替代复杂的编程语言。

[1]1。

1.2 丰富的人机交互方式提供11种内置的用户交互和响应方式及相关的函数、变量.人机交互是评估课件优劣的重要尺度。

[2］1。

1.3 丰富的媒体素材的使用方法Authorware具有一定的绘图功能,能方便地编辑各种图形,能多样化地处理文字。

Authorware为多媒体作品制作提供了集成环境，能直接使用其他软件制作的文字、图形、图像、声音和数字电影等多媒体信息。

对多媒体素材文件的保存采用三种方式，即：保存在Authorware内部文件中；保存在库文件中；保存在外部文件中，以链接或直接调用的方式使用，还可以按指定的URL地址进行访问.［3]1.1.4 强大的数据处理能力利用系统提供的丰富的函数和变量来实现对用户的响应,允许用户自己定义变量和函数.[4]1。

2 操作界面介绍⑴常用工具栏是Authorware窗口的组成部分,其中每个按钮实质上是菜单栏中的某一个命令，由于使用频率较高，被放在常用工具栏中，熟练使用常用工具栏中的按钮，可以使工作事半功倍。

如图所示图1 常用工具栏⑵图标工具栏图标工具栏在Authorware窗口中的左侧,如图所示，包括13个图标、开始旗、结束旗和图标调色板,是Authorware最特殊也是最核心的部分。

图2 图表工具栏显示（Display）图标是Authorware中最重要、最基本的图标，可用来制作课件的静态画面、文字，可用来显示变量、函数值的即时变化.动画（Motion）图标与显示图标相配合，可制作出简单的二维动画效果.擦除（Erase）图标用来清除显示画面、对象。

等待（Wait）图标其作用是暂停程序的运行，直到用户按键、单击鼠标或者经过一段时间的等待之后，程序再继续运行.导航（Navigate）图标其作用是控制程序从一个图标跳转到另一个图标去执行，常与框架图标配合使用.框架（Framework)图标用于建立页面系统、超文本和超媒体。

按钮交互操作步骤

“按钮交互”操作说明一、《诗词欣赏》的操作（关键步骤）1. 新建一个文件，保存为“诗词欣赏”。

2. 拖动“交互图标”到流程线上，命名为“诗词欣赏”，如下图所示。

3. 交互图标的属性设置更改“交互图标”的属性设置，“交互作用”选项卡中的“擦除”方式设置为“在下次输入之后”，“擦除特效”改为“马赛克”，“显示”选项卡中的特效改为“水平百叶窗”，如下图所示。

4.交互类型的选择拖动“群组图标”到“交互图标”后面，选择“按钮”交互类型，命名为“关雎”，如下图所示。

5. 按钮属性的设置（1）点击按钮，在“按钮”选项卡中，单击“”图标，选中指针，点击“确定”。

（2）修改、动态化左下角的按钮图标，如下图所示。

单击“未按”，在“图案”选项中导入相应的按钮素材，在“声音”选项中导入响应的声音素材；单击“按下”，在“图案”选项中导入相应的按钮素材，在“声音”选项中导入响应的声音素材；单击“在上”，在“图案”选项中导入相应的按钮素材，在“声音”选项中导入响应的声音素材。

【注：根据自己课件设计的需要进行设置，不是所有的功能都要用】（3）切换到“响应”选项卡，“擦除”设置为“在下一次输入之后”，“分支”设置为“重试”。

6.双击打开“关雎群组图标”，点击【文件】/【导入和导出】/【导入媒体】，选择“关雎.txt”文件，并对文字进行适当修改，如设置特效，修改大小，字体等，直至符合自己的要求。

7.复制两个“关雎群组图标”到交互流程线上，分别命名为“望庐山瀑布”“声声慢”，如图所示。

自行替换、修改群组图标内的显示图标的文字内容。

8. “退出”按钮的设置拖动一个群组图标到交互流程线上，命名为“退出”，修改“响应”选项卡中的“范围”为“永久”；“擦除”方式为“在下一次输入之后”；分支为“退出交互”。

如下图所示。

双击打开“退出”群组图标，拖动“计算图标”到流程线上；双击打开“计算图标”，在英文状态下输入函数“quit()”，如下图所示。