第三章研究設計與實施

(1)

第三章研究設計與實施

本章主要在說明本研究之研究架構、研究對象、研究工具、教學教案設計、實施流程與資料分析的方法。茲分別說明如後：

第一節研究架構

本研究旨在開發應用鷹架理論於網路化包裝設計課程，以質性研究為主，在設計之活動實際進行中，分析探討學習者之滿意度及學習情形。研究架構如圖3-1所示。

圖 3-1 研究架構圖

(2)

第二節研究對象

本研究以立意取樣，選擇台北市某高職三年級某一班共 59 位學生，每位學生皆具備基本電腦操作技能（如上網、打字、電腦繪圖等）。研究將實施包裝設計網路學習課程，學習者於網路課程結束後填寫各單元學習滿意度問卷，並且根據網站上之學習記錄，如討論區停留時間、次數，登出登入、停留網站時間等，由研究者選出四名學習者進行訪談。

(3)

第三節研究工具

為了達成研究目的與配合研究實施，本研究所使用的研究工具包含有（1）自編包裝設計知識前測測驗（2）各單元教學活動課程設計規劃表（3）應用鷹架理論在網路化包裝設計學習課程設計（4）

各單元學習單（5）學習任務分配表（6）學習者自評表與同儕互評表（7）學習滿意度問卷（8）訪談大綱（9）網路化包裝設計學習系統。

一、自編包裝設計知識測驗

本測驗將依據教育部所公佈之職業學校各類科課程標準總綱，提到有關在包裝設計的教學目標為培育學生具備包裝設計之創作和實務製作的能力等二大目標為主要編制方向。其試題範圍與參考書目分別為：一年級設計基礎、二年級圖學、現代商品包裝設計（鄧成連，北星）、商業包裝設計（龍冬陽，檸檬黃）。本測驗於編制完成後，對三位相關領域之專家學者進行諮詢，以建立專家效度，其人數分配如下表3-1。本測驗的目的是要確立學習者的ZPD。研究者在進行網路化教學前施行前測。

表3-1專家諮詢對象人數表

專長範圍包裝設計/色彩學設計基礎/圖學

人數 2 1

(4)

二、各單元教學活動課程設計規劃表

課程設計將分為四個單元，其內容可分為原住民文化知識、包裝設計概念、紙器造型設計、包裝視覺設計、系列包裝等，除了第一單元較為理論，屬於認知層次，其餘單元因高職課程的關係，學習內容較偏重技能實作與情意。每一個單元的活動計畫，皆有對課程內容與流程與相對應網路系功能作詳細的規劃。

三、應用鷹架理論在網路化包裝設計學習課程設計

為了達成研究目的二，針對網路化鷹架式的包裝設計學習，本研究設計發展了針對該課程的線上課程學習內容。該課程共分為四個單元，分別是單元一原來如此，單元二包你好看，單元三包你出色，單元四大包小包。四個單元之教學活動將在本章的第四節中作詳細的說明。

四、自編單元學習單

為了使學習更有效，於每單元課程設計學習單。本學習單依據每單元課程內容制訂，於學習完某一單元後，於線上提供學習者自行下載。

五、學習任務分配表

為了使分組能夠更具體的分工合作，制訂了學習任務分配表，各組可依組員的合作情況與組長一起協商調整組裡的合作學習。

(5)

六、學習者自評表與同儕互評表

學習者可根據自己的表現作自評，學習者與學習者之間做互評，

並解釋其理由，以瞭解其認知的差異與不同的看法。

七、學習滿意度問卷

在單元結束後，請每位學習者填寫「網路化包裝設計課程學習滿意度問卷」。問卷包含有結構性問題與非結構性問題，內容分別用以瞭解學生知識、技法與態度的學習情況，同時提供學生對教學活動表達意見的機會。從其中分析結果，以便研究者可以進一步瞭解各單元學生學習成效，以作為改善教學活動與分析評鑑教學總成果的依據。

該問卷共可分為：各單元課程內容、線上學習方式、學習功能等三部分進行。本問卷的Cronbachα信度為0.871。

本問卷於編制完成後，對四位相關領域之專家學者進行諮詢，以建立專家效度，其人數分配如下表3-2。

表3-2 專家諮詢對象人數表

專長範圍（教育界）教學 /課程（業界）系統/多媒體/網頁

人數 3 1

八、訪談大綱

本研究將依據訪談大綱並且由網路線上學習紀錄選出四位學習者對其進行訪談，以便更進一步了解學習者的學習情形以及所遇到的困難，補足在量化問卷中所可能無法察覺的部分。

(6)

九、網路化包裝設計學習系統

採用系統分析與設計方法—包括分析、設計、發展、評鑑等步驟所開發的「應用鷹架理論在網路化包裝設計學習系統」。

（一）分析階段 1.

學習內容分析

本研究欲建構一個以鷹架為基礎的包裝設計學習網站，因此在建置之前必須瞭解課程內容與網站線上學習需求。一般包裝設計在高職課程中相當龐雜且紛亂，本研究將依據教育部所公佈的職業學校各類科課程標準總綱，將包裝設計的教學目標為培育學生具備包裝設計的創作和實務製作的能力等二大目標為主要課程內容，並且蒐集相關教材、書籍、網路資料等，以作為課程編制網站內容之依據。因應課程需要與學習，課程進行時，必須配合主題分組進行，本研究以原住民文化為主題，基於上述，本課程內容主要的單元有四，其實作與理論內容分配如表3-4：

表3-3實作與理論內容分配表

單元名稱內容理論/實作

單元一原來如此概論理論

單元二包你好看立體紙器造型設計實作單元三包你出色包裝視覺外觀設計實作單元四大包小包系列包裝設計理論與實作

2.

系統發展工具分析

配合研究之施行，需建構網路化習包裝設計學習系統，此系統之發展工具分述如下：

(7)

(1) 作業系統：Microsoft Windows 2003 Server (2) 網路伺服器：IIS 5.0

(3) 資料庫管理系統：Microsoft SQL Server 2000 (4) 網頁製作：Dreamweaver MX 2004

(5) 繪圖影像製作：Photoshop7.0、Ulead PhotoImpact 、Coreldraw12 (6) 程式語言：Microsoft ASP.NET

(7) 動畫製作：Flash MX 2004

（二）設計階段 1.

課程設計

本研究將包裝設計課程分為四個單元，分別是單元一原來如此，單元二包你好看，單元三包你出色，單元四大包小包。單元因應高職生的需求，主要偏重實作的部分，每一單元開始會介紹單元的學習目標，最後會指示學習者該單元應完成的學習任務。學習者可透過網路討論區與同儕互動以增進其可能發展區，因為課程需要，學習者可將自己的作品上傳至作品展示區，以增進彼此觀摩學習的機會。

2.

網頁線上學習教材流程設計

網頁線上學習教材流

程

如圖3-2所示。根據學習者與課程內容需求，設計了三部分的學習方式，分別是學校的實體教學、線上教材網路輔助學習、學習者回到家中的學習。學習者在學校經過教學者實體教學的解說後，回到家繼續完成所要達成的學習任務，透過線上教材網路輔助的特性，學習者可重複的瀏覽教材，以補足在學校所不足的部分，透過討論區與同儕或教學者討論，以釐清在學習上

(8)

的問題與解決其困難。完成作業後上傳至網站，並且可以在作品展覽區上看到自己與觀摩別人的作品。

圖 3-2 網頁線上教材學習流程

3. 系統功能架構

本研究之網頁教材系統功能與呈現形式如圖 3-3 所示。系統架構共可分為五大區，分別是個人化區、線上學習區、互動區、上傳區、

資源區。其所屬連結內容將在下節有詳細說明其功能及使用時機，其中教學管理者的部分是教學者及系統管理員可進入，一般使用者不會看到這個頁面。

綜合圖 3-2、3-3 的運用，茲將其具體作法流程說明如圖 3-4 所示，

在這裡我們以第一單元為例。以後登入系統學習時，因為鷹架的輔助，

可能因個人而異，每個人獨立的時間不同，學習者並不一定按照這個順序進行學習。

(9)

圖 3-3 網頁系統功能架構

1

學習者在學校的教學課程，經由教學者實際的解說、網頁的操作解說，實體的教學。

2

學習者可到線上網路教材網站進行學習。

3

學習者進入網站首頁。

4

學習者登入網路學習系統，以個人帳號密碼登入。

5

進入線上學習區，選擇某單元瀏覽教材學習。

6

到資源區下載學習單。

7

可至互動區與同儕互相討論學習內容。

(10)

8

完成學習任務與作品製作，並上傳。

9

可至作品展示區互相觀摩。

在過程中若有問題可到互動區與同儕互相討論。

○

¹¹登出。

圖 3-4 學習流程

（三）發展階段

此階段為實際建置網路化包裝設計學習系統，其主要系統功能如下：

（1）個人化功能（學習者登入登出區）

這塊區域提供了登入及登出的功能，學習者在此以自己的帳號與密碼登入，此外學習者也可在

此修改自己的大頭貼，這個狀態會顯示在論區上面圖3-5 個人化

(11)

功能代表某位學習者。其介面如圖3-5所示。

（2）教學管理者區（教學管理者登入登出區）

不同於學習者區，此為教學者或管理者作管理的功能，包括公佈消息、修改或新增相簿、

上傳學習單、新增學生帳號、修改學生上線的狀態等。教學者可透過此功能瞭解學生線上的狀態，可作為輔助學生與評量的基礎。教學者介面如圖3-6所示。

圖3-6教學管理介面

（3）線上學習功能

是所有線上教材放置的區域，共有四單元。在這裡學習者可以瀏覽全部的學習教材，包含學習應達成的目標、課程教材內容、

相關參考網站、學習任務等。介面呈現如圖3-7所示。

圖3-7線上學習功能

（4）互動區

包含公佈欄、討論區等。如圖3-8、3-9所示學習者可透過公佈

(12)

欄以瞭解下次上課的內容與需帶的用具，繳交作業日期、考試日期、提醒注意事項等。討論區則是學習者與教學者互動的地方，透夠與同儕討論，澄清觀念，幫

助解決問題。

圖3-8 公佈欄功能

圖3-9討論區功能

（5）上傳區

可分為作業上傳及作品展示區。如圖3-10及3-11所示。學習者將作品完成後，以電子檔的方式，拍照上傳。作品展示這裡則是可看到各組成員及其上傳的作品，幫助其欣賞與互相觀摩學習，

使之學習內容更為具體。

(13)

圖3-10 作業上傳功能

圖3-11作品展示功能

（6）資料下載區

學習者可在此下載學習內容相關資料及補充教材、學習單等。

(14)

（四）評鑑階段

系統經初步測試，由另一班廣告設計科班級57名學生試用系統，

並且詢問專家之意見與指導教授討論之後修正。測試中發現同時間上線有網路拖慢的問題、畫面、上傳檔案等經修正。以符合該環境與學生狀態之需求。

(15)

第四節鷹架理論在網路化包裝設計學習教學設計

本節內容包括包裝設計流程、應用鷹架於網路化之教學流程設計與系統功能對應、各單元教學活動課程設計

、

鷹架式網路化包裝設計學習網站架構等四部分，茲分別說明如下：

一、包裝設計流程

包裝設計可分為商業包裝設計與工業包裝設計，本文的課程設計以商業包裝設計為主，以下皆簡稱為包裝設計。

傳統的包裝設計學習大部分都是以設計流程的模式來進行。我們以商業包裝設計程序為例可分為：1.委託 2.研討及資料收集 3.企劃 4.

設計發展 5.印刷、製盒、監督，其中設計發展又可分為；（1）草圖（2）

構想圖（3）立體彩色樣品製作（4）提出（5）定案（6）系列發展（7）

設計完成（龍冬陽，1982）。本研究以學校的課程發展為主，因此並不考慮市場機制與客戶委託的部份，而是以設計發展這個階段為重心，發展一個包裝設計的學習活動。若依設計發展的程序又可分為：

1.三分法：草圖、初稿、色稿。2.四分法：草圖、初稿、色稿、完稿。

3.五分法：研究（構想方向）、草圖（粗稿）、初稿、色稿、完稿（鄧成連，1990）。因應學校課程與需要，我們以這些分法做一些修正，

發展出以下的包裝設計發展程序如圖 3-12：

圖 3-12 包裝設計發展程序

(16)

依據上圖之包裝設計發展程序，分別說明如下：

1.設計主題：選擇一個主題做設計的發揮，本研究以原住民為題作為本學習活動課程之設計主題。

2.企劃：學習者在這個階段必須對主題做相關的設計與規劃。例如時間流程、主題發展、系列發展與計畫等。

3.草圖：草圖發展是設計創意的一個重要過程，不管科技多麼發達，

這個階段是創意的發想與創造力盡情不受限制的階段之一，在此階段，重視學習者不同角度的發想與流暢度。

4.色稿：將上階段的草圖更具體化，以便做實際的製作。

5.立體盒製作：將設計構想做成實體，以便修正與改進。

6.電腦完稿：以電腦繪圖工具完成前階段之構想，電腦科技的發達為這個階段節省了很多時間，使完稿程度幾乎接近實品。

7.輸出：電腦完稿後輸出成品以完成實物。

8.展現：對設計的學習者來說，將作品完成最重要的就是要呈現給人看，設計是屬於有計畫的活動，並且與生活息息相關，所以必須與人與環境互動，這樣設計才有意義，展現所完成的作品就是其中的方式之一。

以上的包裝設計發展程序是針對技職學校的學習者所設計，技職學校的學習者較重視技能的發展與情意的培養，理論上的教學盡量簡單扼要，不必太深入，因此，針對學習者的特性我們將重點放在草圖、

色稿、立體圖製作、電腦完稿等階段，輸出與展現也是實務上重要的技能，所以也是本程序發展的重點之ㄧ。

二、應用鷹架理論於網路化教學設計流程

本文主要以鷹架理論為基礎在網路上進行的包裝設計學習課程，依據文獻探討與實際設計包裝設計流程課程活動，而設計規劃

(17)

出鷹架式包裝設計教學設計，以達成研究目的一，其說明如表 3-4。

表 3-4 應用鷹架理論於網路化教學設計流程與系統功能對應表

目標流程鷹架教學策略之應用功能/要素評量系統功能教

學前

一、教學前準備教學管理區

二、瞭解近側發展區了解 ZPD 以訂出其教學目標，積極診斷學生的理解和需求。

先備知識近側發展區

線上教材區資源區上傳區三、引發學生參與

—引起動機

先前約定：

選擇一個合適的任務。

是否了解教學目標

線上教材區公佈欄四、指出關鍵因子

--提示線索

1.設立一個共同目標：

老師與學生必須在學習目標上達到共識。

2.指出所欲學習事物的關鍵特徵。

是否了解教學目標關鍵要點。

線上教材區討論區資源區五、示範

-- 以實例操作與演練。

提供課程相關範例供學生觀摩學習。

是否了解欲達成的教學目標關鍵要點。

線上教材區討論區資源區六、分組合作學習—

分散學習責任。

減輕學習時的負擔。是否參與分配的工作

線上教材區互動區資源區上傳區教

學

中

七、學習責任轉移—管理學習方向。

1.進行學習活動方向管理。

教師針對學生的需求來調整其鷹架。並掌控學習過程的挫折。

2.教師激勵、指導學習活動。

3.控制挫折與風險：老師必須提供製造一個學生可以自由嘗試而沒有處罰的環境。

4.勿使學習偏離主題，老師藉由要求澄清、提出問題來維持對目標的共同關注。

5.提供讚賞和鼓勵來強化學生的學習動機，給予回饋。

是否參與分配的工作及主動學習與討論是否參與討論並主動提問發現問題解決問題

是否解決問題並具體呈現

線上教材區資源區討論區上傳區

評量

八、總結性評量真實評量反思與學習遷

移

教學管理區上傳區資源區

(18)

具體說明如下：

1.教學前準備

教師評估可應用之鷹架及準備教材。

2.瞭解近側發展區

從學習者包裝設計知識測驗分析，來測定學生各項能力的實際發展層次，並測定其近側發展區。

3.引發學生參與 —引起動機

確立教學目標—與學習者協商—引起興趣。介紹教學內容，與學生討論並解釋要達成的預期目標等。教學者依據討論結果編訂學習單、學習任務分配表。

4.指出關鍵因子

提示線索：教學者藉著提問、呈現問題、展示範例等，讓學習者藉著暗示與觀察掌握到欲學習的特徵關鍵。

5.示範

教學者先以實例操作與演練，讓學習者更清楚瞭解學習任務之關鍵與學習目標。

6.分組合作學習—分散學習責任

(1)全班分成12組，每組4-7人，每組以原住民12族文化為主題，各組可自行決定作那一族來進行設計學習活動。

(2)收集資料--合作學習

教學者提供事先預備好的相關網站資料協助學生收集學習任務要求的資料。透過「小組長檢查」制度，督促學生確實完成學習任務。

(3)合作解決問題

依學習單進行分組討論，教學者協助釐清學習單上知識與方法的問題，學生透過討論與練習，並填寫學習單。

(19)

7.學習責任轉移—管理學習方向教師激勵、指導學習活動。

(1)教師的讚美與適時的回饋。

(2)作品發表。

(3)作品觀摩與討論。

(4)適當的作業。

8.總結性評量

(1)學習者自評。

(2)同儕互評。

(3)學習心得問卷。

(4)查閱任務表與學習單。

(5)形成性評量

三、各單元教學活動課程設計內容

教學活動課程設計一共分為四個單元，以下就各單元教學規劃與教學活動設計內容分述如下：

1. 教學單元規劃：

各教學單元分別是單元一原來如此，單元二包你好看，單元三包你出色，單元四大包小包。教學時間共三十節課，其內容與各單元重點時間規劃如表3-5：

(20)

表3-5 教學單元規劃表

單元一單元二單元三單元四單元名稱

原來如此包你好看包你出色大包小包

時間/節 6 6 6 12

單元重點前測/ZPD、原住民、包裝設計基本認識

紙器造型初階、進階設計

包裝視覺設計

系列包裝、綜合運用

學習內容原住民文化與包裝設計基本認知概念，另外，近側發展區的前測也在這個單元中，

於學習本課程前實施，以了解學習者最有可能發展的區塊。

有關立體、紙器造型的學習課程。分為初階與進階兩部份。學習者除了瞭解各種紙器的構成原理以外，必須實際製作完成紙器造型設計成品。

有關包裝的視覺外觀設計，在本單元中學習者已經對包裝設計程序流程有完整的認識。並且要與前單元連結起來，做成一個有外觀視覺設計的立體包裝盒。

為系列化包裝設計。學習者必須做出一系列與主題有相關連的包裝設計作品。並且具備規劃視覺統一的能力。

這個階段的設計課程學習必須有完整的觀念與計畫，才能完成這個階段的學習任務。

2. 教學活動課程設計：

依據四個單元的規劃與學習內容，應用鷹架理論與包裝設計程序，建構出系統上的相對使用功能，其詳細各單元教學活動內容如表3-6~3-10。表中大概可為教學規劃，節次的分配及內容、單

(21)

元目標、具體目標、目標流程、實際的教學流程與系統相對應使用功能。其詳細規劃如下：

表3-6 單元一課程活動設計與系統規劃（一）

單元一原來如此

-1 ^{原住民知多少}

節次教學主旨

教學規劃

第一、二、三節：前測，瞭解原住民與包裝設計之相關先前學習經驗，以瞭解其進側發展區。分組、學習任務分配、資料蒐集、確認主題。

第四、五、六節：學習網站介紹、原住民相關網站導覽、原住民文化、特色基本認識、設計應用。包裝設計概論。

單元目標具體目標

1.能夠分工合作，互助學習。

2.能夠利用網路找到相關資料。

3.瞭解原住民文化的基本認知。

4.瞭解包裝設計的基本概念。

1-1 知道自己的責任，主動學習。

2-1 能夠利用網路找到有用與主題相關的的資訊。

3-1 能夠瞭解原住民文化特色、與設計相關的應用。

4-1 能夠指出包裝設計與日常生活的關係。

目標流程教學活動流程系統功能/線上教材一、瞭解近側發展

區

透過包裝設計認知測驗，瞭解其起點行為與近測發展區，以作為實際發展層次的參考。

單元一原來如此、

上傳區、資源區。

(22)

二、引起動機教學者透過提問：同學們知道原住民的由來與故事嗎？你對原住民最深刻的印象？是歌聲好、很會運動…等等。

單元一原來如此

目標流程教學活動流程系統功能/線上教材三、指出關鍵因子

四、示範

1.原住民的特色、美的形式關係、

設計相關應用。

2.作業報告的形式、內容要點。

3.網站導覽與介紹：

原住民相關文物介紹，參考網站：

http://www.aborigines.sinica.edu.t w/

台灣原住民數位典藏

http://www.museum.org.tw/ 順益

原住民博物館

http://www.apc.gov.tw/official/ 行

政院原住民委員會

單元一原來如此公佈欄

討論區資料下載區上傳區

五、分組合作學習

六、學習責任轉移

1.下載學習單

2.全班共分成十二組，每組依其主題於網路上找尋相關資料。並依本單元學習任務分配表，各組可自行調整分配任務。一起合作解決問題，找尋相關資料，並做成報告，上傳。

過程中，教師可透過指引，鼓勵小組合作或組間的討論來解決問題。遇到同學無法解決時，教師再介入。並且注意學習者不可偏離主題太久。

單元一原來如此討論區

上傳區資料下載區

(23)

七、評量小組的合作參與情形、討論區討論、實際的報告、線上停留紀錄。

教學管理區討論區

課後作業請同學可回家繼續完成作業，

並且可利用討論區與上傳作業及其他的輔助功能，並預告下次上課的內容。

公佈欄

表3-7單元一課程活動設計與系統規劃（二）

單元一原來如此

-2 包裝設計知多少

目標流程教學活動流程系統功能/線上教材一、引起動機教學者拿出事前準備的實體市

面上各式包裝提問：同學們知道這是什麼嗎？展現各式的包裝，問同學最喜歡那一種？為什麼？

公佈欄

二、指出關鍵因子 1.單元一原來如此：線上教材，包裝設計知多少介紹。

2.教師說明欲達成的學習目標，解說與回答作業相關問題。

三、示範 1. 實際操作電腦示範作業完成方法與步驟。

2. 列印作品問題解說與注意事項。

四、分組合作學習本次作業為個人作業，但可在討論區互動進行討論。

討論區

單元一原來如此五、學習責任轉移 1.下載學習單。

2.過程中，教師可透過指引，鼓勵、討論來解決問題。並鼓勵學生獨力解決問題。

討論區資料下載區上傳區

(24)

六、評量小組的合作參與情形、討論區討論、

實際作業成品列印、作品上傳、

線上停留紀錄。

教學管理區討論區作品展示區課後作業請同學可回家繼續完成作業，並

且可利用討論區與上傳作業及其他的輔助功能，並預告下次上課的內容。

公佈欄

表3-8 單元二課程活動設計與系統規劃

單元二包你好看-

^{紙器造型設計}

節次教學主旨

教學規劃

第一、二、三節：紙器造型初階。

第四、五、六節：紙器造型進階。

1.能夠瞭解各種簡單紙器造型的結構。

2.能夠瞭解各種型態紙器造型的結構，並作變化。

1-1 能夠實際做出簡單造型的紙器結構。

2-1 能夠實際做出變化造型的紙器結構。

目標流程教學活動流程系統功能/線上教材一、引起動機教學者展示許多不同組合方

式的紙器造型，問同學這些結構有那些不同？（從外觀看不出來），過一下子，展開其展開圖，並且請同學上台將其組合，然後請同學說出其不同點。

公佈欄

二、指出關鍵因子 1.教學者與學習者協商，告訴他們這個單元要達成的學習

單元二包你好看資源區

(25)

三、示範

目標，並提問這些造型與日常生活的關係。

2.解說欲達成的學習單內容。

3.線上教材單元二包你好看解說。

4.以電腦繪圖示範其紙器展開圖的畫法，列印與組合完成。

5.拍照，電腦修正，上傳

上傳區作品展示區

四、分組合作學習 1.下載學習單

2.各組依於網路上找尋相關資料。並依本單元學習任務分配表，各組可自行調整分配任務。一起合作解決問題，找尋相關資料，並完成紙器造型設計，拍照並上傳。

資源區上傳區作品展示區討論區

五、學習責任轉移過程中，教師可透過指引，鼓勵小組合作或組間的討論來解決問題。遇到同學無法解決時，教師再介入。並且注意學習者不可偏離主題太久。列印與拍照上傳問題需給學習者多一點時間。

公佈欄討論區資料下載區上傳區作品展示區

(26)

六、評量小組的合作參與情形、討論區討論、實際作業成品列印、作品上傳、作品影像修正度、上傳格式正確度、線上停留紀錄。

教學管理區討論區上傳區作品展示區

課後作業請同學可回家繼續完成作業，並且可利用討論區與上傳作業及其他的輔助功能，並預告下次上課的內容。

公佈欄

表3-9 單元三課程活動設計與系統規劃

單元三包你出色-

包裝視覺設計

節次教學主旨

教學規劃

第一、二、三節：包裝設計視覺設計、設計流程。

第四、五、六節：包裝設計視覺表現技法。

1.能夠瞭解並應用包裝設計設計流程。

2.能夠瞭解並應用各種視覺表現技法於包裝設計。

1-1 能夠應用設計程序實際做出包裝盒。

2-1 能夠運用各種不同技法表現在自己包裝設計，並實際製作。

目標流程教學活動流程系統功能/線上教材

(27)

一、引起動機教學者講解線上教材單元三包你好出色，有關包裝視覺設計實際製作流程，並介紹一些得獎與名師的作品，並提問他們作品中的特色，比較喜歡甚麼風格？那一種表現方式。接著對下個部分，各種表現技法作預告。

單元三包你好出色公佈欄

二、指出關鍵因子 1.請同學試著說出這些有名的作品的特色、共通點，為何喜歡？教學者與學習者協商，告訴他們這個單元要達成的學習目標，並提問並解說這些與自己的設計主題的相關。

2.解說欲達成的學習單內容。

單元三包你好出色資源區

三、示範 1.線上教材單元三包你出色解說。

2.以電腦繪圖示範包裝視覺設計的技法，列印與組合完成。

單元三包你好出色

2.各組依於網路上找尋相關資料。並依本單元學習任務分配表，各組可自行調整分配任務。一起合作解決問題，找尋相關資料，並完成與各組主題相關的包裝設計作品，拍照並上傳。

(28)

五、學習責任轉移過程中，教師可透過指引，鼓勵小組合作或組間的討論來解決問題。遇到同學無法解決時，教師再介入。並且注意學習者不可偏離主題太久。輸出組合問題需給學習者多一點時間。

六、評量小組的合作參與情形、討論區討論、實際作業成品列印、輸出組合精確度、作品上傳、作品影像修正度、上傳格式正確度、線上停留紀錄。

教學管理區討論區上傳區作品展示區課後作業請同學可回家繼續完成作業，

並且可利用討論區與上傳作業及其他的輔助功能，並預告下次上課的內容。

公佈欄

(29)

表3-10 單元四課程活動設計與系統規劃

單元四大包小包-

系列包裝設計

節次教學主旨

教學規劃

第一、二、三節：系列包裝與視覺規劃。

第四、五、六節：系列包裝製作（一）。

第七、八、九節：系列包裝製作（二）。

第十、十一、十二節：系列包裝製作（三）。

1.能夠瞭解包裝設計中的視覺規劃統一。

2.能夠瞭解並應用各種視覺規劃於包裝設計作品中。

1-1 能夠應用視覺規劃統一實際做出一系列包裝。

2-1 能夠實際製作出與主題切合，並且達到視覺統一的合理性之系列包裝設計。

目標流程教學活動流程系統功能/線上教材一、引起動機教學者先提問：甚麼是系列包

裝？等待同學的回應。並舉例，為什麼你家的人或兄弟姊妹一家人別人會看出來？因為它們之間外觀有什麼關係是看的出來的嗎？說說看！

單元四大包小包公佈欄

二、指出關鍵因子 1.講解線上教材單元四大包小包內容中系列包裝的例子。說明其中的特色、共通點。

2.請同學試著說出這些共通點，為何看出來是一系列？

教學者與學習者協商，告訴他們這個單元要達成的學習目標，並提問並解說這些與自己的設計主題的相關。

單元四大包小包資源區

(30)

3.解說欲達成的學習單內容三、示範 1.線上教材單元四大包小包

範例、製作解說。

2.以電腦繪圖示範系列包裝設計的技巧，列印與組合完成。

3.拍照，電腦修正，上傳

單元四大包小包上傳區

作品展示區

2.各組依於網路上找尋相關資料。並依本單元學習任務分配表，各組可自行調整分配任務。一起合作解決問題，找尋相關資料，並完成與各組主題相關的系列包裝設計作品，拍照並上傳。

五、學習責任轉移過程中，教師可透過指引，鼓勵小組合作或組間的討論來解決問題。遇到同學無法解決時，教師再介入。並且注意學習者不可偏離主題太久。輸出組合問題、系列包裝合理性與視覺統一性需給學習者多一點時間討論與澄清。

六、評量小組的合作參與情形、討論區討論、實際作業成品列印、輸出組合精確度、作品上傳、作品影像修正度、上傳格式正確度、線上停留紀錄。

教學管理區討論區上傳區作品展示區本課程結束請同學可回家繼續完成作

業，並且可利用討論區與上傳作業及其他的輔助功能。

公佈欄

(31)

茲以單元一為例如表3-11，對應鷹架理論在其網站上各項系統功能中，學習者可能會使用到的網站上建置相關之鷹架輔助來說明。

表3-11 單元一原來如此課程活動示例

目標流程教學活動流程系統功能/線上教材一、瞭解近側發展區透過包裝設計

認知測驗，瞭解其起點行為與近測發展區，以作為實際發展層次的參考。

單元一原來如此、上傳區、資源區。

說明：這個階段的目標為要瞭解學習者之近側發展區，教學者先讓學習者熟悉一下網路環境，然後講解此測驗的目的，然後演示網路教材，如何登入、瀏覽單元一線上教材有關「包裝設計知多少」的部分並至資源區下載學習單。測驗完畢後，

學習者將其測驗卷電子檔上傳至上傳區中的檔案夾，完成前測。（時間：150 分鐘）

二、引起動機教學者透過提問：同學們知道原住民的由來與故事嗎？你對原住民最深刻的印象？是歌聲好、很會運動…等等。

說明：此階段目標為要引發學習者的學習興趣，教學者首先透過提問，盡量與學習者周遭事物與先前經驗有關的問題。若能引起共鳴，有利於進入下一階段的學習，例如：學習者反應：原住民，會想到阿妹（歌手）、小米酒、一些歌手等。進而問他們，那他們有那些特色呢？注意要將其引導到與設計相關的主題。例如顏色與造型、圖騰、花紋等。接著請他們至「單元一原來如此」瀏覽教材，稍微講解其網站可利用的資源及重點，注意事項等。（單元一時間：150 分鐘）

(32)

三、指出關鍵因子

四、示範

1.原住民的特色、美的形式關係、設計相關應用。

2.作業報告的形式、內容要點。

3.網站導覽與介紹：

原住民相關文物介紹，參考網站：

http://www.abo rigines.sinica.ed u.tw/

台灣原住民數位典藏

http://www.mus eum.org.tw/ 順益原住民博物館

http://www.apc.

gov.tw/official/

行政院原住民委員會

單元一原來如此/公佈欄/資料下載區

說明：此階段為指出關鍵因子與示範，以提升學習者的注意力與掌握學習關鍵。

在經過引起學習興趣之後，教學者演示至線上教材單元一原來如此中的原住民知多少與原住民網站，引導學習者觀察各族之特色與特徵，並且提示其與視覺設計上的關係。進而引出與包裝設計之關係，並且至包裝設計單元看其範例說明與應用。此階段包裝設計部分著重在概念的認知與喚起先前的舊經驗，進而與新的事物（原住民）相結合。學習者可透過公佈欄瞭解作業繳交的規定及時間，並提醒資料下載區下載學習單以瞭解本單元之學習目標。

(33)

五、分組合作學習 1.下載任務分配表 2.全班共分成十二組，每組依其主題於網路上找尋相關資料。並依本單元學習任務分配表，各組可自行調整分配任務。一起合作解決問題，找尋相關資料，並做成報告，上傳。

單元一原來如此/討論區/上傳區/資料下載區

說明：這個階段為分組同儕合作學習，全班十二組分別作不同族群之主題，學習者可至資料下載區下載任務分配單，可透組長協調彼此的任務，至單元一原來如此瀏覽教材，並串連至各網站找尋資料。教學者說明小組之間或組之間可透過討論區彼此討論，解決問題，並且做成報告電子檔，至上傳區上傳。

六、學習責任轉移過程中，教師可透過指引，鼓勵小組合作或組間的討論來解決問題。遇到同學無法解決時，教師再介入。並且注意學習者不可偏離主題太久。

單元一原來如此/討論區/上傳區

說明：在這個階段，學習者可透過網路的教材與超連結，自己尋找答案，並且透過討論區與組員討論，完成作業，並且上傳。在這個階段教學者必須注意學習者線上討論的情形，登出登入、帳號密碼管理等。尤其一開始學習者會比較興奮可以在上課透過網路討論，會有一些較多與課程不相關的主題出現，此時教學者必須作適當的引導與管理。

(34)

七、評量小組的合作參與情形、討論區討論、實際的報告、線上停留紀錄。

教學管理區/討論區

說明：教學者透過線上的監看、討論的情形、停留時間與登入次數等以作多元的評量。教學者可在教學管理區作編輯及提取記錄，並且適時的在討論區回應與觀看。

課後作業請同學可回家繼續完成作業，並且可利用討論區與上傳作業及其他的輔助功能，並預告下次上課的內容。

公佈欄

說明：此階段教學者說明為完成之作業請回家繼續完成，並請學習者多利用網路上的功能以幫助回家後的學習，包括利用討論區、公佈欄等系統功能。並且提醒下次上課的內容及注意事項可至公佈欄觀看。

四、鷹架式網路化包裝設計學習網站架構

本研究採鷹架教學網路化包裝設計學習方式，針對上述提出的架構與包裝設計程序，我們建構了網路化包裝設計學習網站系統，其網站建構畫面登入首頁如圖 3-12，網站架構如圖 3-13。

(35)

圖 3-12 登入畫面

圖 3-13 網站架構

(36)

圖 3-13 為本文提出的鷹架式網路化包裝設計學習網站的基本架構，整個架構建立在鷹架教學理論上，系統一共分為四個大單元，左邊為包裝設計程序，連接線是該單元出現包裝設計程序中所需的課程學習。從上圖可看出，該學習系統一開始讓學習者有步驟的學習，先建立一些基本的認知與瞭解設計實務的流程。到第三單元時，學習者已經完整的實作過一次包裝設計程序，第四單元時學習者所學習的項目包含全部的包裝設計程序，但是學習者可以選擇不必一定按照某些順序，便可完成他的作品。

(37)

第五節實施流程

本研究主要目的在探討學習者使用應用鷹架理論之網路化包裝設計學習輔助之學習情形，於實施教學實驗前，先施以前測，以瞭解其近側發展區，以三十節課實施正式的教學實驗（如圖3-14）。實驗設計流程說明如下：

圖3-14 教學實驗實施流程

(38)

第六節資料分析

本研究資料可分為量與質的分析二部分，茲分別說明如下：

一、網路化包裝設計學習系統之滿意度問卷分析

本問卷分為量與質二部分，一部份為量化方式，另一部份則是開放性的問題。量的部分採 Likert 五點量表為計量方式，進行平均數與標準差統計分析。分別為「非常同意」得 5 分，「同意」

得 4 分，「普通」得 3 分，「不同意」得 2 分，「非常不同意」

得 1 分。問卷回收後，去除掉無效問卷，將原始資料輸入電腦。

本研究採 SPSS 進行統計分析。採用的是敘述性統計中的平均數、標準差與百分比統計方法，以瞭解學習者對學習系統的反應與分佈情形，以作為日後發展相關課題之教材與網站的參考。

二、訪談資料

將受訪者的訪談內容整理，並依受訪人員分別紀錄，以利做封閉式問卷所遺漏的訊息補強作資料分析。

第三章 研究設計與實施