臺灣博碩士論文加值系統

隨著兒童參與網路活動比例的增加，網站之於兒童的重要性也日漸提高。然而網頁的「色彩」是最直接影響網站風格的視覺要素，適當的網頁色彩，對於網站本身的整體視覺風格，以及兒童對於網站的喜好程度，都有直接的影響。
本研究藉由文獻的搜集，探討網頁的視覺設計及色彩計畫、色彩的心裡感覺及兒童對色彩的認知情形等，再進一步從現有之兒童網站進行色彩分析與探討。
研究中整理一般網站與兒童版網站的配色，歸納出其中的差異。再經由不同主題兒童網站的色彩規劃之分析，進一步探討適合兒童網站的色彩規劃。接著以歸納出的兒童網站色彩規劃方式，進行兒童網站創作。最後提出結論與建議，以作為日後建置兒童網站的參考。

The Internet is undoubtly an important thing that influences everyone’s daily life. As more and more children participating in the Internet activities, the importance of how children web sites look like is raising. Colors are important visual elements of a web site and are the most directly factor that affect the chldren’s
feeling of the web sites. Proper use of colors not only affects to the whole visual styles of the web site, but also affects how children like it.
The project was aimed to investigate the visual design, color plans, the feelings colors give to the user, and how do children aware of the colors. We discuss and analyze the color plans of existing children web sites. In addition, we discuss the different color plans on conventional web sites and children web sites. Furthurmore,we discuss the suitable color plans of children web sites by exploring children web
sites of different subjects. Finally we will construct a children web site according to the conclusions. Conclusions and suggestions will also give for futhur references.

第一章緒論
1-1研究背景與動機...................................................................................................01
1-2研究目的與目標...................................................................................................02
1-3研究限制...............................................................................................................03
1-4研究架構...............................................................................................................04
第二章文獻探討
2-1 網路媒體..............................................................................................................05
2-2 網站的構成元素..................................................................................................05
2-3 網頁的視覺設計..................................................................................................06
2-3-1 網頁的構成元素...........................................................................................06
2-3-2 網站設計風格...............................................................................................08
2-4 網頁與色彩..........................................................................................................09
2-4-1 光的三原色...................................................................................................10
2-4-2 網頁配色的特性...........................................................................................10
2-5 網頁的色彩計畫..................................................................................................11
2-5-1 色彩計畫的必要性.......................................................................................11
2-5-2 配色程序.......................................................................................................12
2-6 色彩的心理感覺..................................................................................................13
2-7 兒童的色彩認知..................................................................................................15
第三章兒童網站色彩之探討
3-1 兒童網站樣本收集..............................................................................................16
3-2 各兒童網站的色彩分析......................................................................................18
3-2-1 網站色彩分析方法.......................................................................................18
3-2-2 網站色彩分析步驟.......................................................................................21
3-2-3 色彩分析與比較(一)兒童版與大眾版網站之比較.....................................22
3-2-4 色彩分析與比較(二)專為兒童建置之網站.................................................38
3-3 現有兒童網站色彩規劃之探討......................................................................49
第四章兒童網站色彩規劃創作
4-1 創作理念..............................................................................................................53
4-2 創作過程..............................................................................................................55
4-2-1 網站定位及色彩聯想...................................................................................55
4-2-2 網站選配色過程...........................................................................................57
4-2-3 網頁各元素的配色情形...............................................................................60
4-3 網站作品..........................................................................................................62
第五章結論與建議...........................................................................................68
參考書目.....................................................................................................................70
圖目錄
圖1-1 研究架構圖....................................................................................................04
圖2-1 色光的三原色示意圖....................................................................................10
圖2-2 文字色與背景色所形成之可讀性差異........................................................10
圖2-3 色彩選配理論圖...........................................................................................12
圖3-1 色相、色調尺度分析圖................................................................................18
圖3-2 色彩形象尺度圖-單色色彩尺度圖.............................................................19
圖3-3 色彩形象尺度圖-形容詞色彩尺度圖.........................................................20
圖3-4 色彩形象尺度圖-配色色彩尺度圖.............................................................20
圖3-5 將網頁色彩以馬賽克功能轉換說明圖........................................................21
圖3-6 網站色彩歸納表說明圖(一).........................................................................22
圖3-7 小蕃薯網站與蕃薯藤網站-色彩分析結果比較圖.....................................33
圖3-8 故宮兒童網站與故宮博物院網站-色彩分析結果比較圖.........................34
圖3-9 國立海生館兒童網站與國立海生館網站-色彩分析結果比較圖.............35
圖3-10 總統府兒童網站與總統府網站-色彩分析結果比較圖...........................36
圖3-11 東北角海岸兒童網站與東北角海岸網站-色彩分析結果比較圖...........37
圖3-12 網站色彩歸納表說明圖(二) ......................................................................38
圖3-13 如果兒童劇團網站-色彩分析圖...............................................................44
圖3-14 布克斯島網站-色彩分析圖.......................................................................45
圖3-15 公視原住民兒童網站-色彩分析圖...........................................................46
圖3-16 青蛙學堂網站-色彩分析圖.......................................................................47
圖3-17 遊戲學堂網站-色彩分析圖.......................................................................48
圖3-18 總統府網站色彩規劃圖..............................................................................49
圖3-19 總統府兒童網站色彩規劃圖......................................................................50
圖3-20 東北角海岸網站網站色彩規劃圖.............................................................51
圖3-21 東北角海岸兒童網站色彩規劃圖..............................................................51
圖3-22 遊戲學堂網站色彩規劃圖..........................................................................52
圖4-1 「昆蟲的彩色世界」首頁........................................................................53
圖4-2 「昆蟲的彩色世界」網站架構圖............................................................55
圖4-3「昆蟲的彩色世界」網站以色相、色調尺度之色彩分析圖.................57
圖4-4 以色相、色調尺度圖挑選出的顏色...........................................................58
圖4-5「昆蟲的彩色世界」網站以色彩形象尺度之色彩分析圖.....................58
圖4-6 「昆蟲的彩色世界」網站色彩規劃圖....................................................59
圖4-7 「昆蟲的彩色世界」網站背景色配色....................................................60
圖4-8 「昆蟲的彩色世界」網站圖片的處理....................................................60
圖4-9 「昆蟲的彩色世界」網站標題列的配色................................................61
圖4-10 「昆蟲的彩色世界」網站選單的配色..................................................61
圖4-11 「昆蟲的彩色世界」網站文字的配色..................................................61
圖4-12 「昆蟲的彩色世界網站」首頁..............................................................62
圖4-13 「昆蟲的彩色世界網站」課程導引頁面..............................................62
圖4-14 「昆蟲的彩色世界網站」各主題頁面..................................................63
圖4-15 「昆蟲的彩色世界網站」認識色彩單元..............................................64
圖4-16 「昆蟲的彩色世界網站」色彩的心理作用單元..................................65
圖4-17 「昆蟲的彩色世界網站」昆蟲與色彩單元..........................................66
圖4-18 「昆蟲的彩色世界網站」昆蟲色彩創作單元......................................67
圖4-19 「昆蟲的彩色世界網站」昆蟲遊樂場..................................................67
表目錄
表3-1 同時提供大眾及兒童版本之網站表............................................................16
表3-2 專為兒童建置之網站表................................................................................17
表3-3 小蕃薯網站色彩歸納表................................................................................23
表3-4 蕃薯藤網站色彩歸納表................................................................................24
表3-5 故宮兒童網站色彩歸納表............................................................................25
表3-6 故宮博物院網站色彩歸納表........................................................................26
表3-7 國立海洋生物館兒童網站色彩歸納表........................................................27
表3-8 國立海洋生物館網站色彩歸納表................................................................28
表3-9 總統府兒童網站色彩歸納表........................................................................29
表3-10 總統府網站色彩歸納表..............................................................................30
表3-11東北角海岸兒童網站色彩歸納表..............................................................31
表3-12 東北角海岸網站色彩歸納表......................................................................32
表3-13 如果兒童劇團網站色彩歸納表.................................................................43
表3-14 布克斯島網站色彩歸納表..........................................................................40
表3-15 公視原住民兒童網站網站色彩歸納表......................................................41
表3-16 青蛙學堂網站色彩歸納表..........................................................................42
表3-17 遊戲學堂網站色彩歸納表..........................................................................43

1.李天任(1998)：色彩之系統化與色彩體系之研究，1998色彩與人生學
術研討會論文。
2.李天任(2000)：非藝術性選配色方法之研究，2000色彩應用與色彩科
學研討會論文集。
3.李欣怡(2004)：動態式導覽介面於兒童網站之設計應用研究，碩士論
文，中原大學商業設計研究所。
4.李銘龍(1998)：色彩學1~2，台北，龍騰文化事業。
5.林芳穗(1997)：受過設計專業訓練與否對男性和女性化色彩聯想差異
的探討，第二屆設計學會學術研究成果論文集。
6.林盤聳(1998)：從現代科技探討色彩的應用與表現，1998色彩與人生
學術研討會論文。
7.林盤聳(1994)：企業識別系統，台北，藝風堂。
8.林文昌(1988)：色彩計畫，台北，藝術圖書公司。
9.吳隆榮(1985)：造形與教育，台北，千華圖書。
10.吳東龍(2001)：網頁色彩配色與感覺意象之對應關係研究的建構―以
個人網頁為例，碩士論文，國立交通大學應用藝術所。
11.吳仁芳(1993)：色彩理論與實際，台北，中華色研出版社。
12.洪郁修(2002)：兒童WWW人際溝通網路介面之研究，碩士論文，國
立成功大學工業設計學系碩博士班。
13.南雲治嘉(2003)：色彩配色圖表4(web篇)，台北，龍溪圖書。
14.高淑玲(2004)：色彩認知和配色感覺之研究―以改變配色形狀和面積
比對色彩意象影響為例，碩士論文，國立雲林科技大學視覺傳達設
計研究所。
15.莊錦昌(2001)：網頁介面使用性之探討與意象之研究，碩士論文，國
立成功大學工業設計研究所。
16.郭彥均(2004)：兒童網頁介面設計準則- 使用性、愉悅性與互動性，
碩士論文，國立台北科技大學創新設計研究所。
17.陳俊宏(1998)：1996/1997中國人色彩嗜好調查報告，1998色彩與人
生學術研討會論文。
18.陸雅青(1998)：兒童畫中用色現象之探討，1998色彩與人生學術研討
會論文。
19.曾惠民(2003)：Pixel Style 網站設計元素對使用者意象影響之研究，碩
士論文，銘傳大學設計管理研究所。
20.曾啟雄(2003)：色彩的科學與文化，台北，耶魯國際文化。
21.楊美雪(2002)：教學媒體訊息設計之研究，台北市，漢文書店。
22.鄭國裕、林盤聳(2002)：色彩計劃，台北，藝風堂。
23.賴瓊琦(1997)：設計的色彩心理，台北，視傳文化。
24.賴瓊琦(1998)：由色彩意象語意量尺間相關分析之亞太國家文化差
異，1998色彩與人生學術研討會論文。
25.鍾國文(2004)：博物館網站視覺設計之探討－以「北投溫泉博物館網
站」設計創作為例，碩士論文，國立台灣師範大學設計研究所。
26.I.R.I色彩研究所(2003)：色彩密碼(楊永鳳譯)，台北，碁峰資訊。