Resources for User Interaction(用户交互资源）【一】

前言

• 声明！！
  这个系列的文章是我根据南十字星大学教材整理出来的学习笔记，目的在于方便自己的学习理解，以及方便自己的复习总结，没有并禁止任何进行商业用途的目的，无“盗用他人劳动成果”的初心，一切是为自己的学习服务，欢迎转载但请注明出处
• 开始前
  读者朋友们在开始阅读我的学习笔记之前，或许可以稍加思考一下：在去年这一整年里，您有是否有某一天是没有接触任何类型的数字媒体（digital media）而渡过的。私以为这种情况在数字化早已普及N年的情况下，这”一天“的存在性很小，很多时候电影、音乐、新闻、游戏、应用程序和网站，就陪伴我们度过了一天的时光。你有没有想过，它们是怎么产生的？

接下来话不多说，进入概念介绍阶段

涉及到的概念

1.Digital Media vs Interactive Media --数字媒体与互动媒体
2. Interactive Media Resources --互动媒体资源
3. Portable Media Devices --便携式媒体设备
4. User Interaction and User Experience --用户交互和用户体验
资源规划（Rsource Planning） ：
5. Style Tile or Mood Board --风格视窗或情绪板
6. Scripts --脚本
7. Storyboard–故事板

概念（1）:Digital Media VS Interactive Media(数字媒体与交互媒体)

• 数字媒体这个概念与另一个概念相呼应—“传统媒体”，例如图片、声音、音乐与视频都属于传统媒体。而数字媒体指的就是已经转换为数字格式的传统媒体。数字媒体的创造和使用是离不开传统媒体的。因此由于新的传播环境，传统媒体需要做出一点改变，将媒体转换成数字格式需要对原始信息进行采样并数字化。如何做到这一点取决于媒体类型（例如图像、视频、声音）目标交付的模式和它的受众。
  

Chapman和Chapman（2009，p.4）根据时间对特定媒体的影响，将媒体分为两类：基于时间的媒体（ Time-based media ）和静态媒体（Static media）:

“基于时间的媒体是那些本身会随着时间发生一些变化的媒体。没有时间，动画、视频和声音就不存在。它们通常由播放控制器（如播放、停止和暂停按钮）显示。“静态媒体没有时间……虽然当你看静态图像或阅读文本时，时间确实流逝了，但图像和文本在这段时间内不会以任何方式发生变化。”

你可能会想，数字媒体这个词是否与多媒体有着相同的含义，近年来，这个词不如“交互式数字媒体”（Interactive digital media）流行。根据Chapman和Chapman（2009）的说法，多媒体的公认定义是两种或多种媒体的任意组合，以数字形式表示，充分集成，可通过单个计算机接口呈现，或由单个计算机程序操作。

• 多媒体产品通常是非线性的，包括基本的交互性，这意味着用户可以与媒体元素进行交互，例如单击按钮或将拼图块拖放到拼图中。网站、互动CD游戏、在线学习、电子商务等多媒体产品在几年前发布时迅速流行起来。近年来，随着智能手机、平板电脑、游戏机、虚拟和混合现实耳机等新兴技术的日益普及，多媒体这个词现在被认为是过时的，可能是因为多媒体产品开发所涉及的软件、平台和设备都已过时。例如，Adobe Director和Flash等软件以及CD-ROM驱动器等播放设备现在已经过时，“交互式媒体”（interactive media，简称interactive digital media）已经成为一个可以接受的术语，它指的是“新的多媒体产品”，使用当前和新兴的技术可以播放、观看或使用。开发交互式数字媒体意味着你必须考虑你的产品将如何在不同的平台上工作，如台式电脑、智能手机和平板电脑，它们有不同的操作系统和广泛的屏幕分辨率。如果你正在设计一个网站，它应该是一个响应的网站，允许用户在使用他们的多个设备查看你的网站时有一致的良好体验。
  
• England and Finney（2011）将互动媒体定义为：

“将数字媒体（包括电子文本、图形、移动图像和声音的组合）集成到一个结构化的数字计算机环境中，使人们能够与数据进行适当的交互。数字环境可以包括互联网、电信和交互式数字电视。“

当我们研究构成“数字媒体”和“交互式数字媒体”概念基础的多种媒体类型时，最好说同一种语言。因此，我们首先理解，互动媒体资源是指任何形式的材料，用于以视觉、听觉或触觉的形式传达信息

概念（2）：Interactive Media Resources（交互式媒体资源）

• 交互式媒体资源通常指交互式媒体的公理,公共元素：文本、静态图像或图形、音频和视频。扩展到这四个原始元素包括3D模型以及2D和3D动画。这些资源具有许多重要的特性：

1.Their properties are intentionally designed(有目的设计出来）
2.They are skilfully created（巧妙地设计出来）
3.They are technically demanding to create, deliver and utilize.（技术上用作创造，交付和利用）

在这个本篇这个介绍性地文章中，我们将只讨论四个常见元素的创建和操作：

• （1）文本（Text）
  
  各种形式的文本在互动媒体中以多种方式使用。文本通常按照排版原则和准则以不同的方式设置样式和格式。在接下来的文章中，您将了解字体设计中的基本概念，例如字体、字体和度量，它们的各种用法，以及文本在交互式应用程序中的重要性，还有涉及到可读性和易读性。在此阶段，请记住有两种主要的方式在屏幕上显示文本：
  1.作为文本格式
  2.作为一些文本的图形图像。

• （2）静止图像或图形（Still Images or Graphics）
  
  “图像”或“图形”是广泛的术语，根据上下文的不同，可用于指移动图像，如动画gif或横幅或3D图形。在本系列文章中，图像将包括位图图像，包括数字格式的照片、矢量图形和插图。数字图像使用各种输出设备显示。大多数输出设备以彩色像素矩阵的形式呈现图像。简单来说，位图图像包含矩阵中每个像素的颜色信息。相反，矢量图像包含一组指令，用于使用几何形状、颜色和图案重建图像。位图（Bitmap）和矢量图像（vector graphics）的视觉外观可能相似，但关键的区别在于用于存储和传输信息的技术。图形图像可以以多种文件格式存储，例如BMP（位图文件）、JPG（压缩文件）、XCF（GIMP可编辑文件）、PSD（Photoshop可编辑文件）。在本系列文章中，您将学习何时将文件格式用于不同的目的。作为数字媒体资源开发人员，您应该能够为图像和其他媒体选择和使用最合适的文件格式。
  附： 位图和矢量图的区别
  

• （3）音频（Audio）
  
  声音、对话和音乐统称为“音频”。打包和传送音频的技术不断发展，以匹配用于传送音频的平台和设备，但随着时间的推移，它们都是同一主题的音频波形数字编码样本的变体。音频资源是数字声音文件。有许多不同的声音文件格式，但是，它们都有共同的根，通常有更多的相似性而不是差异。通常，它们只是一个或多个声音的记录，这些声音被“混合”在一起，并随着时间的推移被编码为声音波形的高速采样，其分辨率可用于在以后的时间再生声音，而不会造成任何明显的质量损失。交互媒体使用的流行格式是MP3和WAV。
  

• （4）视频（Video）
  简单来说，视频是一个高速的图像序列，可以随着时间的推移传递运动的错觉。这个简单的描述并不包含视频已经演变成的潜在复杂性。视频可以包含声音轨迹，编码为位图数据或图形组件的矢量数据，并以多种方式包含文本。因此，视频可以被视为先前描述的媒体元素的组合。通常，视频是预渲染的。这意味着它是在交付给用户或消费者之前以其完成的形式生成和准备的。这一定义将“视频”与实时生成的媒体体验区分开来，实时生成的媒体体验可以共享相同的技术和传送机制，但由用户创建和使用，而不需要与一部分预先呈现的视频内容通常经历的相同的初始设计和开发。
  
  随着廉价设备的出现，能够录制视频和音频，并以新颖的方式上传或传送内容，创建媒体变得非常容易。然而，将原始捕获转化为有用和高效的资源仍然需要技能和能力。了解生产团队中对各种内容专家的需求是很有用的，这样生产过程就可以尽可能顺利高效地进行。想象一下，一个平面设计师为一个大型在线假日住宿预订项目设计了界面的所有图像和文本元素。此媒体内容是为能够快速下载大型图像的高端系统而设计的。随之而来的是开发人员/程序员，他告诉图形设计师，用户系统无法达到所指示的下载速度，现在大部分内容都必须用文本表示。这不是平面设计师简单地用文本内容代替图像内容的问题；新的文本内容是一个新的元素，必须集成到界面中。这需要时间，对项目进度有很大影响。因此，无论你打算如何运用你在该系列文章种学到的技能，你都必须对数字媒体如何融入互动媒体制作过程有一定的了解。
  交互式媒体使用的流行视频格式：MP4、AVI、MOV、WMV。

概念（3）：Portable Media Devices（便携式媒体设备）

• 便携式媒体设备主要是由电池供电的设备，具有处理器、内存、存储器、网络访问以及供用户查看照片和视频等数字媒体的屏幕。最新的便携式设备又薄又轻，便于携带和携带。在本单元后面的一个主题中，您将了解基于产品规格和可信评价的选定一系列便携式媒体设备（平板电脑、智能手机、智能手表、游戏机、虚拟现实（VR）和混合现实（MR）耳机）上的媒体资源限制。我们将根据用户界面和用户体验设计师的经验，讨论和评估他们为克服这些挑战而推荐的策略。
  

概念（4）：User Interaction and User Experience（用户交互和用户体验）

• 数字媒体还涉及在计算机系统上播放媒体。我们任务的相当一部分是在目标系统上识别和测试产品，以确保产品的用户能够正确地显示产品。重要的是要记住，为在别人的计算机上分发而制作的媒体必须按原计划播放。用户系统的规格不同，因此很难判断媒体应该如何呈现以及应该呈现多少媒体。当数字媒体开发人员可能使用高端计算机系统创建数字材料时，确定用户系统是一项特别困难的任务。正如我们将在该系列文章后面看到的，数字媒体内容的开发人员必须了解媒体用户在技术和个人需求方面的需求和能力。互动与其说是“东西”，不如说是“效果”。最简单的说，它给媒体产品的用户提供了一些选择。在最复杂的情况下，互动性允许产品用户以产品设计师无法预测的方式创建和操作媒体，实时创建新颖的体验、视觉和声音。”“用户体验”或“用户体验”都与用户体验有关。用户体验设计通常用于最大化用户与设计（如网站或应用程序的设计）交互时的体验。用户体验还可以应用于任何产品、服务甚至事件。在该系列文章种，用户体验设计应用于交互式网络内容、数字材料和交互式在线游戏。
  

‘All the aspects of how people use an interactive product: the way it feels in their hands, how well they understand how it works, how they feel about it while they’re using it, how well it serves their purposes, and how well it fits into the entire context in which theyare using it.’ (Alben,1996)“人们如何使用互动产品的所有方面：他们手中的感觉，他们对产品的理解程度，他们在使用时的感受，它对他们的目的的服务程度，以及它与他们使用产品的整个环境的契合程度。”

概念（5）：Style Tile or Mood Board（风格视窗或情绪板）

• Styletil.es的Samantha Warren将StyleTiles定义为一个设计交付品，由字体、颜色和界面元素组成，这些元素传达了网络视觉品牌的本质。样式平铺（ Style tiles ）在不定义布局的情况下建立与实际接口元素的直接连接。
  -

They work well for clients who have established brands and need themto translate smoothly to the web. They help forming a common visual language between the designers and the stakeholders and provide a catalyst for discussions around the preferences and goals of the client. (Warren, n.d.)他们很好地为客户谁已经建立了品牌，并需要他们顺利地翻译成网络。它们有助于在设计师和利益相关者之间形成一种共同的视觉语言，并为围绕客户的偏好和目标进行讨论提供催化剂。（沃伦，n.d.）

概念（6）：Scripts （脚本）

• 脚本是计划文档。它们记录了需要生成的重要声音元素和视觉描述，以及为特定项目收集。通常，它们用于管理声音和对话，但也可以同样地应用于序列和计划其他声音序列，例如匹配动画或视频轨迹的声音效果。通常，这些元素将使用某种同步系统（如时间代码或故事板框架）与项目中的其他元素链接。
• 与任何生产计划文档一样，脚本只是控制生产和限制生产成本的工具。请记住，配音演员和录音室时间以及音响工程师一起都要花钱。没有人愿意在录制会话期间浪费时间，因为脚本令人困惑，缺少重要的细节或写得不好。

概念（7）： Storyboard （故事板）

• 视频是一种视觉媒体；规划视频项目需要一种方法来描述要制作的所需视频的基本质量。故事板是开发和呈现大多数描述信息的首选工具。您可能还需要包含一些有关视频格式、屏幕大小和纵横比等问题的技术信息，以补充故事板中的信息。连接情节串连板和脚本是一个相当小的问题，并已通过各种方式解决。其中一些包括脚本细节以及故事板的每一帧，如插图叙述，而另一些则使用时间代码或场景标记将两个文档关联在一起。在足够的信息和过多的信息之间往往有一条细线。故事板本质上是一系列图片，带有描述视觉显示各个方面的支持文本。

参考文献

1.Alben, L 1996, Defining the criteria for effective interaction design. Interactions, 3(3), 11–15.
2.Chapman, N and Chapman, J 2009, Digital multimedia, Chichester, England; New York: John Wiley &
Sons (pp. 4–14).
3.England, E and Finney, A 2011, Interactive Media - What’s that? Who’s involved?, ATSF White Paper,
viewed 18 Feb 2019, http://www.atsf.co.uk/atsf/interactive_media.pdf
4.Kliever, J n.d., A beautifully illustrated glossary of typographic terms you should know – Learn,
viewed 16 Feb 2019, https://www.canva.com/learn/typography-terms/
5.Material Design n.d., Understanding typography - Material Design, viewed 16 Feb 2019,
https://material.io/design/typography/understanding-typography.html.
6.Pixabay.com. n.d., Stunning Free Images · Pixabay, viewed 21 Feb 2019, https://pixabay.com/en/
7.StoryboardThat n.d., StoryboardThat, viewed 21 Feb 2019, https://www.storyboardthat.com/
8.Ulyssesroom n.d., 022 Template Ideas Short Film Script Filmmaking Documentary Script, viewed 21
Feb 2019, https://www.ulyssesroom.com/template-ideas/022-template-ideas-short-film-scriptfilmmaking-documentary-script/
9.Vecteezy n.d., Vector graphics for everyone, viewed 21 Feb 2019, https://www.vecteezy.com/
10.Warren, S n.d., Style Tiles, Styletil.es, viewed 18 Feb 2019, http://styletil.es/.