研究工具

一、主題媒體網站

為了瞭解科技媒體，應用在國中視覺藝術鑑賞學習中，媒體、使用者與藝術

（品），此三者間的互動性整體關係，本研究以〈清院本清明上河圖〉為例，將 故宮既有主題網站設計，就其分層建置之內容整體，作為教學互動歷程的綜合探 討。故宮〈清院本清明上河圖〉網站，其頁面內容規劃如下：

56新北市教育局學校資料 https://esa.ntpc.edu.tw/jsp/schdata/selschdata.jsp，2020/6/12 查詢。

表 16：研究對象之樣本

組別 實驗教學 性別

男 女 總人數

實驗組 應用互動媒體鑑賞教學 73 69 142 對照組 非應用互動媒體鑑賞教學 76 66 142

（一）、故宮導覽大廳（2007 年版）

1. 情境區－清明上河圖（圖 11），主頁上半區，以百字以上，精要描述作 品母題的時節景象、創作脈絡和版本，以及〈清院本〉相關繪製訊息；

下半區，則是接續段落中的描述內容，呈現〈清明上河圖〉各版本局部 圖示觀察；而此，乃故宮院內典藏畫作的區域，包含〈清院本〉、宋 張 擇端〈清明上河圖〉、宋張擇端〈清明易簡圖〉、明〈仇英〉、清〈沈源版〉

等五件藝術品。

2. 清明上河圖面面觀（圖 12），此乃是網站次頁區域。乃是以〈清院本清 明 上 河 圖 〉 畫 作 內 容 為 主 要 ， 基 於 版 面 編 輯 與 使 用 者 經 驗 （ User Experience, UX）原則，頁面最上一大圖，其餘由左至右排序精要縮圖。

各個縮圖（圖 13），由五大段落場景順序中，節錄選出十六處，內容則 是呈現重要的時節活動、民生日常、交通運輸，以及與消費行為等食衣 行育樂畫面，以局部格放圖說形式，提供使用者觀察與鑑賞。

3. Flash Version 互動與動畫（圖 14），此乃是網站外部連結呈現。透過 Flash 形態匯入〈清院本清明上河圖〉全幅作品，並可藉由觸碰螢幕，或滑鼠 滑移方式，展現出本件藝術品之手卷裱裝形式。另者，在藏品內置郊區 船家、內城門口，與城池大門等三處之影音動畫（圖 15），能 以 觸 碰 螢

圖 11：情境區－清明上河圖（局部）

圖 12：清明上河圖面面觀（局部 1）

圖 13：清明上河圖面面觀（局部 2）

頁面上半區，以文字描述呈現對於 作品概念的說明。

基於版面、使用者經驗與段落場景 順序等編輯，再以點擊，另開視窗 觀察圖像內部細節。

由五大段落場景中，節錄選出十六 處精要縮圖，採局部格放圖說形式 呈現。

幕或滑鼠滑移方式，點選全幅作品的下方縮圖處，立即能對應所要觀察與鑑 賞的作品區域；或甚，另擇方式，按漸進循序地滑移至每一個精彩情節，鑑 賞討論完全程場景。

（二）、古畫動漫（2018 年版）

此以單頁式（One Page∕Single Page）網頁設計，顧名思義是讓使用者在點 選、拖移、捲動、縮放，及其資料的匯入、讀取和連結等功能操作或參與互動經 驗中，都直接能顯示在同一網頁的介面形態上，用戶僅需要依據個人各項需求，

透過圖形介面或選單連結啟動至，錨點預置設定的指定位置，進一步瀏覽、欣賞，

或閱讀完整個網站的內容；於此，有別於以往「情境區－清明上河圖」的多頁式

（Multi-page）網頁設計手法，以節省網頁或資訊載入的額外時間與運能負載量，

期許在良好體驗的使用感受下，進一步提升使用者，對於內容的關注與時間停留。

本體的頁面設計，將藝術（品）的鑑賞內容，規畫成兩大區塊，上端為影音 形態呈現畫作的橫幅廣告（banner），其於區域之規劃，則於以下加以說明：

1. 展覽概述（圖 16），此位於頁面刊頭（masthead）下方，讀取賞析區域的 上三分之一內容處。乃是對於畫作產生的時代背景約略陳述，及其內容 形式，例如色彩、線條、物件、人物等繪製風格的提及。

2. 影片介紹（圖 17），此乃是三分之一的賞析觀察區域之中間區段。以高 解析投影設備與無接縫熔接之後製，呈現四部動態影像，同時藉由外部 平台匯入影音動態手法，整體影像都由首段至位末段方式，導引視覺來 觀看作品，並透過頁面中的書畫裱裝形式，體現觀賞作品時的視覺移動，

及其圖像畫面中之意涵。

圖 14：Flash Version 互動與動畫（局部 1）

圖 15：Flash Version 互動與動畫（局部 2）

透過 Flash 的外部匯入，並以觸碰或 滑鼠滑移方式，展現書畫藝術品的 裱裝形式。

內置郊區船家、內城門口，與城池大 門等三處的影音動畫，模擬當時生活 景象。

3. 作品說明（圖 18），此乃是賞析觀察區域的最下方區段。將畫作中五個 段落場景內容，區分成二十二張靜態圖片形式，並於上方預設為縮放觀 看模式，下方為左右移動與點選等互動設計。再於頁面末端，略為說明 畫作各段落中的題旨、各場景內的概要描述，以及西方繪畫手法的融入。

綜觀上述〈清院本清明上河圖〉主題網，據悉視覺藝術教學者，其教學時程 與學期課程規劃，採以異質區分六人五組型態，以全班教學－團體討論與鑑賞－

隨堂小組測驗競賽－團體表揚，等四個時序互動型態，進行視覺藝術鑑賞學習。

初始的十分鐘導覽階段，以教學者書面提供與網頁圖文資料，循序導引學習者聚 焦藝術（品）本體與內容；然則，在既定已有的分組認知下，或甚前一節課時，

既已完成組內分工狀態之要件前提，則能降低時間的額外耗損，以及能提升師 生、媒體與藝術（品）三者間互動關係；如此，第二環節的十五分鐘，團體討論 與鑑賞階段，教學者隨側為輔，學習者讀取書面、自主操作網頁訊息，在系統反 饋（offer informative feedback）下，相互討論內容與彼此參與操作，使學習者與 藝術（品）間產生互動雙向性，得以完成指定鑑賞段落或場景。

圖 18：〈清院本〉2018 作品說明

圖 17：〈清院本〉2018 影片介紹

上方大圖展示型態，預設為互動的縮放觀 看模式，下方小圖為左右移動與點選等互 動設計，並於頁面末，概要描述畫作內各 段場景的豐富性與西方繪事的融入。

圖 16：〈清院本〉2018 展覽概述

接者，時序進入第三環節，十五分的小組測驗競賽階段。組內六人區分為台 上布幕指揮與解說、媒體操作、座位觀察協助等三小組。教學者側旁展示第二階 段團體討論之鑑賞圖示與計時，以各組 2 至 3 題，並計時 3 分鐘內，完成觀察圖 示與鑑賞圖說。最後歷程中，表揚團體的互動參與、綜合討論各組內鑑賞觀點，

以及與媒體互動內容中，提升學習的主動性及心智活動的層次，增進理解藝術

（品）的互動經驗。

二、課程內容、問卷與訪談之專家效度評鑑

本研究參考國內外〈清院本〉相關研究內容與書籍，並且應用故宮資訊網站 中的媒體網頁資源，編制一套互動媒體網站，應用於國中生視覺藝術鑑賞教學課 程；另一方面，以教學的互動性，以及與主題網頁網站互動性之兩部分，編擬初 稿施測問卷的內容；最後，針對教學和媒體的感受性，以及互動經驗的整體性等 三個面向，編製師生兩方的訪談初稿。因此，為了提升本研究中之課程內容、問 卷與訪談的信度與效度檢核，乃函請該領域專業學者的意見徵詢，並同時予以進 行專家效度評核。

研究者設計之專家效度評核評鑑表，如（附錄一，頁 171）敦請兩位專家學 者進行評鑑；至此，於任一位專家「修正後適合」或「不適合」的建言提出，將 作為調整與修正課程內容細節，以及問卷與訪談的文句語意之依據。

另一方面，經專家評核之結果與建議後，研究者將予以整理歸納，並同時將 教學內容、問卷與訪談題目修改後成，正式研究內容施行，於正式實施本研究教 學期間的前中後階段，再和教學者會晤說明本研究之目的，與教學內容的細部調 整，並協助教學者互動媒體應用的相關測試，和再確認教學所需的基本教室條 件，以及教學期間提供該研究，所需之相關互動媒體的問題解決、書面資料協助；

最後，於教學後彙整本研究之圖文資料。專家學者成員名單，詳細如下（表 17）：

表 17：專家學者成員名單

編號 職稱 服務單位 專長領域

1a 助理教授 東吳大學通識中心 藝術教育、藝術史、藝術賞析

2b 專案

助理教授 輔仁大學影像傳播學系 藝術教育、新媒體科技藝術、數位 媒體影音、互動藝術設計、錄像

專家效度評鑑項目，乃在於鑑賞教學的內容中，對於媒體應用的系統即時反 饋、完善且多元的內容教材選擇、動態影像的導入的易用性、深化特殊性的交通 運輸之學習印象、線上學習的娛樂性，以及即時回應的雙向溝通等，各項互動學 習細節之評估，以及網頁與介面互動性問卷和師生訪談內容。首先，修正後之網 頁與介面互動性問卷，依序整理於（附錄（二），頁 189）；其次，修正後之師生 訪談內容，整理於（附錄（三），頁 194）；最後，研究者將專家學者檢核與修正 結果，依序整理於（附錄二，頁 198）。

三、視覺藝術鑑賞課程設計內容

本次研究之藝術鑑賞教學內容包括五個部分，分別為：（一）課程設計理念

（二）課程目標（三）課程架構（四）教材規劃（五）教學策略與評量方式，詳 細的教學設計，以及各節學習內容與銜接，整理於（附錄（一），頁 171）。

（一）課程設計理念

在當今科技發達的世代，資訊的擴散與更迭，正衝擊著既有教學觀的教材教 法，而互動性觀點的運用，也從以往師生群體間的社會性思維，納入資訊媒體的 應用，同時聯絡起學習場域、實體物、藝術（品）與感知形式的多層面向之互動 經驗。學習者在參與其中，於非線性的系統架構型態自主操作、探索與觀察，也 從團體協作的競賽遊戲裡，覺察到自我對於藝術（品）各面向認識的掌握與否；

至此，李開復（2017）說道「邊做邊學，當機立判，於複雜環境的學習情境中匯

至此，李開復（2017）說道「邊做邊學，當機立判，於複雜環境的學習情境中匯