感悟多媒體熱區的形式設計

張梧桐

摘 要 本文選擇了多媒體交互中最重要的元素——熱區作為主要的論述對象。從熱區的定義、作用、構成形式等幾個角度進行分析，歸納出熱區的形式設計的原則。

【關鍵詞】交互 熱區 形式設計

自古以來，科學和藝術就是不可分割的，科學如果失去了藝術必然會變得枯燥無味，而藝術如果失去了科學，則會失去生根發芽的土壤。今天，由于技術和藝術形式的不斷成熟而最終發展成為一門新型的藝術門類，這就是多媒體數字藝術。多媒體作品的功能是達到人機交互。任何人都不喜歡觀賞靜止不動的多媒體作品。

多媒體作品最大的特點是交互性，然而交互的前提條件就是要觸動熱區。熱區的任務就是幫助用戶欣賞和使用多媒體作品。熱區具有非常重要的作用，但是對于熱區設計往往只涉及功能方面，在形式上卻缺乏創意，使用時也不夠便捷，成功的熱區設計能為多媒體作品起到畫龍點睛的作用。下面我以我制作的幾個多媒體作品來闡述多媒體熱區的設計感悟：

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