國立臺中技術學院

多媒體設計系

專題設計與製作報告

灣麗磚瓦數位文物館建置計劃

學 生 / 學 號：張芷嫣 / 14914002
巫立偉 / 14914005
李德俊 / 14914013

專題製作總指導：王兆華老師
主指導：蔡子瑋老師
共同指導：許永洲老師、許綠倫老師、游耿能老師、
遊曉貞老師、黃國峰老師

中華民國 94 年 4月

第 1 頁，共 33 頁
目錄

壹、前言 -------------------------------------------------------------------------------------- 4
1-1 背景
1-2 動機與目的
1-3 製作主題
1-4 計劃流程圖

貳、文獻探討 ------------------------------------------------------------------------------- 6
2-1 磚文化介紹
2-2 數位博物館介紹
2-3 相關技術介紹

參、資料分析 -------------------------------------------------------------------------------11
3-1 競爭者分析
3-1-1 實體功能分析
3-1-2 介面及使用性分析
3-1-3 色彩計劃分析
3-1-4 總結

3-2 需求分析
3-2-1 網站目標分析
3-2-2 使用者需求分析

肆、設計方向 ------------------------------------------------------------------------------21
4-1 內容設計規格
4-2 視覺設計規格

伍、工作進度 ------------------------------------------------------------------------------25
5-1 主網站視覺設計
5-1-1 網站的歡迎頁
5-1-2 網站的 icon 設計
5-2 兒童趣味館
5-2-1 兒童趣味館的開頭動畫
5-2-2 兒童趣味館的著裝遊戲

第 2 頁，共 33 頁
 5-3 互動體驗館
5-3-1 影片介紹

陸、參考資料 ------------------------------------------------------------------------------ 30
6-1 參考文獻
6-2 相關網站
6-3 附錄

第 3 頁，共 33 頁
壹、前言

1-1 背景─文化數位化傳播的趨向
近年來，數位化領域的相關研究，隨著網際網路的發展逐漸受到世
人重視。資訊網路化使得知識訊息傳達的方式有了巨大的改變。藉
由科技的力量傳播、記錄、保存、利用知識與文化資源，舉凡古物、
古蹟、民俗文物、文學、史料、藝術創作等，以現今數位化技術的
發展，能夠克服外力加諸於實體文物的影響，得以保留其原本的樣
貌，對於生活在今日的人們，數位化後的史料文物加以組織整理，
連結縱向的就成了一部跳脫於文字記載的文化寶藏，它強化了時間
與空間的聯繫，以及語言文化的軌跡，形塑出歷史的完整面向，為
族群發展留下珍貴記錄。

1-2 動機與目的─磚文化系統化的保存與發揚
在現代工業蓬勃發展之下，傳統以磚為建材的模式逐漸被鋼筋水泥
所取代，雖然新的建材有其對人們的貢獻，但是磚也不該就此消失，
由於本計劃普遍缺乏文化保存的精神，傳統的磚文化維護面臨很大
的阻力。時至今日，傳統文化正急速消逝中，似乎抵不過都市現代
化的腳步，以及人為有意或無心的破壞，使得臺灣許多城市找不到
歷史感，生活其間的民眾不免有失根的感覺，因此傳統的磚文化，
在現代數位時代的潮流下，更應重視，予以數位化的保存與發揚，
配合政府極力所支持數位典藏，協助傳統文化產業的轉型，進而發
展地方文化特色，讓磚文化更容易 親近人們，把原本功能性的紅
磚，帶入一個發展文化與休閒娛樂合而為一的新興媒介。因此本組
藉由這次的畢業製作擬將台灣磚文化以數位內容呈現，讓台灣磚文
化能在數位知識庫留下一塊空間。

1-3 製作主題
本次專題製作與金良興窯業股份有限公司及灣麗磚瓦文物館合作建
置「灣麗磚瓦數位文物館」
，以使用者為中心的設計理念建置一具展
示、教育及管理的磚文化數位知識庫系統。將相關磚的文化資訊，
進行數位化資訊製作及管理建置，內容包括：

1. 紅磚文化與磚雕作品數位元化（數位化檔案群）：磚的種類、磚
的建造排列方式、舖面、磚雕技術教學、各國磚文化及作品的展
覽蒐藏。

第 4 頁，共 33 頁
 2. 數位文物館加值應用（文化產業、內容產業應用），達成一個休
閒娛樂兼具教育學習的資訊系統。

1-4 計劃流程圖

設計動機

資料收集

資料分析

訂定設計方向

資料庫系統架構建立 網站架構建立
建立

關聯圖設計 色彩計劃

資料字典設計 介面版型

設計執行

測試修改

專案完成

第 5 頁，共 33 頁
貳、文獻探討

2-1 磚文化
「磚」是早期臺灣地區建築物中不可或缺的一種建材。但由於現在
建築多以鋼筋水泥為主，傳統的磚已逐漸被取代。磚的原料為泥土，
但經過燒製混鍊之後，磚塊建築物變得堅固，具有耐震強、斷熱性
佳、耐寒性強的特性。而製磚的過程更是如此專業且繁複，許多用
以燒磚的窯也極具特色，如能將製磚技術完整保留下來。台灣省磚
瓦同業公會聯合會理事長易榮昌先生，將其工廠轉型為文化觀光產
業，將富有悠久歷史之磚雕及砌磚技藝推廣至社區，並成立灣麗磚
瓦文物館介紹磚及展示作品，使磚文化得以流傳保存。[1]

觀光磚廠
金良興觀光磚廠基地約 28,266 ㎡、窯業用地約 45,215 ㎡、含其他共
計 10 公頃餘面積，主要生產及服務項目為建築、庭園造景用紅磚、
火頭磚、磚雕藝品、材料批發及零售、磚雕及砌磚。自 92 年度起獲
得經濟部工業局輔導成為「觀光磚廠」，定位為製造兼營觀光服務，
成為全台唯一開放觀光之磚廠，並致力於「生產、生活、生態」的
永續經營與發展，以推廣紅磚文化創意為主軸，提供磚雕教學 DIY、
小小磚瓦博物館參觀、製磚流程參觀導覽、藝術磚雕創作交流等活
動，喚起民眾對於磚瓦文化情感，轉化成為磚雕文化創意融入生活
及藝術之表現，深獲好評。除此，積極參與山腳社區的總體營造，
將富有悠久歷史之磚雕工藝呈現於社區內，帶動苑裡鎮山腳社區成
為磚瓦產業的觀光地標。

圖 1 金良興觀光磚廠

第 6 頁，共 33 頁
灣麗磚瓦文物館
「灣麗」是苑裡地區的舊稱，磚瓦產業長久以來伴隨建築業而蓬勃
發展，但在時代的轉變之下市場需求漸減，苑裡地區仍有在燒窯的
僅剩金良興窯業。金良興磚廠於民國六十二年創立，是苗栗最早之
隧道窯廠，窯體長達 162 公尺，以質佳之火炎山風化頁泥岩產製紅
磚，優異品質行銷聞名全台灣，八十五年起推展紅磚產業文化，結
合山腳社區總體營造發展成地方特色產業，使磚雕技藝生活化深入
社區與學校，重視產業文化保存與發展傳承，並成立「灣麗磚瓦文
物館」，以紅磚生產線作為動態展示場所，從揉土、切塊、裝車、
預熱、燒成、冷卻道出窯的完整製程，配合製磚流程導覽解說，以
各地磚雕藝術作品、磚瓦科技產品、傳統磚瓦製程工具、國內外磚
瓦製品、磚瓦圖書刊物、窯業文史資料與窯種演進史料等實物作靜
態展示。透過製磚流程導覽解說、磚瓦文物欣賞、磚雕 DIY 等活動，
提供精彩的磚雕旅遊體驗。

圖2 灣麗磚瓦文物館

磚文化之美
磚除了在建築上的應用，在磚雕、砌法…等，皆有其獨特之美感。

圖3 磚文化─磚雕

第 7 頁，共 33 頁
 圖4 磚文化─排列

圖 5 磚文化─景觀

2-2 數位博物館
實體的文物，以傳統媒介保存展覽於各地各館，固然具有文化的歷
史意義，但在實際功能上，除了單純作展示及推廣認識之外，應該
更有彈性與效率地，將這些充滿地方及族群特色的文物，轉為更多
元的資源加以應用。文化館除了文物展示，以及做為社區的活動空
間，並建立起文化與社區互動的機制且應達到文物典藏、教育、傳
承的目的，而資訊網路與數位化技術即為最重要的方法之一。[2]

『一個以數
Lewis（Schweibenz）針對『虛擬博物館』所下的定義為：
位形式記錄歷史的、科學的、文化旨趣的影像、聲音、文本、檔案
與其他資料的集合。它可以透過電子媒體被取得，它沒有儲存實際
的物件，因此它缺乏博物館這個字在他們機構定義中永恆與唯一的
特質。』Schweibezn（1998）也提出了他自己整合一些看法後對『虛
擬博物館』的定義： 『一個數位物件的邏輯上相關的集合，由多種媒
體組成，因為它提供連結性（connectedness）與不同取用點（points of
access）的能力，使得它超越與觀眾的傳統溝通與互動的方法，對他
們的需求與興趣更有彈性，它沒有實地的地方與空間，它的物件與
相關的資訊可以被傳播全世界。』[3]換言之，數位博物館與虛擬博物
館都只是名稱上的差異，兩者包括的內容及引用的技術是極類似的。

第 8 頁，共 33 頁
我國國科會數位博物館專案推廣計畫小組（1999）認為在一個數位
博物館中，一般博物館所具有的展示、收藏、教育、研究等功能都
被以『數位元化』的方式呈現，通常包括以下幾個功能：1、數位典
藏；2、數位化展示；3、遠距教學。[4]宋思齊（1999）認為一個數位
博物館通常包括以下幾個功能：1、數位典藏；2、數位化展示；3、
線上教學資源。[5]王美玉（2000）認為數位博物館至少必須具備下列
要件：1、數位典藏；2、陳列的行為；3、陳列物品具教育及文化價
值；4、以數位元化的方式陳列、展示與教育；5、需具有一定的規
模。[6]徐典裕、王嵩山（2000）認為數位博物館達成促進想像與知識
管理之應用系統可以分為下列幾種：數位典藏、虛擬蒐藏庫、虛擬
展示館、網路教室、數位資源中心。[7]

圖6 數位典藏的應用架構圖

此架構圖可以進而延伸出本計劃的規模，本專案製作擬將傳統的紅
磚文物與磚雕作品數位元化（數位化檔案群），並建製磚文化數位
文物館的應用（文化產業、內容產業應用），達成一個「休閒娛樂
兼具教育學習」的資訊系統，使這些數位文化檔案群與大眾更貼近
也更實用。

第 9 頁，共 33 頁
2-3 相關技術介紹

為便於日後逐漸增加的資料檢索，本計劃將會參考中央研究院所訂
定的博物館後

製作技術 說明 使用軟體
影像資料相關技術及數位化
PhotoShop CS
⊙使用掃描器匯入靜態影像資料
Image Ready
影像 ⊙使用數位相機拍照
Illustrator CS
⊙後製作處理，使用工具軟體修
PhotoImpact 10
整編排影像細節
2D：Flash MX 2004
動畫 2D、3D 動畫及虛擬實境 3D：3D MAX
VR：QuickTime VR
視訊 視訊資料相關技術及數位化 Sony Vegas
網頁設計、環物及環場技術、資 Dreamweaver MX
料庫、數位學習相關技術、互動 Flash MX 2004
整合多媒體
技術、媒體輸出（平面、CD、 JavaScript,php,xml
DVD）。 Access/MySQL

第 10 頁，共 33 頁
參、資料分析

3-1 競爭者分析
以同類型的國內數位文物館依實體功能、介面使用性及色彩計劃，
進行競爭者分析，如下：

3-1-1 實體功能分析

網站名稱 臺北縣立鶯歌 台灣民族藝師

五穀文化村 花蓮石雕博物館
陶瓷博物館 數位博物館 （附錄三） （附錄四）
比較項目 （附錄一） （附錄二）

計數器 有 無 無 有
流量統計 無 無 無 有
搜尋引擎(購物車) 有 有 （有） 有
活動廣告 有 無 有 無
購物車 無 無 有 無
電子書 無 無 無 無
問卷調查 無 無 無 無
E-mail 通信 有 有 有 有
最新消息 有 無 有 有
留言版/討論區 無 無 無 有
會員專區(購物車) 有 無 （有） 無
電子賀卡 無 無 無 無
聊天室 無 無 無 無
投票功能 無 無 無 無
電子報 無 無 有 無
影音視頻 無 無 無 有
線上管理平臺 有 有 有 有
環物環場技術 有 無 無 無
3D、VR 虛擬實境 有 有 無 有
互動遊戲 無 有 無 有
嵌入式網頁語言 asp jsp php aspx

小結：
依照四個網站功能性來看，可發現一些功能設計上的共同
點，這四個網站都有使用到『站內搜尋』
，可以瞭解，除了提

第 11 頁，共 33 頁
 供資訊外，整個網站的設計更應該提供使用者一個『方便』
的環境平臺，除了資訊架構清晰外，需提供最直接的資訊搜
尋。另外 E-Mail（網路族群大多有使用 E-Mail 通訊的習慣，
E-Mail 的提供是必要的，是最基本的溝通窗口、活動廣告（讓
瀏覽者最快速的知道最近的主打活動，引起使用者興趣） 、最
新消息（較清晰的活動清單列表） 、會員專區（提供專有的服
務，一方面也方便館方蒐集使用者資訊） 、線上管理平臺（方
便管理） 、互動遊戲（提高學習或取得資訊興致）與虛擬展示
（加深參與藝文的深度）等皆是必須的功能。

3-1-2 介面及使用性分析

網站名稱 臺北縣立鶯歌 台灣民族藝師

五穀文化村 花蓮石雕博物館
陶瓷博物館 數位博物館 （附錄三） （附錄四）
比較項目 （附錄一） （附錄二）

一、主頁面
☉ 以 實 體 外 牆 ☉ 色 系 及 書 法 ☉ 用 文 化 村 照 ☉以大理石色系
首頁符合文物 為 底 圖 具 真 字 之 搭 配 具 片做介紹 非常符合
館形象 實感 有沈穩及古
典的感覺
對於使用者來 ☉ 各 區 塊 區 分 ☉ 以 圖 片 與 文 ☉ 由 上 而 下 排 ☉以圖片與文字
說有適當的視 清楚 字區分 列 區分
覺引導
對於不同使用 ☉ 有 設 置 兒 童 ☉無 ☉無 ☉無
對象有不同使 專區
用介面及內容
主頁的內容架 ☉架構不清，連 ☉架構清楚，淺 ☉非常清楚 ☉非常清楚
構讓使用者清 結頁無統一 顯易懂
楚易懂
已具備多語國 ☉有英文版 ☉無 ☉無 ☉無
際化版本
具有站內檢索 ☉ 標 題 列 具 有 ☉ 有 獨 立 資 料 ☉ 僅 在 購 物 頁 ☉每頁上面皆有
功能 檢索功能 庫檢索項 有商品搜尋 檢索功能
☉ 頁 面 下 方 具 ☉ 在 標 題 列 有 ☉無，僅有公司 ☉在網頁下麵有
具有版權宣告
有版權宣告 版權宣告 資料 宣告
不具煩人的多 ☉ 多 媒 體 活 動 ☉無跳出頁面 ☉無，活動頁內 ☉無活動內頁

第 12 頁，共 33 頁
媒體彈出頁面 頁為內嵌式 嵌
二、導航設計
☉一致性不 ☉一致性高，同 ☉一致性高，略 ☉一致性高排版
整體的一致性 高，有許多不 色調 嫌單調 佳
同類型分頁
有良好的所在 ☉每頁面均有 ☉每頁面均子 ☉無子標題 ☉每頁面均子有
位置導引 子標題 有標題 標題
有清楚的網站 ☉無網站地圖 ☉有導覽說明 ☉無網站地圖 ☉有網站導覽
地圖 但不明顯
按鈕的名稱明 ☉非常明確且 ☉清楚明瞭 ☉具有特色 ☉清楚明確
確而不抽象 一目了然
三、內容
符合使用者需 ☉資料豐富 ☉資料豐富 ☉親切實用 ☉資料豐富
求的內容項目
網站內容吸引 ☉有眾多的活 ☉內容有趣且 ☉有許多活動 ☉作品照片多
使用者對該文 動介紹 精緻 及照片
物館的注意
內容廣度、深 ☉能獲得知識 ☉具專業及教 ☉廣度及深度 ☉具專業及教育
度的足夠性 育性 較不足 性
內頁獨具特 ☉各頁皆具特 ☉各頁皆具特 ☉歸類明確但 ☉皆具特色
色、項目歸類 色 色 較無特色
明確
☉無從得知是 ☉無從得知是 ☉無從得知是 ☉無從得知是否
引用內容有註
否有引用資 否有引用資 否有引用資 有引用資料
明資料來源
料 料 料
☉無指示適宜 ☉無指示適宜 ☉無指示適宜 ☉無指示適宜瀏
具有適用環境
瀏覽器及瀏 瀏覽器及瀏 瀏覽器及瀏 覽器及瀏覽尺
說明
覽尺寸 覽尺寸 覽尺寸 寸
四、閱讀性
整體有字體、 ☉字型字體一 ☉按扭與內文 ☉字型字體一 ☉字型字體一致
字型系統化 致 字區分 致
文字的長度適 ☉文字排版清 ☉文字每行字 ☉文字每行字 ☉文字每行字數
當 爽整齊 數過於冗長 數過於冗長 過於冗長
圖片與文字的 ☉圖文搭配合 ☉圖片太過於 ☉圖文搭配合 ☉圖文搭配合宜
搭配易於閱讀 宜 突出 宜
使用背景音樂 ☉有，在數位典 ☉僅互動遊戲 ☉無 ☉無

第 13 頁，共 33 頁
 藏頁 有
背景音樂有靜 ☉無，但演奏不 ☉無 ☉無 ☉無
音功能 長
圖片解析度適 ☉圖片解析度 ☉圖片解析度 ☉圖片解析度 ☉圖片解析度適
合閱覽 適中 中等 佳 中
開場動畫具有 ☉有 skip 功能 ☉無開場動畫 ☉無開場動畫 ☉無需略過
略過功能
連結容易與其 ☉在滑鼠移過 ☉連結字有底 ☉連結字有底 ☉滑鼠滑過字變
他元素區隔 有變化 線 線 色
☉非常集中 ☉集中 ☉非常集中 ☉非常集中
連結是分散的
還是集中

五、互動設計
引導使用者進 ☉並無明顯引 ☉有說明 ☉有，以圖片呈 ☉文字說明
入使用功能 導 現
文物展示的互 ☉720 度環場佳 ☉操作不易 ☉不佳，過於簡 ☉僅拼圖遊戲
動性佳 單
有簡單易懂的 ☉有簡單的說 ☉說明略嫌複 ☉有 ☉無
操作說明 明 雜
使用者能得到 ☉讀取時有 ☉讀取時有 ☉有圖片指示 ☉直接開始
執行狀況的回 Loading 狀態 Loading 狀態
饋
信任度 ☉架構不清 ☉清楚明瞭的 ☉信任 ☉信任
楚，容意不清 架構，信任度
處所在位制 佳
設置 Q＆A 專 ☉有，有基本的 ☉無 ☉無 ☉無
區 問與答
六、執行效能
整體速度的一 ☉整速度快 ☉某些頁面過 ☉整體速度快 ☉整體速度快
致性 慢
下戴時間的速 ☉中等 ☉互動部分過 ☉快 ☉快
度 久
符合網路媒體 ☉圖形影片皆 ☉使用者需下 ☉皆符合 ☉圖片影片皆符
格式 符合 載 合

第 14 頁，共 33 頁
 小結：
網站設計可以發現現在漸漸趨向於對不同的使用者給予不同
的內容，尤其是文化藝文等較深層面的內容，更應該給予適
合的引導，加一些不同的互動元素就能讓使用上倍感貼心，
設置『兒童區』就是個不錯的點子。另外『資訊架構清晰』
更是一個網站成功的要素，要讓使用者信賴、舒適在其中，
而不能是混亂視聽的架構。
在一個藝文網站中，介紹的文字較多是難免的，本計劃認為
應該留意瀏覽文字的舒適度，避免排斥感，並加入適當的媒
體即可，且要考慮到使用者的環境、下載速度等因素。

3-1-3 色彩計劃分析

網站名稱 臺北縣立鶯歌陶 台灣民族藝師數

五穀文化村 花蓮石雕博物館
瓷博物館 位博物館 （附錄三） （附錄四）
色彩分析 （附錄一） （附錄二）

強調色

輔助色

主要色

色彩比例

古典的
樸實無華的 傳統的 華麗的 樸實無華的
色彩印象
可愛的 穩重的 親切的 清涼的
溫雅的

第 15 頁，共 33 頁
網站印象 實體博物館整體 數位文物館整體 實體文化村整體 實體博物館整體
與實體文 印象樸實親切 印 象 古 典 厚 重 印象親切爽朗 印象樸素涼爽
物館相符 →相符 （無實體館藏） →相符 →相符

小結：
這四個網站的色彩分析結果都符合其實體文物館或該主題形
象，本計劃得到一個結論，本計劃可以觀察實體文物館整體
色彩印象，另一方面從使用族群對該文化的感覺認知喜好整
理歸納，找出其知覺屬性再來安排整體設計。

3-1-4 總結：
從競爭者同質性網站分析瞭解整體規劃的完整性，並從目前
競爭者中發現優缺點，提供功能設計、介面設計及視覺設計
規格訂定的參考依據，以達到使用者的『信賴感』、『文化資
訊深度』、『方便性』、『美觀』與『趣味性』等兼具的設計目
標。

3-2 需求分析
3-2-1 網站目標分析

方法：
對金良興窯業股份有限公司易榮昌董事長及灣麗磚瓦文物館
館李靜宜主任進行深入訪談，以瞭解此次數位文化館網站目
標。分析訪談結果如下：

☉ 建立磚文化的形象館
☉ 提供磚文化展示及學習管道
☉ 磚雕學習者進行溝通與管理
☉ 提供休閒觀光工廠的即時訊息
☉ 相關磚產品資料庫管理
☉ 同類型網站相關連結

3-2-2 使用者需求分析

以使用者為中心的設計方法，針對網站目標使用者進行分
析，並以人物表法情境分析法設定使用情境，以分析使用者
需求。

第 16 頁，共 33 頁
使用者定位
1.主要使用者
☉ 對磚文化有興趣的學習者（研究者、學生）。
☉ 使用網站尋找旅遊資訊的民眾(ex：家庭、朋友)。(
2.次要使用者
☉ 藝術家（磚雕藝術家）。
☉ 專業領域者（建材行、建築師）。

使用者觀察
本計劃挑選經常使用網站者的主要使用者二位(建築系學生及
喜好旅遊者 )進行深入訪談及觀察，得到的結論如下：
☉ 使用介面：使用者對於瀏覽器解析度設定不一，因此本計
劃的網站以目前最常見的二種解析度：
800*600 及 1024*768 介面為主，在二種模式下
觀賞網頁，都具有最佳的瀏覽品質。

☉ 文物展示：除了以圖片及動畫展示外，另有 360 度環景，

但一般的環景多以使用者的視角為主，容易造
成暈昡，因此本計劃將採取由外而內的視角。

☉ 旅遊資訊：一般文物館多以文化知識層面為主，但許多旅
遊者希望得知更多旅遊消息，因此本計劃會將
旅遊資訊整理並在最新消息告知使用者，以滿
足此一族群的需求。

☉ 網站資料：在資料收集方面，本計劃會收集最齊全及最正
確的資訊，讓整個網站內容豐富讓使用者得以
獲取知識。

☉ 網站感覺：在問過受訪者之後，大家對磚的印象為復古、
樸實的、端正、沉穩、溫暖、單純、實在、親
近感強烈，因此本計劃會根據這些印象訂定出
色彩計劃，讓網站整體感覺與實體相符合。

第 17 頁，共 33 頁
人物表(Persona)設定
根據現在使用者觀察及訪談，對本網站之目標使用者設定人
物表及使用情境，以讓本組充分瞭解目標使用者的需求。

人物一
姓名 王麗美

照片

38 歲，國小老師，有一個小孩，每月收入大約
介紹 41,000 元，平常會使用電腦網路，電腦使用的平
臺是 PC，非常重視生活的藝文涵養。
已婚婦女
Attribute 小康家庭
常與孩子一起逛藝文網站
☉ 情境一
這天麗美一如往常的與孩子逛藝文網站，但孩子
跟麗美說：
「媽媽，你看的這些內容我都覺得好無
Scenario I
趣，可不可以看些有趣的？」麗美發現這些內容
對孩子來說是枯燥且困難了些。
於是她覺得應該為孩子著想，而以有兒童館的藝
Behavior
文網站為優先，她找到了灣麗磚瓦數位文物館。
Needs 兒童專區
Feature 灣麗磚瓦數位文物館的兒童趣味館
☉ 情境二
在進入兒童專區之後，孩子非常開心的照著故事
Scenario I 情結一步一步的學習，麗美覺得很滿意，自己也
去開了先生的電腦瀏覽此網站的其他單元
而這個網站她是第一次瀏覽，因此對於這個網站
Behavior
不大熟悉，她找到了網站地圖及 Q&A。
Needs 導覽
Feature 灣麗磚瓦數位文物館的網站地圖及 Q&A

第 18 頁，共 33 頁
☉ 情境三
看完這個網站大部分的內容之後，發現這個地方
Scenario I 還有實體的文物館，她決定與先生利用假日帶孩
子前往遊玩。
發現磚瓦數位文物館還有提供附近的旅遊資訊和
Behavior
交通方式，讓她覺得很貼心。
Needs 旅遊
Feature 灣麗磚瓦數位文物館的旅遊資訊和交通方式
☉ 情境四
從磚文物館回來之後，想起老闆有提醒他，可以
Scenario I 隨時到磚瓦數位文物館的會員中心，查詢磚雕目
前的進度。
於是她加入了會員，看到磚雕目前的進度，正處
Behavior
於陰乾的步驟。
Needs 資訊回饋
磚瓦數位文物館的會員中心有提供，磚雕的進度
Feature
回饋。

人物二
姓名 陳建同

照片

22 歲，學生，目前就讀於建築系，平常會使用電腦
介紹
網路，電腦使用的平臺是 PC，興趣是打籃球和旅遊。
在學學生
Attribute 小康家庭
有關建築的相關資訊都會很有興趣

第 19 頁，共 33 頁
☉ 情境一
有一天建同需要找到一些有關磚建材的特性介紹，
Scenario 發現現在的圖書都是零散的資料，沒有一個地方有
做整合的。
於是他上網找到了灣麗磚瓦數位文物館，這個地方
Behavior
提供了他有關台灣磚的歷史和資料。
Needs 學習
磚資料系統性的架構
Feature
分類導覽及易於閱讀的介面
☉ 情境二
Scenario 在磚瓦數位文物館裡，他想要瞭解文物館的由來。
於是他選擇了互動體驗館，裡面有影片介紹，他很
Behavior
清楚的知道有關文物館成立的源由。
Needs 互動體驗
Feature 磚瓦數位文物館的互動體驗館
☉ 情境三
他還想看看國外有哪些有關磚文化的網站，並想推
Scenario
薦此網站給她外國的朋友。
於是他到了相關連結項，並把英文版網址傳給她的
Behavior
外國朋友
Needs 相關連結
Feature 磚瓦數位文物館的相關聯結及英文版。
☉ 使用情境四
最後他覺得這個網站很豐富及充實，想給予業者一
Scenario
些鼓勵。
Behavior 於是他利用了聯絡我們的項目寄了 Email 給董事長。
Needs 聯絡事項
Feature 聯絡我們

第 20 頁，共 33 頁
肆、設計方向

4-1 內容設計規格
網站架構 點入會出現浮動式視窗，像遊
使用資料庫技術 樂場地圖，指示你現在的位置

最新消息 灣麗磚瓦文物館 英文版 網站地圖

關於我們 主題展示館 兒童趣味館 互動體驗館 資料庫檢索 會員中心 Q&A 聯絡我們

☉成立緣起 ☉種類 ☉ ☉磚建築 ☉ ☉加入會員 ☉ ☉

情 關 問 線
☉理念與使命 ☉製程介紹 DIY ☉登入會員 答
境 鍵 上
☉活動與展望 ☉歷史演進 式 ☉影片介紹 字 ☉修改資料 集 E
互 查 M
☉館區導覽 ☉世界文化 ☉電子賀卡
動 詢 A
☉交通資訊 →建築 I
教
L
☉開放時間 →雕刻 學
發
☉旅遊資訊 →造景 送
☉磚的應用
→砌法
→舖面
→磚雕
→作品珍藏
☉相關連結
架構說明

關於本館（About us） 使用工具／媒材

⊙文案
【成立緣起】-成立緣由 ⊙影像 JPEG/GIF
【理念與使命】-紅磚與三腳社區的點滴 ⊙Flash 展示、遊戲
【活動與展望】-參加的藝術季或者文化交流活動（套
裝行程）
【磚瓦巡禮】-館區的空導覽與簡介
【交通資訊】
【開放時間】

第 21 頁，共 33 頁
主題展示館（Brick Introduce） 使用工具／媒材
【種類】-紅磚、青磚、混凝土空心磚、白磚、玻璃磚、 ⊙文案
花格磚、舖道磚（尺磚）、連鎖磚、耐火磚 ⊙影像 JPEG/GIF
【製程介紹】-原土處理→成行疊磚區→陰乾→烘乾→ ⊙Flash 展示、遊戲
預熱→燒磚→疊磚 ⊙資料庫
【歷史演進】-以台灣的磚瓦歷史為主、世界歷史為輔
【磚與生活】-分成砌法（砌牆法介紹與特殊創作）、鋪
面（鋪面法的演示）及世界各國在建築、
雕刻、造景方面磚的使用
【磚雕珍藏】-磚雕（介紹陰雕、陽雕與特殊技法）以
及作品珍藏（館方蒐藏的數位展示）
【相關連結】-蒐集國內外磚文化網站
兒童館趣味館（For Kids） 使用工具／媒材
讓小朋友隨著故事的發展認識磚的製造過程，並 ⊙文案
在每個關卡設置遊戲，小朋友需闖關成功才能進 ⊙影像 JPEG/GIF
行下一步的動作，基本上所有的過程皆是一連串 ⊙Flash 展示、遊戲
的遊戲，不致於有文化介紹枯燥無味的壓力。 ⊙聲音

互動體驗館（Experience） 使用工具／媒材
【磚建築 DIY】-模擬一棟建築物，選擇其所選用磚的 ⊙文案
種類、色彩、砌法等，即時的的展示 ⊙影像 JPEG/GIF
成果 ⊙Flash 展示、遊戲
【影片介紹】-金良興磚場與磚雕的簡介 ⊙影片
【電子賀卡】-精美的磚雕作品與金良興磚場的景致， ⊙資料庫
可以發送給親友

資料庫檢索（Searching） 使用工具／媒材
【關鍵字查尋】-利用關鍵字搜尋有關磚的資料，可快 ⊙文案
速的讓使用者得到資料 ⊙影像 JPEG/GIF
⊙資料庫
會員中心（Members） 使用工具／媒材
【加入會員】-填寫加入會員的基本資料 ⊙文案
【登入會員】-成為會員後即可登入會員享有會員中心 ⊙影像 JPEG/GIF
的服務,服務內容包括：[作品進度查詢] ⊙資料庫
[訂閱電子報]
【修改資料】-會員個人基本資料的修改

第 22 頁，共 33 頁
 Q&A（Q&A） 使用工具／媒材
【問答集】-常見的問題製作成 Q＆A 問答集，可以最快 ⊙文案
的回答使用者的疑問 ⊙影像 JPEG/GIF
⊙資料庫
聯絡我們（Contact Us） 使用工具／媒材
【線上 E-mail 發送】 -基本的聯絡方式外，亦可線上 ⊙文案
預約，寄 email（以既有的格 ⊙影像 JPEG/GIF
式讓使用者填寫，與以往按了 ⊙資料庫
email 跳出 outlook 型式不同）

兒童館故事腳本

☉ 設計理念：
讓小朋友隨著故事的發展認識磚的製造過程，並在每個關卡設置
遊戲，小朋友需闖關成功才能進行下一步的動作。

☉ 故事情節：
這一天，磚燒的窯故障了，需要磚勇士的幫忙才能燒出磚，於是
搭著磚窯列車開始這一趟磚燒的旅行。

☉ 腳本流程：
 著裝：讓小朋友選擇我們準備的制服，準備製磚，強調作業安
全的重要。
 打碎石頭：讓小朋友利用槌子將石頭打碎。
 挑髒東西：讓小朋友利用放大鏡找出雜物。
 加米糠混合：直接以動畫展示，並說明加米糠的原因。
 磚原料產生：讓小朋友利用菜刀（切磚）及印章蓋章（蓋公司
印）。
 夾磚：利用夾娃娃遊戲將磚放至陰乾處。
 烘乾：動畫展示。
 燃燒：利用烤肉遊戲，並說明燃燒的過程（小火、中火、大火）
。
 疊磚：讓小朋友依自己喜好疊磚。
 完成：給予獎狀做為勇士資格的證書，並有小朋友與自己疊好
磚的圖片可列印。

4-2 視覺設計規格

第 23 頁，共 33 頁
綜合競爭者分析、使用者分析、及設計人員，三者的分析結合，本網
站視覺設計方向是「親近感、樸實、休閒、輕鬆。（附錄五）」

色彩計劃

第 24 頁，共 33 頁
伍、工作進度
工作項目＼週次 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
成員確定
相關單位聯絡與接洽
主題方向研究、方向確
定、資料收集
初步計劃、組織分工、
協調作業
計劃修訂與執行
網站規劃與架設

工作項目＼週次 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34
文案資料整理與撰寫
圖片拍攝與掃描
網站版型確定、資料庫
模型
互動式多媒體製作
專案內容精緻化
專案測試與修正
展示規劃
專案完成

第 25 頁，共 33 頁
5-1 主網站視覺設計

5-1-1 網站的歡迎頁

目前完成主網站的歡迎頁，以磚雕為主軸設計出這一個歡迎頁，配
合著中國古典的音樂，讓使用者可以很快的進入“磚”的情境裡
頭，開頭動畫的內容是以一個似中國圖騰的磚雕帶領著使用者進入
灣麗數位磚瓦文物館，以利影像處理的技術讓磚在數位呈現上可以
更多的表現方式，最後靜止的畫面以一個磚塊砌成的牆展示著文物
館內的部份收藏作品，配合著“灣麗的由來”簡介讓整個開動動畫
的表現更多元更豐富。

第 26 頁，共 33 頁
 5-1-2 網站的 icon 設計

5-2 兒童趣味館
5-2-1 兒童趣味館的開頭動畫

第 27 頁，共 33 頁
5-2-2 兒童趣味館的著裝遊戲

第 28 頁，共 33 頁
5-3 互動體驗館
5-3-1 影片介紹

影片內容先從灣麗磚瓦文物館的介紹接著介紹磚的製造過程，接著
與金良興董事長的訪談和磚雕師傅的訪談，讓使用者可以更了解磚
雕在什麼的機會之下產生的，還有金良與為何為從傳統磚廠轉型到
觀光磚廠這二者之間有什麼關係呢？這部影片會讓你詳細介紹。

第 29 頁，共 33 頁
 陸、參考資料

6-1 參考文獻
[1] 易榮昌，台灣磚瓦 20 特刊，民 93 年 6 月，84 頁
[2] 項潔、高世芯，文化館與數位化交織，共築部落記憶，2004
[3] Schweibenz,W,
http://www.phil.uni-sb.de/fr/infowiss/projekte/virtualmuseum/virtua
l_museum_ISI98.htm ,1998
[4] 國科會數位博物館專案推廣教育計畫小組，
http://libdlm.lib.ntu.edu.tw/dlm/record/record1.htm，1999
[5] 宋思齊，數位博物館任遨遊，科學月刊，30（4） ，301-306，1999
[6] 王美玉，數位博物館專案計畫成果，科學發展月刊，28（4），
249-253，2000
[7] 徐典裕、王嵩山，博物館知識的管理與想像：數位博物館之建構
初探，台灣博物館民族誌論壇通訊，3（2），35-40，2000

6-2 相關網站
☉ 金良興窯業股份有限公司
網址：http://www.jls-brick.com/07.htm
說明：從紅磚製造開始，將歷史、建築、工藝、休閒體驗多元結
合，積極致力推廣磚文化。

☉ 臺灣地區閩南式民居建築
網址：http://www.chi-san-chi.com/8archi/ming_nun_building/
說明：台灣月刊─關於紅磚建築的文章，提及紅磚建築保留的重
要性。
☉ 在地網─苗栗-逛窯子
網址：http://www.localnet.org.tw/window/c02.jsp
說明：介紹苗栗磚文化文章。

☉ 苗栗苑裏山腳社區
網址：http://www.sjc.org.tw/
說明：將磚文化結合社區發展，創造社區特色。

☉ 二結莊生活文化館
網址：http://www.ete.com.tw/ajie/index1.asp

第 30 頁，共 33 頁
☉ 軒車畫像磚
網址：
http://www.ndcnc.gov.cn/datalib/2002/ChinaCultural/DL/DL-171924

☉ 畫像磚
網址：http://www.nmns.edu.tw/Web-Title/china/A-3-1-3_display.htm

☉ 荊州古城銘文磚
網址：
http://www.guxiang.com/lishi/others/youzong/200103/20010324002
6.htm

☉ 磚的種類與品質
網址：http://www.cyut.edu.tw/~hctung/cyut-constr 2-4.htm

☉ 建材中英大辭典
網址：http://www.chinabmnet.com/dict/dicmain.php

☉ 台灣視覺記憶數位博物館
網址：http://techart.tnua.edu.tw/~twmemory/

☉ 李梅樹紀念館
網址：http://www.limeishu.org/index.html

☉ 數位典藏國家型科技計畫
網址：http://www.ndap.org.tw/

☉ 後設資料
網址：http://www.sinica.edu.tw/~metadata/share/shareC-faq.htm

☉ General Shale Brick

網址：http://www.generalshale.com/content.php?page=home

☉ Brick Industry Association – BIA

網址：http://www.bia.org/

第 31 頁，共 33 頁
 ☉ Wienerberger. Bricks. Designed for Living
網址：http://www.wienerberger.com/app/start/com/index_d.htm#

6-3 附錄
（附錄一）臺北縣立鶯歌陶瓷博物館網站首頁畫面

（附錄二）台灣民族藝師數位博物館首頁畫面

(附錄三)五穀文化村內頁畫面

第 32 頁，共 33 頁
（附錄四）花蓮石雕博物館首頁畫面

（附錄五）色彩計劃之感覺喜好

第 33 頁，共 33 頁