感悟多媒体热区的形式设计
2014-11-19张梧桐
张梧桐
摘 要 本文选择了多媒体交互中最重要的元素——热区作为主要的论述对象。从热区的定义、作用、构成形式等几个角度进行分析,归纳出热区的形式设计的原则。
【关键词】交互 热区 形式设计
自古以来,科学和艺术就是不可分割的,科学如果失去了艺术必然会变得枯燥无味,而艺术如果失去了科学,则会失去生根发芽的土壤。今天,由于技术和艺术形式的不断成熟而最终发展成为一门新型的艺术门类,这就是多媒体数字艺术。多媒体作品的功能是达到人机交互。任何人都不喜欢观赏静止不动的多媒体作品。
多媒体作品最大的特点是交互性,然而交互的前提条件就是要触动热区。热区的任务就是帮助用户欣赏和使用多媒体作品。热区具有非常重要的作用,但是对于热区设计往往只涉及功能方面,在形式上却缺乏创意,使用时也不够便捷,成功的热区设计能为多媒体作品起到画龙点睛的作用。下面我以我制作的几个多媒体作品来阐述多媒体热区的设计感悟:
1 多媒体作品中热区的定义和作用
1.1 了解热区
随着多媒体技术和网络的发展以及多页面作品的出现,为了触发多媒体作品页面上的事件和完成页面之间的跳转,就出现了建立各个事件之间和各个页面之间链接关系的产物——热区。
在观看多媒体作品时,用鼠标经过或点击屏幕的某些特定部位,就可以进行多媒体交互,这种技术我们称之为交互技术,而运用交互技术的前提条件就是激活热区。热区是指在页面中的一块区域,鼠标在其范围内所产生的某种操作会触发指定的事件。简单地说,在页面中可以点击的区域就是热区。
1.2 热区的作用
多媒体作品中,热区作为首要的运动元素出现,观赏一部多媒作作品,读者的注意力先集中在热区上,引导其进入作品进行交互,热区可提供给观者一种提醒和暗示,即提醒观者明确热区执行后下一步操作的可能性及可行性。
我们在制作多媒体作品中通常都包含多级界面,界面上也会有许多元素,如果界面上的元素之间和界面之间彼此是独立的,那么多媒体作品就好比是一个个孤岛,这样的作品是无法运行的,为了建立起各个界面元素之间和各个界面之间的联系,我们就必须使用热区。
2 进行热区设计的目的
热区是多媒体作品的枢纽,它是连接读者与作品的纽带。它将作品的各级内容用超链接的形式联系起来,是构成完整作品的关键。因此,多媒体作品的热区运动往往作为首要的运动元素出现,将读者的注意力首先集中在热区上,引导他们进入作品在交互发生之前,热区的运动提供给读者的是一种提醒和暗示:提醒读者热区的位置,暗示着下一步操作的可能性和可行性。当读者进入热区,热区的运动形态就会发生改变,此时热区对读者的上一步操作给予进一步提示,表明热区所链接的模块内容,指引读者进行下一步操作,进入读者需要浏览的模块内容。热区与读者的关系可以概括为吸引(暗示)——提示——进入,而这三个步骤的完成是依靠热区运动实现的,在这三个步骤的转换中,热区不断改变自身的运动形态,传递作品的内容信息。
3 对热区设计的感悟
3.1 易识别、易合用,符合界面整体风格
在进入、点击热区时,热区要有相应的变化或提示,让用户知道已经进入到热区当中,并对点击热区以后激活的事件有所了解,用户可以选择是否需要进入,减少用户进入、退出的时间。(如图1所示)在激活热区后,页面的跳转过程中我们需要增加转场效果,转场效果会调和原本生硬的页面跳转,使页面之间的跳转更加和谐。
热区制作完成要进行反复的检查,防止热区出现错误的链接,链接错误的热区一般有两种:一种是激活事件的错误,比如原本分别需要跳转到1、2页的热区,但因为设计的错误,两个热区都指向第2页,这样就无法对第1页进行访问;另一种是没有返回链接,也叫死链接,由热区进入到一个页面或触发一个事件,无法返回上一个页面或触发事件以前的状态。这同样也会影响用户的使用,如果是因为热区的链接错误,而使用户错过了多媒体作品中的重要内容,得不偿失。
3.2 丰富性、贴切性、感染性和吸引力,激发用户兴趣
在教育类多媒体作品方面,作品已经不满足于简单的说教,而更加重视娱乐。多媒体计算机能进一步把电视机所具有的视听合一功能与计算机的交互功能结合在一起,产生出一种新的图文并茂的、丰富多彩的人机交互方式,而且可以立即反馈。这样一种交互方式对于教学过程具有重要意义,它能够有效地激发学生的学习兴趣,使学生产生强烈的学习欲望,从而形成学习动机。互动性是多媒体计算机所独有的,正是因为这个特点使得多媒体计算机不仅是教学的手段方法,而且成为改变传统教学模式乃至教学思想的一个重要因素。
心理学指出吸引人的无意注意的是变化,也就是我们所说的各种运动和变化。研究表明,运动的物体和静止的物体相比,前者更容易引起人的注意和好奇。在教育类多媒体作品中,由于用户年龄的特定性,将知识与互动游戏相结合的方法不但能取得比较好的教学效果,而且能激发学生的学习兴趣,提高学习效率。例如:我在设计《快乐CORELDRAW跟我学》多媒体课件中(如图2所示),整个界面都有动画组成,每热区都是动画里的一部分,同时连接一个知识点,同学要互动操作作而学到知识。强大的互动性与娱乐性使教学事半功倍。
4 结语
在设计过程式中,突出强调“以人为本” 的设计目的,因为今天人们面对快速成发展的科技与经济,在心理和精神上都有压力,所以当用户面对荧屏的时候,要用新颖的交流方式与之沟通。我相信每个人心底都充满了情趣,让观者感到不再是令人厌倦的宣传品,而是同一位老朋友、一位资深专家的交流,或是置身于一个有趣的游戏,不时有意想不到的情趣闪过;最终他会带着微笑接受我们的作品。新颖的交互设计将会使用权人与媒体之间的交流更加契合、完整并易于操场作,动态性和趣味味性更强。
作者单位
辽宁省新闻出版学校 辽宁省沈阳市 110032endprint
摘 要 本文选择了多媒体交互中最重要的元素——热区作为主要的论述对象。从热区的定义、作用、构成形式等几个角度进行分析,归纳出热区的形式设计的原则。
【关键词】交互 热区 形式设计
自古以来,科学和艺术就是不可分割的,科学如果失去了艺术必然会变得枯燥无味,而艺术如果失去了科学,则会失去生根发芽的土壤。今天,由于技术和艺术形式的不断成熟而最终发展成为一门新型的艺术门类,这就是多媒体数字艺术。多媒体作品的功能是达到人机交互。任何人都不喜欢观赏静止不动的多媒体作品。
多媒体作品最大的特点是交互性,然而交互的前提条件就是要触动热区。热区的任务就是帮助用户欣赏和使用多媒体作品。热区具有非常重要的作用,但是对于热区设计往往只涉及功能方面,在形式上却缺乏创意,使用时也不够便捷,成功的热区设计能为多媒体作品起到画龙点睛的作用。下面我以我制作的几个多媒体作品来阐述多媒体热区的设计感悟:
1 多媒体作品中热区的定义和作用
1.1 了解热区
随着多媒体技术和网络的发展以及多页面作品的出现,为了触发多媒体作品页面上的事件和完成页面之间的跳转,就出现了建立各个事件之间和各个页面之间链接关系的产物——热区。
在观看多媒体作品时,用鼠标经过或点击屏幕的某些特定部位,就可以进行多媒体交互,这种技术我们称之为交互技术,而运用交互技术的前提条件就是激活热区。热区是指在页面中的一块区域,鼠标在其范围内所产生的某种操作会触发指定的事件。简单地说,在页面中可以点击的区域就是热区。
1.2 热区的作用
多媒体作品中,热区作为首要的运动元素出现,观赏一部多媒作作品,读者的注意力先集中在热区上,引导其进入作品进行交互,热区可提供给观者一种提醒和暗示,即提醒观者明确热区执行后下一步操作的可能性及可行性。
我们在制作多媒体作品中通常都包含多级界面,界面上也会有许多元素,如果界面上的元素之间和界面之间彼此是独立的,那么多媒体作品就好比是一个个孤岛,这样的作品是无法运行的,为了建立起各个界面元素之间和各个界面之间的联系,我们就必须使用热区。
2 进行热区设计的目的
热区是多媒体作品的枢纽,它是连接读者与作品的纽带。它将作品的各级内容用超链接的形式联系起来,是构成完整作品的关键。因此,多媒体作品的热区运动往往作为首要的运动元素出现,将读者的注意力首先集中在热区上,引导他们进入作品在交互发生之前,热区的运动提供给读者的是一种提醒和暗示:提醒读者热区的位置,暗示着下一步操作的可能性和可行性。当读者进入热区,热区的运动形态就会发生改变,此时热区对读者的上一步操作给予进一步提示,表明热区所链接的模块内容,指引读者进行下一步操作,进入读者需要浏览的模块内容。热区与读者的关系可以概括为吸引(暗示)——提示——进入,而这三个步骤的完成是依靠热区运动实现的,在这三个步骤的转换中,热区不断改变自身的运动形态,传递作品的内容信息。
3 对热区设计的感悟
3.1 易识别、易合用,符合界面整体风格
在进入、点击热区时,热区要有相应的变化或提示,让用户知道已经进入到热区当中,并对点击热区以后激活的事件有所了解,用户可以选择是否需要进入,减少用户进入、退出的时间。(如图1所示)在激活热区后,页面的跳转过程中我们需要增加转场效果,转场效果会调和原本生硬的页面跳转,使页面之间的跳转更加和谐。
热区制作完成要进行反复的检查,防止热区出现错误的链接,链接错误的热区一般有两种:一种是激活事件的错误,比如原本分别需要跳转到1、2页的热区,但因为设计的错误,两个热区都指向第2页,这样就无法对第1页进行访问;另一种是没有返回链接,也叫死链接,由热区进入到一个页面或触发一个事件,无法返回上一个页面或触发事件以前的状态。这同样也会影响用户的使用,如果是因为热区的链接错误,而使用户错过了多媒体作品中的重要内容,得不偿失。
3.2 丰富性、贴切性、感染性和吸引力,激发用户兴趣
在教育类多媒体作品方面,作品已经不满足于简单的说教,而更加重视娱乐。多媒体计算机能进一步把电视机所具有的视听合一功能与计算机的交互功能结合在一起,产生出一种新的图文并茂的、丰富多彩的人机交互方式,而且可以立即反馈。这样一种交互方式对于教学过程具有重要意义,它能够有效地激发学生的学习兴趣,使学生产生强烈的学习欲望,从而形成学习动机。互动性是多媒体计算机所独有的,正是因为这个特点使得多媒体计算机不仅是教学的手段方法,而且成为改变传统教学模式乃至教学思想的一个重要因素。
心理学指出吸引人的无意注意的是变化,也就是我们所说的各种运动和变化。研究表明,运动的物体和静止的物体相比,前者更容易引起人的注意和好奇。在教育类多媒体作品中,由于用户年龄的特定性,将知识与互动游戏相结合的方法不但能取得比较好的教学效果,而且能激发学生的学习兴趣,提高学习效率。例如:我在设计《快乐CORELDRAW跟我学》多媒体课件中(如图2所示),整个界面都有动画组成,每热区都是动画里的一部分,同时连接一个知识点,同学要互动操作作而学到知识。强大的互动性与娱乐性使教学事半功倍。
4 结语
在设计过程式中,突出强调“以人为本” 的设计目的,因为今天人们面对快速成发展的科技与经济,在心理和精神上都有压力,所以当用户面对荧屏的时候,要用新颖的交流方式与之沟通。我相信每个人心底都充满了情趣,让观者感到不再是令人厌倦的宣传品,而是同一位老朋友、一位资深专家的交流,或是置身于一个有趣的游戏,不时有意想不到的情趣闪过;最终他会带着微笑接受我们的作品。新颖的交互设计将会使用权人与媒体之间的交流更加契合、完整并易于操场作,动态性和趣味味性更强。
作者单位
辽宁省新闻出版学校 辽宁省沈阳市 110032endprint
摘 要 本文选择了多媒体交互中最重要的元素——热区作为主要的论述对象。从热区的定义、作用、构成形式等几个角度进行分析,归纳出热区的形式设计的原则。
【关键词】交互 热区 形式设计
自古以来,科学和艺术就是不可分割的,科学如果失去了艺术必然会变得枯燥无味,而艺术如果失去了科学,则会失去生根发芽的土壤。今天,由于技术和艺术形式的不断成熟而最终发展成为一门新型的艺术门类,这就是多媒体数字艺术。多媒体作品的功能是达到人机交互。任何人都不喜欢观赏静止不动的多媒体作品。
多媒体作品最大的特点是交互性,然而交互的前提条件就是要触动热区。热区的任务就是帮助用户欣赏和使用多媒体作品。热区具有非常重要的作用,但是对于热区设计往往只涉及功能方面,在形式上却缺乏创意,使用时也不够便捷,成功的热区设计能为多媒体作品起到画龙点睛的作用。下面我以我制作的几个多媒体作品来阐述多媒体热区的设计感悟:
1 多媒体作品中热区的定义和作用
1.1 了解热区
随着多媒体技术和网络的发展以及多页面作品的出现,为了触发多媒体作品页面上的事件和完成页面之间的跳转,就出现了建立各个事件之间和各个页面之间链接关系的产物——热区。
在观看多媒体作品时,用鼠标经过或点击屏幕的某些特定部位,就可以进行多媒体交互,这种技术我们称之为交互技术,而运用交互技术的前提条件就是激活热区。热区是指在页面中的一块区域,鼠标在其范围内所产生的某种操作会触发指定的事件。简单地说,在页面中可以点击的区域就是热区。
1.2 热区的作用
多媒体作品中,热区作为首要的运动元素出现,观赏一部多媒作作品,读者的注意力先集中在热区上,引导其进入作品进行交互,热区可提供给观者一种提醒和暗示,即提醒观者明确热区执行后下一步操作的可能性及可行性。
我们在制作多媒体作品中通常都包含多级界面,界面上也会有许多元素,如果界面上的元素之间和界面之间彼此是独立的,那么多媒体作品就好比是一个个孤岛,这样的作品是无法运行的,为了建立起各个界面元素之间和各个界面之间的联系,我们就必须使用热区。
2 进行热区设计的目的
热区是多媒体作品的枢纽,它是连接读者与作品的纽带。它将作品的各级内容用超链接的形式联系起来,是构成完整作品的关键。因此,多媒体作品的热区运动往往作为首要的运动元素出现,将读者的注意力首先集中在热区上,引导他们进入作品在交互发生之前,热区的运动提供给读者的是一种提醒和暗示:提醒读者热区的位置,暗示着下一步操作的可能性和可行性。当读者进入热区,热区的运动形态就会发生改变,此时热区对读者的上一步操作给予进一步提示,表明热区所链接的模块内容,指引读者进行下一步操作,进入读者需要浏览的模块内容。热区与读者的关系可以概括为吸引(暗示)——提示——进入,而这三个步骤的完成是依靠热区运动实现的,在这三个步骤的转换中,热区不断改变自身的运动形态,传递作品的内容信息。
3 对热区设计的感悟
3.1 易识别、易合用,符合界面整体风格
在进入、点击热区时,热区要有相应的变化或提示,让用户知道已经进入到热区当中,并对点击热区以后激活的事件有所了解,用户可以选择是否需要进入,减少用户进入、退出的时间。(如图1所示)在激活热区后,页面的跳转过程中我们需要增加转场效果,转场效果会调和原本生硬的页面跳转,使页面之间的跳转更加和谐。
热区制作完成要进行反复的检查,防止热区出现错误的链接,链接错误的热区一般有两种:一种是激活事件的错误,比如原本分别需要跳转到1、2页的热区,但因为设计的错误,两个热区都指向第2页,这样就无法对第1页进行访问;另一种是没有返回链接,也叫死链接,由热区进入到一个页面或触发一个事件,无法返回上一个页面或触发事件以前的状态。这同样也会影响用户的使用,如果是因为热区的链接错误,而使用户错过了多媒体作品中的重要内容,得不偿失。
3.2 丰富性、贴切性、感染性和吸引力,激发用户兴趣
在教育类多媒体作品方面,作品已经不满足于简单的说教,而更加重视娱乐。多媒体计算机能进一步把电视机所具有的视听合一功能与计算机的交互功能结合在一起,产生出一种新的图文并茂的、丰富多彩的人机交互方式,而且可以立即反馈。这样一种交互方式对于教学过程具有重要意义,它能够有效地激发学生的学习兴趣,使学生产生强烈的学习欲望,从而形成学习动机。互动性是多媒体计算机所独有的,正是因为这个特点使得多媒体计算机不仅是教学的手段方法,而且成为改变传统教学模式乃至教学思想的一个重要因素。
心理学指出吸引人的无意注意的是变化,也就是我们所说的各种运动和变化。研究表明,运动的物体和静止的物体相比,前者更容易引起人的注意和好奇。在教育类多媒体作品中,由于用户年龄的特定性,将知识与互动游戏相结合的方法不但能取得比较好的教学效果,而且能激发学生的学习兴趣,提高学习效率。例如:我在设计《快乐CORELDRAW跟我学》多媒体课件中(如图2所示),整个界面都有动画组成,每热区都是动画里的一部分,同时连接一个知识点,同学要互动操作作而学到知识。强大的互动性与娱乐性使教学事半功倍。
4 结语
在设计过程式中,突出强调“以人为本” 的设计目的,因为今天人们面对快速成发展的科技与经济,在心理和精神上都有压力,所以当用户面对荧屏的时候,要用新颖的交流方式与之沟通。我相信每个人心底都充满了情趣,让观者感到不再是令人厌倦的宣传品,而是同一位老朋友、一位资深专家的交流,或是置身于一个有趣的游戏,不时有意想不到的情趣闪过;最终他会带着微笑接受我们的作品。新颖的交互设计将会使用权人与媒体之间的交流更加契合、完整并易于操场作,动态性和趣味味性更强。
作者单位
辽宁省新闻出版学校 辽宁省沈阳市 110032endprint