• 沒有找到結果。

因 此 以 國 內 外 的 博 物 館 網 站 為 例 , 探 討 視 覺 設 計 和 網 頁 風 格 的 關 係

N/A
N/A
Protected

Academic year: 2021

Share " 因 此 以 國 內 外 的 博 物 館 網 站 為 例 , 探 討 視 覺 設 計 和 網 頁 風 格 的 關 係 "

Copied!
27
0
0

加載中.... (立即查看全文)

全文

(1)

第 三 章 相 關 類 型 網 站 探 討 :

依 文 獻 探 討 所 獲 得 之 網 頁 設 計 原 則 與 風 格 分 類,將 針 對 目 前 全 球 資 訊 網 ( WWW) 國 內 外 數 位 物 館 ( 指 廣 義 領 域 之 數 位 物 館 , 包 括 博 物 館 網 站 和 虛 擬 博 物 館 )進 行 網 頁 視 覺 設 計 的 探 討 , 並 歸 納 整 理 相 關 之 視 覺 要 素 之 構 成 與 風 格 呈 現 的 關 係 , 作 為 本 研 究 創 作 原 則 之 依 據 。

本 研 究 參 考 許 峻 成( 2001)所 整 理 出 的 首 頁 風 格 認 知 要 素 , 並 就 文 獻 探 討 所 獲 得 之 視 覺 設 計 相 關 之 原 則 , 以 適 合 「 博 物 館 網 站 」 視 覺 要 素 探 討 之 項 目 , 作 為 相 關 網 站 視 覺 設 計 的 探 討 之 目 標 。

3 . 1 探 討 目 標 與 範 圍 :

由 於 北 投 溫 泉 博 物 館 在 博 物 館 類 型 中 屬 於 具 有 地 方 特 色 , 社 區 型 態 的 博 物 館 , 並 有 其 特 殊 性 , 所 以 沒 有 相 同 型 態 的 博 物 館 可 以 作 為 參 考 。 因 此 以 國 內 外 的 博 物 館 網 站 為 例 , 探 討 視 覺 設 計 和 網 頁 風 格 的 關 係 。 由 於 國 內 外 的 博 物 館 網 站 型 態 數 量 很 多 , 為 了 讓 探 討 的 結 果 能 有 代 表 性 和 參 考 性 , 所 以 經 過 初 步 的 篩 選 後 , 決 定 以 具 有 實 體 博 物 館 且 為 國 立 的 博 物 館 為 主 要 對 象 , 另 外 民 營 的 博 物 館 或 虛 擬 的 數 位 博 物 館 的 選 擇 為 輔 , 選 擇 較 具 代 表 性 的 博 物 館 為 對 象 。

依 據 這 樣 的 原 則 下,再 將 屬 性 相 近 的 博 物 館 做 篩 選,確 定 研 究 的 對 象 範 圍,主 要 類 型 有 歷 史 屬 性 的、科 技 屬 性 的、人 文 屬 性 的、醫 療 屬 性 的 、 理 念 屬 性 的 類 型。希 望 就 這 些 個 案 的 探 討 能 夠 獲 取 研 究 主 題 的 參 考 原 則 或 方 法 。 因 此 本 研 究 探 討 項 目 可 分 為 三 大 方 向 , 分 別 是 形 象 定 位 、 視 覺 要 素 構 成 分 析 和 風 格 類 型 。 以 下 就 探 討 目 標 說 明 如 下 :

1. 本 研 究 希 望 在 網 站 形 象 定 位 ( 類 型 )、 網 頁 風 格 、 視 覺 構 成 方 式 的 相 關 性 上 歸 納 出 可 供 參 考 之 原 則,所 以 相 關 個 案 的 探 討 主 要 也 就 以 這 三 個 方 向 作 為 目 標 。

(2)

為 博 物 館 的 類 型 歸 納 參 考 。

3. 視 覺 構 成 的 比 較 、 歸 納 , 其 重 點 在 於 了 解 各 類 型 網 頁 在 構 成 要 素 的 項 目 、 編 排 方 式 、 編 排 的 原 則 探 討 , 進 而 找 出 相 關 性 的 原 則 。 所 以 分 別 從 訊 息 的 呈 現 方 式 和 內 容 為 目 標。前 者 主 要 以 訊 息 呈 現 的 圖 文 面 積 差 異 加 以 區 分 為 「 以 圖 為 主 」、「 以 文 為 主 」 和 「 圖 文 並 茂 」 三 類,後 者 主 要 依 據 李 賢 輝 將 多 媒 體 訊 息 種 類 所 作 之 分 類 為 參 考。項 目 如 下 六 大 類( 李 賢 輝 , 1997): 文 字 和 旁 白( Text & narration)、

圖 案 和 插 畫 ( Graphics & Illustration ) 、 靜 態 的 照 片 ( Still photographs)、圖 表 和 圖 形( Charts & Graphs)、視 訊 和 動 畫( Video

& Animation) 、 音 樂 和 音 效 ( Music & Sound effects)。 另 外 識 別 標 誌 ( Mark)、 標 準 字 ( Logotype), 也 是 歸 納 比 較 的 重 點 。

4. 圖 文 差 異 主 要 是 以 網 頁 版 面 範 圍 中 的 圖 片 和 文 字 在 視 覺 上 所 佔 面 積 為 判 定 標 準,版 面 中 圖 片 佔 較 大 面 積 範 圍 而 沒 有 文 字 或 以 標 題 少 量 呈 現 則 歸 納 為 以 圖 為 主;反 之 文 字 說 明 佔 較 大 面 積 範 圍 圖 片 縮 小 或 完 全 沒 有 則 歸 納 為 文 少;另 外 當 圖 片 和 文 字 所 佔 面 積 範 圍 相 當 時 則 歸 納 為 圖 文 並 茂

5. 色 彩 為 形 象 識 別 的 核 心 , 主 要 探 討 色 彩 三 屬 性 和 其 色 彩 意 像 為 重 點 。

6. 編 排 原 則 以 對 比 、 平 衡 、 比 例 、 韻 律 、 統 一 、 反 差 、 方 向 等 美 的 形 式 原 則 為 探 討 的 目 標 。

7. 構 成 形 式 以 色 塊 區 隔 、 框 架 使 用 、 欄 位 和 分 格 線 的 使 用 情 形 作 為 形 式 上 的 探 討 重 點 。

8. 網 頁 風 格 的 分 類 目 的 在 就 各 網 站 首 頁 及 內 頁 畫 面 視 覺 所 呈 現 的 特 徵 加 以 歸 納 比 較,提 供 對 照 類 型 和 構 成 兩 個 探 討 選 項 的 參 考,主 要 分 類 依 據 文 獻 探 討 針 對 企 業 網 站 常 見 的 六 種 類 型 網 頁 形 式 。

3 . 2 探 討 方 法 與 架 構 : 1. 探 討 方 法 :

根 據 上 述 目 標 所 列 探 討 項 目 , 整 理 成 表 格 形 式 如 表 4。 希 望 藉 由 此 表 格 的 格 式 設 計 能 方 便 探 討 的 結 果 整 理 與 歸 納,同 時 界 定 共 通 的 描 述 語 句 避 免 因 紛 雜 的 敘 述 而 模 糊 所 要 探 討 的 目 標。探 討 的 順 序 從 國 內 博 物 館 網 站 開 始 , 探 討 每 個 網 站 的 首 頁 和 相 關 連 結 的 子 頁 , 在 視 覺 設 計 上 和 網 頁

(3)

風 格 上 的 關 係 。 每 一 個 網 頁 除 了 利 用 表 格 彙 整 其 要 點 外 , 也 將 針 對 要 點 與 以 詳 加 說 明 , 使 每 一 個 案 的 探 討 結 果 能 更 有 參 考 價 值 。 最 後 利 用 歸 納 法 將 同 樣 項 目 的 探 討 結 果 與 以 整 理 , 然 後 彙 整 成 為 表 格 , 方 便 後 續 研 究 博 物 館 網 站 設 計 在 相 關 實 務 上 的 探 討 基 礎。本 研 究 目 的 是 在 於 探 討 歸 納 出 可 供 創 作 時 的 原 則 性 , 許 多 方 面 是 一 種 認 知 與 經 驗 的 判 斷 , 故 本 研 究 中 的 分 析 是 以 「 質 」 的 方 式 來 進 行 , 並 排 除 量 化 的 研 究 , 但 這 不 代 表 量 化 的 分 析 不 重 要 , 原 則 性 的 建 立 若 能 經 過 量 化 的 統 計 分 析 , 相 信 其 結 果 將 更 有 說 服 力 。 這 個 部 分 可 作 為 後 續 的 研 究 繼 續 探 討 。

網 頁 視 覺 要 素 與 風 格 構 成 之 探 討 歸 納 表

網 站 名 稱 探 討 日 期: 年 月 日 探 討 項 目 探 討 內 容 之 相 關 語 句 屬 性 定 位 最 新 的 、 歷 史 的 、 人 文 的 、 科 技 的 、 地 方 特 色 的 、 唯 一 的

利 益 定 位 動 手 做 的 、 樂 趣 的 、 學 習 的 、 知 識 性 的

使 用 者 定 位 兒 童 的 、 社 區 的 、 一 般 使 用 者 訊 息 呈 現 型 式 以 圖 為 主 / 以 文 為 主 / 圖 文 並 茂

訊 息 呈 現 內 容

文 字 和 旁 白 、 圖 案 和 插 畫 、 靜 態 的 照 片 、 選 項 ( 超 連 結 ) 圖 表 和 圖 形 、 視 訊 和 動 畫 、 音 樂 和 音 效 、 標 誌 和 標 準 字

構 成 形 式

色 塊 區 隔 頁 面 資 訊 、 框 架 使 用 、 圖 像 使 用 、 欄 位 或 分 格 線 區 分 畫 面

編 排 原 則 對 比 、 平 衡 、 比 例 、 韻 律 、 統 一 、 反 差 、 方 向 色 相 暖 色 、 中 性 、 冷 色 系 華 美 、 平 凡 、 深 遠 、 理 智 明 度 高 、 中 、 低 明 度 優 美 、 男 女 性 、 保 守 、 安 定

色 彩 意 向

彩 度 高 、 中 、 低 彩 度 活 潑 、 文 雅 、 樸 素 、 復 古 以 圖 為 主 影 像 插 畫 型 和 場 景 卡 通 型 。

以 文 為 主 多 文 字 訊 息 型 和 框 架 色 塊 訊 息 型

類 圖 文 並 茂 理 性 規 矩 圖 文 型 和 自 由 圓 弧 編 排 型

(4)

2. 表 格 使 用 說 明 :

將 探 討 項 目 藉 由 設 定 的 描 述 語 句,針 對 所 探 討 的 網 站 實 況 與 以 取 捨 語 句 的 內 容 。

後 續 個 案 探 討 中 將 網 站 名 稱 等 項 目 省 略,因 為 文 中 將 會 說 明 。 避 免 重 複 所 以 予 以 省 略 , 但 後 續 研 究 者 使 用 則 以 完 整 表 格 來 進 行 。

3. 個 案 探 討 架 構 如 下 圖 :

圖 8 : 個 案 探 討 架 構 流 程 圖

博物館形象 定位探討

博物館網頁視 覺構成探討

博物館風格 類型探討

個案探討結果彙整

探討結論整理

進行創作案例的探 討與結論應用 歸納、比較、整理

(以「質」的方式作整理分析)

博物館個案概況說明

(5)

3 . 3 案 例 探 討 :

( 1) 以 下 針 對 國 內 知 名 博 物 館 進 行 案 例 分 析 :

1. 國 立 故 宮 博 物 院 h t t p : / / w w w . n p m . g o v . t w / m a i n / f i n d e x . h t m

網 站 概 況 說 明 :

國 立 故 宮 博 物 院 是 國 內 最 具 規 模 的 博 物 館,不 論 是 典 藏 或 展 示 空 間 都 是 國 內 之 冠 。 故 宮 博 物 院 的 網 站 深 具 特 色 且 架 構 完 整 。 首 頁 介 面 訊 息 以 動 態 方 式 依 序 顯 示 , 視 覺 上 有 生 動 的 感 覺 且 下 載 速 度 很 快 , 且 一 開 始 就 以 多 種 語 言 選 擇 讓 使 用 者 可 以 決 定 自 己 的 入 口,使 得 國 立 故 宮 博 物 院 在 全 球 網 路 上 的 形 象 可 以 提 升 為 國 際 級 的 博 物 館,另 外 在 連 結 的 各 頁 面 上 也 都 各 有 特 色 , 其 中 有 關 數 位 博 物 館 的 選 單 連 結 進 入 後 , 則 出 現 許 多 單 元 性 專 題 的 網 頁 , 這 些 網 頁 的 風 格 較 首 頁 來 的 活 潑 , 且 屬 於 多 媒 體 介 面 , 這 樣 的 發 現 固 然 給 人 一 種 多 元 的 生 動 的 感 覺 , 但 在 整 體 風 格 上 則 顯 的 不 一 致 有 時 甚 至 會 讓 人 以 為 是 超 連 結 到 別 的 網 站,這 是 一 個 可 以 作 為 借 鏡 的 實 務 問 題 。 除 了 視 覺 上 的 不 一 致 性 外 , 其 他 不 論 是 介 面 的 互 動 性 、 資 訊 的 內 容 上 均 符 合 使 用 者 介 面 設 計 的 原 則 , 故 以 此 個 案 作 為 探 討 案 例 , 非 常 具 有 代 表 性 。

國 立 故 宮 博 物 院 可 以 說 是 歷 史 類 型 的 博 物 館,所 以 整 體 而 言 從 首 頁 的 色 彩 、 圖 像 的 象 徵 性 都 能 夠 充 分 展 現 其 特 色 , 對 於 其 形 象 的 建 立 也 達 到 傳 播 的 效 果 , 其 首 頁 入 口 的 功 能 也 算 達 到 了 。 在 更 新 之 前 舊 版 的 首 頁 風 格 大 同 小 異 , 只 是 舊 版 在 首 頁 上 加 入 了 動 畫 的 效 果 , 而 新 版 則 完 全 捨 棄 , 這 點 是 一 個 可 以 探 討 的 原 因 。 就 諸 多 影 響 多 媒 體 介 面 在 網 際 網 路 使 用 的 原 因 , 本 案 例 排 除 經 費 人 力 的 問 題 , 其 主 要 考 量 應 該 是 網 路 頻 寬 和 以 及 機 能 性 的 考 量 。

(6)

網 站 視 覺 參 考 圖 : 圖 9: 國 立 故 宮 博 物 院 首 頁 /內 頁

視 覺 要 素 與 風 格 構 成 之 探 討 結 果 : 探 討 項 目 探 討 內 容 之 相 關 語 句

屬 性 定 位 歷 史 的 、 人 文 的 、 典 藏 最 多 的 利 益 定 位 學 習 的 、 知 識 性 的

使 用 者 定 位 一 般 使 用 者 訊 息 呈 現 型 式 圖 文 並 茂

訊 息 呈 現 內 容

文 字 和 旁 白 、 圖 案 和 插 畫 、 靜 態 的 照 片 、 選 項 ( 超 連 結 ) 圖 表 和 圖 形 、 動 畫 、 標 誌 和 標 準 字

構 成 形 式 色 塊 區 隔 頁 面 資 訊 、 框 架 使 用 、 圖 像 使 用 、 欄 位 或 分 格 線 區 分 畫 面

編 排 原 則 比 例 、 平 衡 、 統 一 調 和 色 相 暖 色 系 具 有 華 美

明 度 中 明 度 優 美 、 保 守 、 安 定

色 彩 意 向

彩 度 中 、 低 彩 度 、 文 雅 、 樸 素 、 復 古

圖 文 並 茂 理 性 規 矩 圖 文 型 和 自 由 圓 弧 編 排 型

表 3 : 國 立 故 宮 博 物 院 視 覺 要 素 與 風 格 構 成 之 探 討 結 果 ( 本 研 究 整 理

(7)

2 . 國 立 自 然 科 學 博 物 館 h t t p : / / w w w . n m n s . e d u . t w /

網 站 概 況 說 明 :

國 立 自 然 科 學 博 物 館,是 國 家 十 二 項 建 設 文 化 建 設 項 下,科 學 博 物 館 計 畫 中 的 第 一 座 。 因 其 特 殊 性 且 具 有 代 表 性 , 所 以 以 此 案 例 作 為 科 技 屬 性 博 物 館 的 探 討 對 象 。 網 站 首 頁 採 用 文 字 較 多 的 入 口 網 站 型 態 設 計 , 訊 息 內 容 以 機 能 性 為 主 要 設 計 的 考 量,搭 配 小 面 積 的 動 態 訊 息 畫 面 可 以 彌 補 文 字 過 多 所 形 成 的 視 覺 呆 板 的 情 形,這 也 是 目 前 許 多 入 口 網 站 首 頁 的 標 準 模 式 。

另 外 其 標 誌 的 部 分 設 計 成 為 動 態 的 效 果 也 是 其 給 人 的 深 刻 印 象 之 一 , 但 其 標 準 字 與 標 誌 沒 有 給 人 其 博 物 館 屬 性 的 聯 想 , 在 本 個 案 中 也 發 現 與 故 宮 博 物 院 相 同 的 情 形,即 在 網 站 選 單 中 都 有 一 個 數 位 博 物 館 的 選 項 , 點 選 進 入 出 現 的 畫 面 和 前 述 相 同 出 現 風 格 不 一 致 的 情 形 ( 如 圖 13和 圖 14), 且 都 是 屬 於 單 元 性 的 主 題 網 頁 , 這 樣 的 情 形 除 了 上 述 頻 寬 因 素 外 , 應 該 還 有 目 的 性 的 因 素 存 在 : 就 看 經 營 者 想 讓 觀 眾 看 的 重 點 在 哪 裡 或 是 以 使 用 者 的 需 求 重 點 為 何。所 以 這 個 問 題 也 可 以 作 為 後 續 探 討 的 方 向 。

網 站 視 覺 參 考 圖 :

圖 1 0 立 自 然 科 學 博 物 館 首 頁 /頁

(8)

視 覺 要 素 與 風 格 構 成 之 探 討 結 果 :

探 討 項 目 探 討 內 容 之 相 關 語 句

屬 性 定 位 最 新 的 、 自 然 的 、 唯 一 的 、 科 學 的 利 益 定 位 學 習 的 、 知 識 性 的

使 用 者 定 位 一 般 使 用 者 的

訊 息 呈 現 型 式 形 象 頁 - 以 圖 為 主 / 首 頁 、 內 頁 - 圖 文 並 茂

訊 息 呈 現 內 容

文 字 和 旁 白 、 圖 案 和 靜 態 的 照 片 、 選 項 ( 超 連 結 ) 圖 表 和 圖 形 、 視 訊 和 動 畫 、 音 樂 和 音 效 、 標 誌 和 標 準 字

構 成 形 式

色 塊 區 隔 頁 面 資 訊 、 框 架 使 用 、 圖 像 使 用 、 欄 位 或 分 格 線 區 分 畫 面

編 排 原 則 比 例 、 對 稱 、 韻 律 、 平 衡 、 統 一 調 和 色 相 冷 色 系 深 遠 、 理 智 明 度 低 明 度 ( 首 頁 ) 安 定

色 彩 意 向

彩 度 中 彩 度 ( 首 頁 ) 文 雅 、 樸 素 以 文 為 主 多 文 字 訊 息 型 和 框 架 色 塊 訊 息 型 ( 首 頁 )

圖 文 並 茂 理 性 規 矩 圖 文 型 ( 數 位 博 物 館 頁 面 )

表 4 : 國 立 自 然 科 學 博 物 館 視 覺 要 素 與 風 格 構 成 之 探 討 結 果 ( 本 研 究 整 理 )

3. 國 立 科 學 工 藝 博 物 館 h t t p : / / w w w . n s t m . g o v . t w /

網 站 概 況 說 明 :

國 立 科 學 工 藝 博 物 館 坐 落 高 雄 工 業 區 展 示 科 技 的 原 理 與 應 用,可 收 相 輔 相 成 之 效 果 , 更 可 在 工 業 型 態 社 區 中 注 入 文 化 教 育 氣 息 , 建 築 本 身 即 是 展 示 品 , 顯 現 科 技 博 物 館 的 內 涵 。 與 國 立 自 然 科 學 博 物 館 同 樣 是 屬 於 科 技 型 態 的 博 物 館,前 者 較 偏 向 自 然 工 業 技 術 原 理 後 者 較 偏 向 自 然 人 文 的 屬 性 。 但 就 首 頁 的 呈 現 上 剛 好 兩 者 可 以 作 為 一 個 比 較 , 國 立 科 學 工 藝 博 物 館 網 站 進 入 時 先 出 現 一 個 由 標 誌 符 號 構 成 的 下 載 中 等 畫 面 隨 即 進 入 一 小 段 具 科 技 意 象 的 片 頭 動 畫 , 之 後 才 依 照 語 言 選 項 進 入 首 頁 。 這 與 屬 性 相 同 的 國 立 自 然 科 學 博 物 館 首 頁 呈 現 方 式 明 顯 有 著 不 同 風 格,前 者 透 過 動 態 標 誌 和 片 頭 動 畫 做 成 形 象 頁 放 在 首 頁 之 前 使 得 網 頁,在 情 感 意 向 上 使 人 對 其 網 站 形 象 有 更 好 得 評 價,而 兩 者 在 首 頁 的 呈 現 上 則 大 同 小

(9)

異 , 均 採 機 能 性 入 口 網 站 的 形 式 設 計 。

所 以 就 這 兩 個 屬 性 同 屬 科 技 領 域 的 個 案 為 探 討 對 象,可 以 看 出 在 首 頁 型 表 現 上 不 同 的 呈 現 方 式 比 較,同 時 也 透 過 其 他 項 目 之 探 討 歸 納 其 相 關 的 地 方 。 作 為 後 續 研 究 者 參 考 。 而 在 本 個 案 也 相 同 出 現 數 位 博 物 館 的 選 項 , 進 入 後 也 出 現 了 完 全 不 同 的 視 覺 風 格 ( 圖 11/內 頁 ), 所 以 可 以 認 真 的 來 思 考 網 站 風 格 一 致 性 的 提 與 重 要 性 。

網 站 視 覺 參 考 圖 :

圖 11 國 立 科 學 工 藝 博 物 館 / 形 象 頁 / 首 頁 / 內 頁

(10)

視 覺 要 素 與 風 格 構 成 之 探 討 結 果 :

探 討 項 目 探 討 內 容 之 相 關 語 句 屬 性 定 位 科 技 的

利 益 定 位 知 識 性 的

使 用 者 定 位 社 區 的

訊 息 呈 現 型 式 版 面 率 : 低 、 、 J U MP 率 大

訊 息 呈 現 內 容

文 字 、 圖 案 和 靜 態 的 照 片 、 選 項 ( 超 連 結 ) 圖 表 和 圖 形 、 動 畫 、 音 樂 和 音 效 、 標 誌 和 標 準 字

構 成 形 式

色 塊 區 隔 頁 面 資 訊 、 框 架 使 用 、 圖 像 使 用 、 欄 位 或 分 格 線 區 分 畫 面

編 排 原 則 比 例 、 對 稱 、 平 衡 、 統 一 調 和 色 相 冷 色 系 深 遠 、 理 智 明 度 低 明 度 ( 首 頁 ) 安 定

色 彩 意 向

彩 度 中 彩 度 ( 首 頁 ) 文 雅 、 樸 素 以 文 為 主 多 文 字 訊 息 型 和 框 架 色 塊 訊 息 型 ( 首 頁 ) 以 圖 為 主 影 像 插 畫 型

類 圖 文 並 茂 理 性 規 矩 圖 文 型 ( 數 位 博 物 館 頁 面 )

表 5 : 國 立 科 學 工 藝 博 物 館 視 覺 要 素 與 風 格 構 成 之 探 討 結 果 ( 本 研 究 整 理 ) 4 . 物 理 治 療 數 位 博 物 館 h t t p : / / w w w . t a i w a n p t . n e t /

網 站 概 況 說 明 :

物 理 治 療 博 物 館 是 由 台 灣 大 學 物 理 治 療 學 系 數 位 博 物 館 團 隊 所 設 立 之 網 站 , 展 示 相 關 發 展 文 獻 和 醫 療 相 關 的 資 訊 。 因 無 博 物 館 實 體 在 屬 性 上 屬 於 虛 擬 的 數 位 博 物 館,本 個 案 屬 於 醫 療 科 技 屬 性 的 網 站 中 較 具 特 色 的 案 例 且 有 其 特 殊 性 , 所 以 此 個 案 作 為 探 討 對 象 有 其 代 表 性 。 本 案 例 片 頭 影 片 採 用 多 媒 體 動 畫 方 式 將 物 理 治 療 博 物 館 的 內 容 和 特 色 展 現 給 觀 眾 , 讓 參 觀 者 能 很 快 了 解 物 理 治 療 到 底 是 什 麼 , 其 編 排 方 式 活 潑 富 創 意 , 沒 有 實 體 博 物 館 諸 多 限 制 , 故 其 展 現 出 的 網 站 活 力 不 同 於 前 面 幾 個 官 方 網 站 所 以 值 得 探 討 。

(11)

網 站 視 覺 參 考 圖 :

圖 12 物 理 治 療 數 位 博 物 館 / 形 象 頁 / 首 頁 / 內 頁

視 覺 要 素 與 風 格 構 成 之 探 討 結 果 :

探 討 項 目 探 討 內 容 之 相 關 語 句

屬 性 定 位 科 技 的 、 優 良 健 康 的 利 益 定 位 學 習 的 、 知 識 性 的

使 用 者 定 位 一 般 使 用 者

訊 息 呈 現 型 式 形 象 頁 - 以 圖 為 主 / 首 頁 、 內 頁 - 圖 文 並 茂

訊 息 呈 現 內 容

文 字 、 圖 案 和 插 畫 、 靜 態 的 照 片 、 選 項 ( 超 連 結 ) 圖 表 和 圖 形 、 動 畫 、 音 樂 和 音 效 、 標 誌 和 標 準 字

構 成 形 式

色 塊 區 隔 頁 面 資 訊 、 框 架 使 用 、 圖 像 使 用 、 欄 位 或 分 格 線 區 分 畫 面

編 排 原 則 比 例 、 平 衡 、 統 一 調 和

色 相 冷 色 系 深 遠 、 理 智

明 度 低 明 度 安 定

色 彩 意 向

彩 度 高 、 中 彩 度 積 極 性 、 穩 健 以 文 為 主 框 架 色 塊 訊 息 型 ( 內 頁 / 健 康 生 活 館 頁 面 )

圖 文 並 茂

理 性 規 矩 圖 文 型 ( 內 頁 / 健 康 生 活 館 頁 面 ) 自 由 圓 弧 編 排 型 ( 首 頁 )

表 6 : 物 理 治 療 數 位 博 物 館 視 覺 要 素 與 風 格 構 成 之 探 討 結 果 ( 本 研 究 整 理 )

(12)

5. 台 北 縣 鶯 歌 陶 瓷 博 物 館 h t t p : / / w w w . c e r a m i c s . t p c . g o v . t w /

網 站 概 況 說 明 :

陶 瓷 博 物 館 以 台 灣 二 百 年 來 燒 窯 技 術 及 常 民 文 化 建 構 台 灣 陶 瓷 文 化 的 主 體 性 和 展 示 內 容 。 更 以 教 育 服 務 為 導 向 , 結 合 資 訊 科 技 , 塑 造 各 種 情 境 ; 讓 陶 博 館 成 為 知 性 、 感 性 、 可 親 、 可 遊 的 博 物 館 。 陶 瓷 博 物 館 也 是 具 有 地 方 特 色 的 博 物 館,但 不 同 於 北 投 溫 泉 博 物 館 是 由 當 地 居 民 自 發 性 爭 取 設 立 的 過 程,陶 瓷 博 物 館 是 由 政 府 集 資 興 建 的 全 新 建 築 的 主 題 式 的 博 物 館 , 應 其 主 題 能 與 當 地 陶 瓷 特 色 結 合 , 故 很 快 成 為 當 地 的 新 地 標 , 且 很 快 成 為 觀 光 產 業 發 展 的 核 心 。

所 以 針 對 此 案 例 的 探 討 在 藝 術 屬 性 的 網 展 類 型 上 是 具 有 代 表 性 的,究 其 屬 性 是 偏 向 於 人 文 、 歷 史 與 藝 術 結 合 的 網 站 類 型 , 其 首 頁 意 像 也 都 能 表 現 出 其 特 色 , 不 論 標 誌 標 準 字 、 選 項 圖 像 的 設 計 均 很 有 視 覺 美 感 格 調 很 高 , 但 就 其 整 體 風 格 來 說 同 樣 出 現 了 每 頁 風 格 不 一 致 的 現 象 , 但 其 編 排 上 都 屬 於 較 有 創 意 的 編 排,情 感 意 項 和 機 能 意 項 上 的 感 受 接 近 在 整 體 上 是 一 個 可 學 習 參 考 的 網 頁 形 式,但 其 多 媒 體 的 介 面 則 僅 應 用 於 內 頁 中 的 遊 戲 頁 面 上 , 這 點 或 許 是 可 以 探 討 的 地 方 。

網 站 視 覺 參 考 圖 :

圖 1 3 台 北 縣 鶯 歌 陶 瓷 博 物 館 / 形 象 頁 / 首 頁 / 內 頁

(13)

視 覺 要 素 與 風 格 構 成 之 探 討 結 果 :

探 討 項 目 探 討 內 容 之 相 關 語 句

屬 性 定 位 地 方 特 色 的 、 唯 一 的 、 專 業 領 域 的 利 益 定 位 動 手 做 的 、 樂 趣 的 、 學 習 的 、 知 識 性 的

使 用 者 定 位 社 區 的 、 一 般 使 用 者 的 訊 息 呈 現 型 式 圖 文 並 茂

訊 息 呈 現 內 容

文 字 、 圖 案 和 插 畫 、 靜 態 的 照 片 、 選 項 ( 超 連 結 ) 圖 表 和 圖 形 、 動 畫 ( 互 動 式 遊 戲 )、 標 誌 和 標 準 字 構 成 形 式 色 塊 區 隔 頁 面 資 訊 、 圖 像 使 用 、

編 排 原 則 比 例 、 對 稱 、 平 衡 、 統 一 調 和

色 相 暖 色 華 美

明 度 中 明 度 保 守

色 彩 意 向

彩 度 中 、 低 彩 度 文 雅 、 樸 素 、 復 古

理 性 規 矩 圖 文 型 (內 頁 / 展 示 館 頁 面

圖 文 並 茂

自 由 圓 弧 編 排 型 (首 頁 、 內 頁 / 展 示 館 頁 面

表 7 : 台 北 縣 鶯 歌 陶 瓷 博 物 館 視 覺 要 素 與 風 格 構 成 之 探 討 結 果 ( 本 研 究 整 理 )

6. 新 竹 市 立 影 像 博 物 館 h t t p : / / w w w . h m i m . g o v . t w /

網 站 概 況 說 明 :

本 案 例 屬 於 藝 術 人 文 類 型 的 博 物 館,且 博 物 館 本 身 建 築 也 是 古 蹟 再 利 用 的 成 功 案 例 , 這 點 與 北 投 溫 泉 博 物 館 有 相 似 之 處 。 與 前 面 個 案 比 較 , 影 像 博 物 館 在 首 頁 前 加 入 多 媒 體 動 畫 的 形 象 頁 面 , 使 得 畫 面 生 動 許 多 。 但 其 動 畫 意 象 與 其 主 題 內 涵 間 的 象 徵 性 並 不 明 顯 , 感 覺 比 較 現 代 感 。 與 陶 瓷 博 物 館 首 頁 相 較 之 下 , 新 竹 市 立 影 像 博 物 館 感 覺 比 較 注 重 機 能 意 象 上 的 目 的 , 所 以 呈 現 上 比 較 制 式 化 。

(14)

網 站 視 覺 參 考 圖 :

圖 16: 新 竹 市 立 影 像 博 物 館 形 象 頁 / 首 頁 / 內 頁

視 覺 要 素 與 風 格 構 成 之 探 討 結 果 :

探 討 項 目 探 討 內 容 之 相 關 語 句

屬 性 定 位 歷 史 的 、 人 文 的 、 唯 一 的 利 益 定 位 知 識 性 的

位 使 用 者 定 位 一 般 使 用 者

訊 息 呈 現 型 式 形 象 頁 - 以 圖 為 主 / 首 頁 - 以 文 為 主 / 內 頁 - 圖 文 並 茂

訊 息 呈 現 內 容

文 字 、 圖 案 、 靜 態 的 照 片 、 選 項 ( 超 連 結 ) 圖 表 和 圖 形 、 動 畫 、 標 誌 和 標 準 字

構 成 形 式

色 塊 區 隔 頁 面 資 訊 、 框 架 使 用 、 圖 像 使 用 、 欄 位 或 分 格 線 區 分 畫 面

編 排 原 則 比 例 、 對 稱 、 韻 律 、 平 衡

色 相 中 性 、 冷 色 系 平 凡 、 深 遠 、 理 智 明 度 高 中 保 守 、 安 定

色 彩 意 向

彩 度 低 彩 度 樸 素 、 復 古 以 圖 為 主 影 像 插 畫 型 。 ( 形 象 頁 )

以 文 為 主 框 架 色 塊 訊 息 型 ( 首 頁 )

類 圖 文 並 茂 理 性 規 矩 圖 文 型 (內 頁 / 早 期 明 星 資 料 展 頁 面

表 8 : 新 竹 市 立 影 像 博 物 館 視 覺 要 素 與 風 格 構 成 之 探 討 結 果 ( 本 研 究 整 理 )

(15)

7. 世 界 宗 教 博 物 館 h t t p : / / w w w . m w r . o r g . t w /

網 站 概 況 說 明 :

世 界 宗 教 博 物 館 屬 於 理 念 型 的 博 物 館,其 成 立 宗 旨 在 於 教 導 觀 眾 認 識 宗 教 與 宗 教 生 活 , 提 供 資 訊 和 指 導 經 驗 , 以 了 解 宗 教 教 義 表 現 的 豐 富 性 , 認 知 到 各 宗 教 間 有 相 似 處 , 也 有 差 異 性 , 並 以 此 認 識 為 根 基 , 發 展 出 世 界 各 人 種 之 間 的 體 諒 、 和 平 與 愛 。

此 個 案 是 屬 於 民 間 經 營 型 態 的 博 物 館,但 其 網 站 的 水 準 可 說 是 超 越 許 多 國 立 博 物 館 , 或 許 因 為 是 民 間 型 態 故 比 較 沒 有 包 袱 和 制 式 化 的 限 制 , 其 網 頁 在 多 媒 體 的 介 面 設 計 上 可 說 是 相 當 出 色 可 以 作 為 其 他 博 物 館 學 習 參 考 , 不 論 是 片 頭 形 象 頁 、 虛 擬 實 境 和 互 動 式 學 習 等 介 面 上 均 能 有 很 好 的 設 計 , 有 許 多 可 以 參 考 之 處 。 但 是 其 豐 富 性 雖 然 是 優 點 但 也 出 現 了 和 前 面 案 例 的 問 題 : 連 結 頁 面 的 不 一 致 性 , 這 似 乎 是 一 個 普 遍 的 , 也 是 待 解 決 的 問 題 。

網 站 視 覺 參 考 圖 :

圖 1 4 世 界 宗 教 博 物 館 形 象 頁 /首 頁 /內 頁

(16)

視 覺 要 素 與 風 格 構 成 之 探 討 結 果 :

探 討 項 目 探 討 內 容 之 相 關 語 句

屬 性 定 位 人 文 的 、 唯 一 的 、 理 念 型 的

利 益 定 位 動 手 做 的 、 樂 趣 的 、 學 習 的 、 知 識 性 的

使 用 者 定 位 一 般 使 用 者

訊 息 呈 現 型 式 形 象 頁 - 以 圖 為 主 / 首 頁 、 內 頁 - 圖 文 並 茂

訊 息 呈 現 內 容

文 字 和 旁 白 、 圖 案 和 插 畫 、 靜 態 的 照 片 、 選 項 ( 超 連 結 ) 圖 表 和 圖 形 、 視 訊 和 動 畫 、 音 樂 和 音 效 、 標 誌 和 標 準 字

構 成 形 式

色 塊 區 隔 頁 面 資 訊 、 框 架 使 用 、 圖 像 使 用 、 欄 位 或 分 格 線 區 分 畫 面

編 排 原 則 比 例 、 對 稱 、 韻 律 、 平 衡 、 統 一 調 和 、 反 差 、 強 調 色 相 暖 色 、 中 性 喜 悅 、 安 靜

明 度 中 、 低 明 度 保 守 、 安 定

色 彩 意 向

彩 度 高 、 中 彩 度 積 極 、 文 雅 、 中 庸 以 圖 為 主 影 像 插 畫 型 。 ( 形 象 片 頭 頁 面 、 內 頁 4)

以 文 為 主 框 架 色 塊 訊 息 型 ( 首 頁 )

類 圖 文 並 茂

理 性 規 矩 圖 文 型 ( 內 頁 6)

自 由 圓 弧 編 排 型 ( 形 象 頁 面 、 內 頁 3)

表 9 : 世 界 宗 教 博 物 館 視 覺 要 素 與 風 格 構 成 之 探 討 結 果 ( 本 研 究 整 理 )

( 2) 以 下 針 對 國 外 博 物 館 進 行 案 例 分 析 :

1. 大 英 博 物 館 (British Museum) h t t p : / / w w w . b r i t i s h - m u s e u m . a c . u k /

網 站 概 況 說 明 :

大 英 博 物 館 的 型 態 和 故 宮 博 物 院 的 型 態 接 近,都 屬 於 人 文 藝 術 且 具 有 歷 史 的 網 站 類 型 , 在 首 頁 的 頁 面 上 採 用 局 部 動 畫 的 呈 現 , 著 重 於 機 能 意 象 的 目 的 設 計 為 主 , 而 其 多 媒 體 介 面 則 是 在 進 入 兒 童 區 頁 面 時 呈 現 , 這 樣 的 考 慮 和 國 立 自 然 科 學 博 物 館 的 情 況 相 同,所 考 慮 的 因 素 應 該 也 是 相 同 , 所 以 從 國 內 外 博 物 館 網 站 瀏 覽 的 經 驗 看 來 , 從 機 能 意 項 和 情 感 意 像 兩 個 方 向 是 決 定 網 頁 風 格 的 很 重 要 因 素 。

(17)

視 覺 要 素 與 風 格 構 成 之 探 討 結 果 :

探 討 項 目 探 討 內 容 之 相 關 語 句 屬 性 定 位 歷 史 的 、 人 文 的 利 益 定 位 知 識 性 的

使 用 者 定 位 一 般 使 用 者 訊 息 呈 現 型 式 圖 文 並 茂

訊 息 呈 現 內 容

文 字 、 圖 案 、 靜 態 的 照 片 、 選 項 ( 超 連 結 ) 圖 表 和 圖 形 動 畫 、 標 準 字

構 成 形 式

色 塊 區 隔 頁 面 資 訊 、 框 架 使 用 、 圖 像 使 用 、 欄 位 或 分 格 線 區 分 畫 面

編 排 原 則 比 例 、 對 稱 、 平 衡 、 統 一 調 和 色 相 冷 色 系 深 遠 、 理 智

明 度 低 明 度 安 定

色 彩 意 向

彩 度 高 彩 度 積 極 、 有 力 量 以 文 為 主 框 架 色 塊 訊 息 型 ( 內 頁 1)

以 圖 為 主 影 像 插 畫 型 ( 內 頁 ) 場 景 卡 通 型 ( 內 頁 )

類 圖 文 並 茂 理 性 規 矩 圖 文 型 ( 首 頁 ) 自 由 圓 弧 編 排 型 ( 內 頁 ) 表 10: 大 英 博 物 館 視 覺 要 素 與 風 格 構 成 之 探 討 結 果 ( 本 研 究 整 理 )

網 站 視 覺 參 考 圖 :

圖 1 5 : 大 英 博 物 館 首 頁 / 內 頁 / 內 頁

(18)

2. 美 國 飛 行 與 太 空 博 物 館

(The National Air and Space Museum)

h t t p : / / w w w . n a s m . s i . e d u /

網 站 概 況 說 明 :

此 個 案 是 以 飛 行 和 太 空 為 主 題 的 專 題 型 態 且 具 歷 史 和 科 技 的 屬 性 的 博 物 館 。 此 個 案 首 頁 與 前 述 案 例 相 同 採 用 局 部 動 態 畫 面 設 計 為 主 , 但 在 多 媒 體 的 介 面 上 則 利 用 虛 擬 實 境 的 效 果 針 對 展 場 與 模 擬 座 艙 的 展 示 做 了 許 多 應 用。但 多 媒 體 動 畫 的 應 用 在 科 技 型 態 的 網 站 中 並 未 呈 現 覺 得 很 可 惜 , 在 蒐 集 網 頁 過 程 中 發 現 國 外 許 多 博 物 館 都 仍 是 以 文 字 型 態 為 主 , 注 重 機 能 的 目 的 似 乎 仍 是 博 物 館 網 站 設 計 時 最 重 要 的 考 量 。

視 覺 要 素 與 風 格 構 成 之 探 討 結 果 :

探 討 項 目 探 討 內 容 之 相 關 語 句 屬 性 定 位 歷 史 的 、 科 技 的

利 益 定 位 動 手 做 的 、 樂 趣 的 、 學 習 的 、 知 識 性 的

使 用 者 定 位 一 般 使 用 者 訊 息 呈 現 型 式 圖 文 並 茂

訊 息 呈 現 內 容

文 字 、 圖 案 、 靜 態 的 照 片 、 選 項 ( 超 連 結 )

圖 表 和 圖 形 、 視 訊 ( 虛 擬 實 境 ) 和 動 畫 、 標 誌 和 標 準 字

構 成 形 式

色 塊 區 隔 頁 面 資 訊 、 框 架 使 用 、 圖 像 使 用 、 欄 位 或 分 格 線 區 分 畫 面

編 排 原 則 比 例 、 對 稱 、 平 衡 、 統 一 調 和 色 相 中 性 、 冷 色 系 深 遠 、 理 智

明 度 高 明 度 優 美

色 彩 意 向

彩 度 低 彩 度 樸 素

以 文 為 主 框 架 色 塊 訊 息 型 ( 內 頁 2、 )

圖 文 並 茂 理 性 規 矩 圖 文 型 ( 首 頁 、 內 頁 1)

表 11 : 美 國 飛 行 與 太 空 博 物 館 視 覺 要 素 與 風 格 構 成 之 探 討 結 果 ( 本 研 究 整 理 )

(19)

網 站 視 覺 參 考 圖 :

圖 16: 美 國 飛 行 與 太 空 博 物 館 首 頁 / 內 頁 1/ 內 頁 2

3. 日 本 德 川 美 術 館 (The Tokugawa Art Museum)

h t t p : / / w w w . c j n . o r . j p / t o k u g a w a / i n d e x . h t m l

網 站 概 況 說 明 :

本 案 例 雖 然 中 規 中 矩,也 未 使 用 多 媒 體 動 畫 營 造 形 象,但 在 所 舉 案 例 中 風 格 的 統 一 性 是 其 中 最 具 一 致 性 的,不 論 首 頁 還 是 內 頁 都 有 共 同 的 視 覺 元 素 或 色 調 去 為 形 成 共 同 的 特 徵 而 其 動 態 的 影 像 主 要 設 計 在 於 按 鈕 選 單 上,滑 鼠 經 過 文 字 選 項 後 即 出 現 相 關 內 容 的 影 像 達 到 所 見 及 所 得 的 互 動 式 介 面 效 果 。 另 外 本 案 例 的 機 能 性 和 美 感 上 均 能 兼 顧 , 可 以 作 為 網 頁 設 計 時 一 個 很 好 的 例 子 。

網 站 視 覺 參 考 圖 :

圖 1 7 : 日 本 德 川 美 術 館 首 頁 / 內 頁 1 / 內 頁 2

(20)

視 覺 要 素 與 風 格 構 成 之 探 討 結 果 :

探 討 項 目 探 討 內 容 之 相 關 語 句 屬 性 定 位 歷 史 的 、 人 文 的 利 益 定 位 知 識 性 的

使 用 者 定 位 一 般 使 用 者 訊 息 呈 現 型 式 圖 文 並 茂

訊 息 呈 現 內 容

文 字 、 圖 案 、 靜 態 的 照 片 、 選 項 ( 超 連 結 ) 圖 表 和 圖 形 、 視 訊 ( 虛 擬 實 境 ) 和 動 畫 、 標 準 字

構 成 形 式

色 塊 區 隔 頁 面 資 訊 、 框 架 使 用 、 圖 像 使 用 、 欄 位 或 分 格 線 區 分 畫 面

編 排 原 則 比 例 、 對 稱 、 平 衡 、 統 一 調 和 色 相 中 性 色 系 溫 和 、 安 靜

明 度 高 明 度 優 美

色 彩 意 向

彩 度 低 彩 度 樸 素

以 文 為 主 框 架 色 塊 訊 息 型 ( 內 頁 2、 3)

圖 文 並 茂 理 性 規 矩 圖 文 型 ( 首 頁 、 內 頁 1)

表 1 2 : 日 本 德 川 美 術 館 視 覺 要 素 與 風 格 構 成 之 探 討 結 果 ( 本 研 究 整 理 )

4. 耶 路 撒 冷 博 物 館 (The Israel Museum,Jerusalem) http://www.imj.org.il/

網 站 現 況 說 明 :

本 案 例 在 風 格 上 也 是 屬 於 利 用 共 通 元 素 達 成 網 站 頁 面 間 風 格 一 致 性 的 個 案 , 右 上 方 選 單 色 彩 明 度 、 彩 度 均 高 , 並 且 位 置 都 一 樣 , 使 的 首 頁 到 內 頁 時 能 夠 辨 識 其 共 通 性 不 至 於 有 迷 失 感,在 前 面 國 內 幾 個 不 錯 的 案 例 中 如 故 宮 博 物 院 和 自 然 科 學 博 物 館 均 會 出 現 連 結 的 子 頁 和 首 頁 間 欠 缺 共 同 符 號 特 徵 , 造 成 有 不 知 自 己 身 在 何 方 的 挫 折 感 , 所 以 從 日 本 得 川 美 術 館 和 本 案 例 在 風 格 上 呈 現 的 例 子 看 來,從 使 用 者 介 面 的 觀 點 來 看 介 面 的 主 題 清 楚 和 一 致 性 是 最 重 要 的,所 以 藉 由 案 例 探 討 可 以 作 為 後 續 創 作 時 很 重 要 的 參 考 。

(21)

網 站 視 覺 參 考 圖 :

圖 18: 耶 路 撒 冷 博 物 館 首 頁 動 畫

圖 1 9 : 耶 路 撒 冷 博 物 館 首 頁 / 內 頁

視 覺 要 素 與 風 格 構 成 之 探 討 結 果 :

探 討 項 目 探 討 內 容 之 相 關 語 句 屬 性 定 位 人 文 的 、 藝 術 的

利 益 定 位 動 手 做 的 、 樂 趣 的 、 學 習 的 、 知 識 性 的

使 用 者 定 位 一 般 使 用 者

訊 息 呈 現 型 式 首 頁 - 以 圖 為 主 / 內 頁 - 圖 文 並 茂

訊 息 呈 現 內 容

文 字 、 靜 態 的 照 片 、 選 項 ( 超 連 結 ) 圖 表 和 圖 形 、 動 畫 、 標 誌 和 標 準 字

構 成 形 式

色 塊 區 隔 頁 面 資 訊 、 圖 像 使 用 、 欄 位 或 分 格 線 區 分 畫 面

編 排 原 則 比 例 、 對 稱 、 韻 律 、 平 衡 、 統 一 調 和 色 相 暖 色 、 中 性 、 華 美 、 平 凡

明 度 高 明 度 優 美

色 彩 意 向

彩 度 中 、 低 彩 度 文 雅 、 樸 素

以 文 為 主 框 架 色 塊 訊 息 型 ( 內 頁 )

圖 文 並 茂 理 性 規 矩 圖 文 型 ( 首 頁 )

(22)

5. 以 色 列 國 家 科 學 博 物 館 (The Israel National Museum of Science)

h t t p : / / w w w. n e t v i s i o n . n e t . i l / ~ s c i _ m u s e /

網 站 現 況 說 明 :

本 案 例 屬 於 科 技 型 態 的 網 站,但 與 前 面 所 探 討 的 相 同 屬 性 網 站 在 風 格 意 向 上 的 呈 現 有 著 很 大 的 不 同。本 案 例 特 別 之 處 在 於 使 用 較 軟 性 的 色 彩 和 線 條 的 圖 像 , 使 人 不 致 感 覺 科 學 冰 冷 和 理 性 的 刻 板 印 象 , 反 而 有 點 卡 通 場 景 形 式 的 呈 現 其 形 象 頁 和 最 後 的 首 頁。尤 其 最 後 首 頁 出 現 一 個 科 技 公 園 般 的 場 景,以 使 人 清 楚 知 道 其 網 站 特 性 同 時 又 覺 得 有 想 進 一 步 深 入 了 解 的 意 願 。 所 以 就 這 個 個 案 的 探 討 中 有 許 多 可 以 參 考 的 地 方 , 首 先 是 片 頭 動 畫 利 用 卡 通 場 景 的 方 式 介 紹 特 色 , 其 次 是 其 風 格 的 一 致 性 做 法 , 利 用 在 首 頁 場 景 中 出 現 的 景 物 讓 使 用 者 在 網 站 的 頁 面 間 瀏 覽 時 能 夠 有 熟 悉 感 , 不 會 有 不 知 身 在 何 方 的 迷 失 感 。

網 站 視 覺 參 考 圖 :

圖 20: 以 色 列 國 家 科 學 博 物 館 內 頁

圖 2 1 : 以 色 列 國 家 科 學 博 物 館 首 頁 /形 象 頁 /內 頁

(23)

視 覺 要 素 與 風 格 構 成 之 探 討 結 果 :

探 討 項 目 探 討 內 容 之 相 關 語 句 屬 性 定 位 科 技 的

利 益 定 位 學 習 的 、 知 識 性 的

使 用 者 定 位 一 般 使 用 者

訊 息 呈 現 型 式 首 頁 、 形 象 頁 - 以 圖 為 主 / 內 頁 - 圖 文 並 茂

訊 息 呈 現 內 容

文 字 和 、 圖 案 和 插 畫 、 靜 態 的 照 片 、 選 項 ( 超 連 結 ) 圖 表 和 圖 形 、 動 畫 、 音 樂 和 音 效 、 標 誌

構 成 形 式

色 塊 區 隔 頁 面 資 訊 、 框 架 使 用 、 圖 像 使 用 、 欄 位 或 分 格 線 區 分 畫 面

編 排 原 則 比 例 、 對 稱 、 韻 律 、 平 衡 、 統 一 調 和 色 相 中 性 、 冷 色 系 深 遠 、 理 智

明 度 高 明 度 優 美

色 彩 意 向

彩 度 高 、 中 、 低 彩 度 活 潑 、 積 極 、 有 力 量 以 圖 為 主

影 像 插 畫 型 (形 象 頁 場 景 卡 通 型 ( 首 頁 ) 以 文 為 主 框 架 色 塊 訊 息 型 ( 內 頁 )

類 圖 文 並 茂 理 性 規 矩 圖 文 型 ( 內 頁 )

表 1 4 : 以 色 列 國 家 科 學 博 物 館 視 覺 要 素 與 風 格 構 成 之 探 討 結 果 ( 本 研 究 整 理 )

3 . 4 歸 納 整 理 :

根 據 以 上 個 案 的 探 討 結 果,利 用 歸 納 法 做 進 一 步 的 整 理,由 於 本 研 究 希 望 藉 由 案 例 探 討 歸 納 出 一 些 實 務 上 的 設 計 原 則 , 作 為 創 作 的 參 考 。 採 用 的 分 析 法 排 除 用 「 量 」 的 統 計 分 析 方 式 , 而 以 「 質 」 的 分 析 作 為 結 論 探 討 之 基 礎 , 讓 創 作 的 方 向 理 念 與 實 務 之 間 能 有 可 參 照 的 依 據 。

(24)

綜 合 上 述 十 二 個 ( 國 內 七 個 及 國 外 五 個 ) 博 物 館 網 站 的 個 案 探 討 , 在 視 覺 要 素 與 風 格 構 成 之 探 討 結 果 上 , 針 對 形 象 定 位 、 風 格 分 類 與 視 覺 構 成 三 個 探 討 項 目 進 行 共 通 性 的 歸 納 , 有 以 下 幾 點 可 供 參 考 : 1. 在 形 象 定 位 項 目 上 所 列 的 三 個 定 位 方 向 上 , 差 異 性 較 多 的 項 目 是

屬 性 定 位 其 次 是 利 益 定 位 。 換 言 之 , 博 物 館 在 屬 性 上 , 是 容 易 區 別 出 幾 種 類 型 的 如 科 學 的 、 歷 史 的 、 專 業 領 域 的 和 理 念 型 態 的 博 物 館 屬 性 。

2. 在 視 覺 構 成 所 列 之 五 個 項 目 中 , 以 色 彩 的 意 向 、 版 面 率 、 JUMP 率 、 訊 息 內 容 的 項 目 中 較 有 明 顯 的 差 異 , 其 中 色 彩 的 意 向 和 形 象 屬 性 上 的 關 聯 性 較 明 顯 , 例 如 科 技 屬 性 的 博 物 館 色 系 主 要 為 冷 色 系 , 屬 性 偏 向 人 文 歷 史 的 則 多 為 暖 色 系 。

3. 版 面 率 、 JUMP 率 的 差 異 主 要 在 各 網 站 的 頁 面 中 , 與 屬 性 定 位 的 關 聯 性 並 不 明 顯,例 如 同 屬 性 的 網 站 中 可 分 形 象 頁、首 頁 和 內 頁 。 三 者 在 版 面 率 及 JUMP 率 的 差 異 上 相 較 於 屬 性 而 言 有 較 明 顯 的 不 同,例 如 形 象、首 頁 的 頁 面 大 多 數 為 了 不 失 活 潑 多 採 用 版 面 率 低 、 留 白 量 多 的 方 式 , 而 內 頁 因 資 訊 傳 達 的 需 求 不 同 使 得 圖 文 比 例 因 資 訊 內 容 的 功 能 性 與 目 的 性 不 同 而 有 差 異 , 進 而 引 響 版 面 率 也 相 對 決 定 其 版 面 之 格 調 。

4. 訊 息 內 容 和 屬 性 定 位 上 可 看 出 其 關 聯 性 , 例 如 歷 史 屬 性 的 網 站 在 視 訊 動 畫 的 應 用 上 大 都 將 重 點 放 在 遊 戲 與 數 位 博 物 館 的 子 頁 中 , 首 頁 多 數 僅 使 用 局 部 動 畫 或 完 全 沒 有 , 相 對 的 在 科 技 屬 性 和 理 念 屬 性 的 網 站 則 在 形 象 頁 面 和 首 頁 上 , 對 於 視 訊 動 畫 、 音 效 旁 白 音 樂 的 有 較 多 的 使 用 。

5. 在 風 格 分 類 上 的 情 況 類 似 第 3 點 所 述 , 因 資 訊 內 容 的 功 能 性 與 目 的 性 差 異 , 不 同 的 版 面 率 也 相 對 於 影 響 其 風 格 類 型 , 且 相 同 屬 性 的 網 站 中 , 形 象 頁 面 、 首 頁 和 內 頁 也 因 此 產 生 風 格 的 不 一 致 性 。 例 如 同 一 屬 性 網 站 , 形 象 頁 面 多 以 圖 像 為 主 , 且 搭 配 多 媒 體 動 畫 效 果 , 其 視 覺 上 強 調 活 潑 性 故 多 以 影 像 插 畫 型 為 主 , 內 頁 多 使 用 以 文 字 為 主 的 框 架 色 塊 型 和 圖 文 並 茂 的 理 性 規 矩 圖 文 型 為 主 。 6. 由 於 上 述 風 格 分 類 上 因 訊 息 內 容 之 目 的 性 和 功 能 性 不 同 , 所 產 生

的 網 站 頁 面 間 版 面 構 成 風 格 屬 性 不 一 致 的 現 象 , 在 案 例 探 討 中 也 發 現 , 運 用 具 有 象 徵 意 義 的 圖 像 元 素 於 視 覺 設 計 中 , 將 可 彌 補 版

(25)

面 構 成 的 不 一 致 性 而 獲 得 視 覺 上 的 共 通 性 。 例 如 標 誌 、 標 準 字 、 標 準 色 和 象 徵 圖 像 等 識 別 元 素 。

7. 色 塊 區 隔 頁 面 資 訊 、 框 架 使 用 、 圖 像 使 用欄 位 或 分 格 線 區 分 畫 面 等 構 成 形 式 和 比 例 、 對 稱 、 韻 律 、 平 衡 、 統 一 調 和 等 編 排 原 則 在 本 探 討 中 發 現 , 在 不 同 屬 性 的 博 物 館 網 站 中 , 上 述 編 排 原 則 為 最 常 使 用 的 方 式 而 構 成 形 式 也 是 共 通 具 有 的 形 式 , 所 以 可 以 作 為 博 物 館 類 型 網 站 設 計 時 的 原 則 參 考 。

3 . 5 探 討 結 論 :

依 據 上 述 歸 納 整 理 出 的 共 通 性 提 出 可 供 後 續 創 作 的 參 考 原 則,此 原 則 和 文 獻 探 討 所 獲 之 心 得 結 論 將 是 本 研 究 後 續 研 究 的 理 念 依 據。整 理 結 論 如 下 :

1. 博 物 館 網 站 設 計 時 可 以 依 屬 性 定 位 、 訊 息 內 容 的 區 隔 、 識 別 符 號 的 確 定、版 面 風 格 定 位 和 排 版 構 成 方 式 等 方 向 依 序 且 相 互 參 照 的 模 式 來 進 行 設 計 前 的 計 畫 擬 定 。( 如 圖 22)

2. 網 頁 設 計 前 的 評 估 作 業,可 以 利 用 本 研 究 所 整 理 設 計 的 表 格( 表 2)

先 行 針 對 所 要 設 計 的 相 同 博 物 館 類 型 進 行 探 討 分 析,再 依 據 此 結 論 擬 定 設 計 策 略 進 行 設 計 。

3. 依 據 形 象 風 格 、 視 覺 元 素 和 構 成 方 式 , 設 計 成 策 略 單 。 可 供 設 計 策 略 擬 定 之 依 據 。( 如 表 15)

4. 網 站 機 能 性 考 量 和 情 感 意 象 的 考 量 , 會 決 定 網 頁 版 面 以 文 字 型 態 或 多 媒 體 型 態 來 呈 現,所 以 網 站 設 立 的 目 的 和 條 件 在 設 計 網 站 前,必 須 事 先 擬 定 策 略 , 才 可 收 機 能 與 風 格 間 協 調 之 效 果 。

5. 策 略 單 使 用 注 意 說 明 :

針 對 設 計 對 象 進 行 調 查 和 文 獻 蒐 集,經 過 探 討 分 析 後 作 為 策 略 設 計 之 參 考 。 尤 其 針 對 每 個 不 同 型 態 的 頁 面 , 其 目 的 、 機 能 性 和 美 感 意 象 的 重 點 為 何 ? 然 後 再 決 定 其 版 面 構 成 方 式 和 風 格 類 型 。

在 □ 中 打 勾 選 擇 適 合 的 表 現 形 式,在 資 訊 形 式 選 項 上 是 單 選 而 在 風 格 類 型 、 視 覺 元 素 、 構 成 方 式 上 可 以 複 選 。 以 此 選 單 結 果

(26)

表 1 5 : 博 物 館 網 站 設 計 策 略 單 :( 本 研 究 整 理 )

網 站 名 稱 設 計 日 期

屬 性 定 位 完 成 日 期

頁 面 屬 性 資 訊 形 式 版 面 空 間 風 格 類 型 首 頁 □ 以 圖 為 主

□ 以 文 為 主

□ 圖 文 並 茂

□ 留 白 多

□ 留 白 少

□ 影 像 插 畫 型 □ 場 景 卡 通 型 。

□ 多 文 字 訊 息 型 □ 框 架 色 塊 訊 息 型

□ 理 性 規 矩 圖 文 型 □ 自 由 圓 弧 編 排 型 形 象 頁 □ 以 圖 為 主

□ 以 文 為 主

□ 圖 文 並 茂

□ 留 白 多

□ 留 白 少

□ 影 像 插 畫 型 □ 場 景 卡 通 型 。

□ 多 文 字 訊 息 型 □ 框 架 色 塊 訊 息 型

□ 理 性 規 矩 圖 文 型 □ 自 由 圓 弧 編 排 型

內 頁 □ 以 圖 為 主

□ 以 文 為 主

□ 圖 文 並 茂

□ 留 白 多

□ 留 白 少

□ 影 像 插 畫 型 □ 場 景 卡 通 型 。

□ 多 文 字 訊 息 型 □ 框 架 色 塊 訊 息 型

□ 理 性 規 矩 圖 文 型 □ 自 由 圓 弧 編 排 型

□ 識 別 標 誌 □ 識 別 標 準 字 □ 象 徵 圖 案 □ 識 別 色 彩

□ 文 字 和 旁 白 □ 圖 案 和 插 畫 □ 靜 態 的 照 片 □ 選 項 ( 超 連 結 )

□ 圖 表 和 圖 形 □ 視 訊 和 動 畫 □ 音 樂 和 音 效

□ 比 例 □ 對 稱 □ 韻 律 □ 平 衡 □ 統 一 調 和 □ 反 差 □ 強 調 □ 對 比

□ 色 塊 區 隔 頁 面 資 訊 □ 框 架 使 用 □ 圖 像 使 用 、 □ 欄 位 □ 分 格 線

(27)

圖 2 2 : 博 物 館 網 站 設 計 計 畫 模 式 圖 ( 本 研 究 整 理 )

屬性定位

識 別 符 號 確 定 訊 息 內 容 的 區 隔

版面風格定位

構成方式

1.網站類型 2.特殊性

3.形象頁、首頁及 內頁訊息內容的 確定

1. 有無可利用的具象 化視覺要素

2. 依據訊息特性決定 風格類型

1. 依資訊特性決定構 成形式

2. 依風格類型訂定排 版原則

數據

表 1 5 : 博 物 館 網 站 設 計 策 略 單 :( 本 研 究 整 理 )   網 站 名 稱     設 計 日 期   屬 性 定 位     完 成 日 期     頁 面 屬 性  資 訊 形 式   版 面 空 間   風 格 類 型   首     頁   □ 以 圖 為 主   □ 以 文 為 主   □ 圖 文 並 茂   □ 留 白 多  □ 留 白 少   □ 影 像 插 畫 型         □ 場 景 卡 通 型 。   □ 多 文 字 訊 息 型       □ 框 架
圖 2 2 : 博 物 館 網 站 設 計 計 畫 模 式 圖 ( 本 研 究 整 理 )   屬性定位  識 別 符 號 確 定   訊 息 內 容 的 區 隔   版面風格定位  構成方式  1.網站類型 2.特殊性  3.形象頁、首頁及 內頁訊息內容的確定  1

參考文獻

相關文件

了解電腦網路的原理,學習使用 個人網誌及簡易的網頁設計,具 備電子商務的觀念、網路安全以 及網路犯罪與相關法規.

整體網站之規劃與設計設,包括網站企畫,網頁版面美工設計,網頁版面

工作氣質或求職端 TWS 工作風格)或是 1 門就業促進

所以 10 個數字 個數字 個數字 個數字 pattern 就產生 就產生 就產生 就產生 10 列資料 列資料 列資料 列資料 ( 每一橫 每一橫 每一橫

(網站主頁 > 課程發展 > 學習領域 > 藝術教育 > 教學資源 >視覺藝術

• Early experiences have long term impacts on brain power.. • Creative play and quality care make all

例如 : http ( 網頁伺服器所用的協定 ) 定義了 client 如何向 server request 網頁及 server 如何 將網頁及其中的各種內容回傳給 client 。. 提供服務給 application layer

我們自 2013 年 10 月起,在教育局「教科 書資訊」網頁 (www.edb.gov.hk/textbook)