第五章 系統使用
5.1 系統操作說明
資料輸入方法，可由以下方法任選一種：
(1) 在 Red、Green、Blue 欄位分別輸入 R、G、B 值。
(2) 以滑鼠拉動 RGB 滑桿。
(3) 輸入 RGB 的 HEX 值後，按確定。
(4) 分別輸入 H、S、B(V)值，按確定。
圖5-1 色彩值輸入欄位與滑桿
(5) 直接選用顯示色塊之色彩：使用者可直接以滑鼠點選色塊，當成輸入 值。
圖5-2 色塊色彩輸入法點選方式 2. 色彩顯示區域：
步驟1.確定後，系統會自動在此區塊顯示預設的色彩配置建議。
70
第1~3 格為輸入色的類似色；第 4~6 為類似色相或對比色相；第 7~9 為灰 階色彩，文字與各類背景等可參考使用。
圖5-3 色彩顯示範例 3. 顯示色彩空間值與面積比例參考值：
每個色彩下方，將自動顯示該色彩各項數值。
(1) RGB(16 進位表示法) (2) RGB 值
(3) HSB(HSV)值
(4) 色彩面積比例建議值
圖5-4 各色彩值顯示區域 4. 明度與彩度調整功能：
點擊按鈕即可對主要色彩執行該功能，可連續執行。結果將顯示於圖 5-3、
圖5-4。
71
(1) 明度調整功能：
① 變亮：增加明度
② 變暗：降低明度 (2) 彩度調整功能：
① 變濃：增加彩度
② 變淡：降低彩度
圖5-5 明度與彩度功能按鈕 5. 進階配色功能：
進階的配色功能分有三項，其配色結果顯示於第二個色彩顯示區域。
按鈕(圖 5-6)與功能說明：
圖5-6 進階配色功能按鈕
(1) 類似色：執行此功能，會自動以主要輸入色進行類似色相或類似色調 配色。若不滿意配色結果，可重複執行，系統將參考上次結果，調整 模式，提出其它配色建議。
(2) 對比色：執行此功能，會自動以主要輸入色進行對比色相或對比色調 配色。若不滿意配色結果，可重複執行，系統將參考上次結果，調整 模式，提出其它配色建議。
72
圖5-7 進階配色顯示區域
(3) 標準色比對：比對資料庫中知名企業的商標標準色，並演算出該企業 標準色之間的關係，將將規則套入輸入色彩，提供配色建議。
① A-1：顯示輸入的色彩。
② A-2：資料庫色票搜尋結果 - 與 A1 最近似色彩。
③ A-3：A1 的類似調和色建議。
④ B-1：以資料庫擷取出色票推演出的 A-1 類似色彩。
⑤ B-2：資料庫搜尋結果。
⑥ B-3：B1 的類似調和色建議。
⑦ C1~3：灰階建議色彩。
6. 自動產生色票檔：
色票檔產生功能為於系統介面下方，提供Photoshop、Illustrator、文字檔 等格式色票。
圖5-8 色票產生功能按鈕
(1) 產生 Photoshop 色票檔：執行此功能，將彈跳出「檔案下載」視窗，
按「儲存」可將色票儲存成.act 色票檔案；按「開啟舊檔」，如圖5-9，
色票直接載入Photoshop 色票視窗，如圖 5-10。
73
圖5-9 色票檔案下載視窗
圖5-10 載入 Photoshop 色票視窗範例
(2) 產生 Illustrator 色票檔：方式與(1)相同。
(3) 產生色票文字檔：點此功能，色票資訊可直接以文字方式輸出。
74
圖5-11 色票文字檔視窗 5.2 範例實作
ReBrand 100 是品牌重設計領域中，最權威的全球性獎項，每年由來自全球 不同國家的行銷、設計、品牌等領域專家組成評審委員，針對全球品牌，選出當 年度品牌商標或形象重設計的最佳案例，該組織設置了：(1) Best Awards：最佳 設計；(2) Distinction：卓越；(3) Merit：優秀；(4) Notable：值得關注，等四個獎 項。
本研究之色票資料庫，安裝後，預設儲存了2010 年 ReBrand 100 得獎企業及 Fortune Global 500 企業的商標標準色，供色票比對建議模組使用。使用者也可依 需求自行新增企業商標標準色，供日後使用。
本節以一個自行製作的商標，並隨機挑選一個色彩當成商標色。以標準色比 對模組展示系統的色彩比對能力與功能。
75
1. 輸入色彩值：
假設公司LOGO 為圖 5-12，此圖片的 RGB=(11,83,119)；16 進位表示法
=#0B5377；HSV=(200°, 90, 46)。
圖5-12 示範商標 2. 執行標準色比對功能：
系統在A、B 色彩區塊顯示比對的色票與色彩配置建議。
(1) 近似色為 2010 ReBrand Awards : Merit、2010 Fortune Global 500 中排名 284 名、Fortune 500 排名 84 名的 Delta Air lines。
(2) 以 CYT IDEE LOGO(A-1)色彩為基準，與 Delta Air lines 色票進行色彩 運算，顯示參考配色A-3、B-1、B-3。
(3) 系統也提供第 2 及第 3 近似色的企業網站連結作為參考。
圖5-13 商標標準色比對結果
76
3. 網站連結：
點選此色票所屬的企業Delta Air lines 連結，可在新視窗開啟該公司網頁，
作為使用者網站設計的參考。
圖5-14 達美航空(Delta Air Lines)網站
由Delta Air Lines 公司入口網站，可看出其使用的配色與本系統之建議色相 似度極高。皆為藍色系為主、紅色系為輔。文字上大量使用藍色、灰色及黑色，
背景為白色系。
77
78
6.2 建議與未來研究方向
色彩的使用，雖有部分已能用數學或科學數值分析評判，現階段如牽涉到感 覺或認知的部分仍屬於設計師或藝術家的專業領域。對一般使用者來說，本研究 可提供常用的配色決策建議，但選用時，仍得憑使用者喜好做出最後決定。本研 究針對未能囊括之議題，未來可加強與發展的方向如下：
1. 本研究主要以色彩三個屬性為基礎，針對專家對於色彩調和的通用觀點著墨。
可加入其他如：光線、情境、國情、民族、文化、習慣、年齡…等環境背景與 情感因素，使此決策系統的應用範圍更完善。
2. 本研究以一或雙色企業識別系統商標標準色做為配色條件。
未來可加入多色同時交叉比對功能，以應用於更廣泛的色彩決策輔助範圍。
3. 可將知識規則建立功能開放，讓專家使用者能依需求調整權重。
4. 本論文未對企業識別系統之商標標準色以外的顏色進行分析，若能將完整的識 別系統與實際網頁設計用色資料進行建置與分類，進一步加入其他分析模型，
增加其準確性。
5. 若能將此軟體製作成擴充模組，整合至各式網頁開發軟體環境中使用，將能提 升網站開發者使用上的便利性。
79
中文文獻
1. (法)Andreu, P., “L’Opéra De Pékin: le roman d’un chantier, Editions du Chêne”, Hachette Livre, 2007.；唐柳、王恬譯，保羅‧安德魯的北京國家大劇院, 木馬文化事業股份有 限公司，2008.
2. (德) Itten, J., Kunst der Farbe: subjektives Erleben und objektives Erkennen als Wege zur Kunst, O. Maier, 1961. Itten, J., Birren, F., “Elements of Color: A Treatise on the Color System of Johannes Itten Based on His Book the Art of Color”,John Wiley & Sons Inc. , 1970.；蔡毓芬 譯，色彩的藝術，地景出版社，2009。
3. (日) Rin Yano, “The Art of Design”, Solutions Publishing, 2006.；柳曉陽 譯，設計的技 術104， 如何出版社，2008。
4. (美) Edwards, B., “Color: A Course in Mastering the Art of Mixing Color”, Jeremy P.
Tarcher/Penguin, 2004.；朱民 譯，像藝術家一樣色彩思考，時報文化，台北，2006。
5. (美) Freeman M., “The Photographer’s Eye: Composition and Design for Better Digital Photos”, The Ilex Press Limited, 2007.；吳光亞 譯，攝影師之眼-數位設計的思考、設 計和構圖，大家出版社，台北，2009。
6. (美) Laudon, K.C., Laudon, J.P., “Management Information Systems – Managing the Digital Firm”, Pearson Education, 2006；周宣光 譯，管理資訊系統 – 管理數位化公司，
東華書局，台北，2006。
7. (美) Lupton, E., Phillips, J. C., “Graphic Design The New Basics”, Chronicle Books Llc., 2008.；中譯：新平面設計原理，龍溪，台北，2009。
8.(美) Nielsen J., Loranger, H., “Prioritizing Web Usability”, Pearson Education, 2006；張亮 譯，設計好網站的黃金準則，悅知文化，台北，2008。
9. (美) Schmitt, B., Simonson, A., "Marketing aesthetics: the strategic management of brands, identity, and image", Simon and Schuster, 1997.；郭建中 譯，大市場美學，新雨出版社，
台北，1999。
80
10. (美) Worobiec, T., Spencer, R., “Complete Guide to Digital Night & Low-Light
Photography”, David & Charles, 2009. ；王比利 譯，拍出大師級的夜景與微光攝影美 技，漫遊者文化事業股份有限公司，台北，2009。
11. 小林重順，カラー‧イメーヅ事典，講談社，東京，1983。
12. 小林重順、羅文坤、萬憲璋，行銷色彩戰略: 行銷新突破感性消費時代商品企劃技 巧，資源發展，台北，1987。
13. 大智浩，陳曉冏 譯，設計的色彩計劃，大陸書店，1975。
14. 大山正，色彩心理學: 追隨牛頓和哥德的腳步，牧村圖書有限公司，台北，1998。
15. 任永貞，企業網站首頁之公共關係目標公眾、企業形象與功能分析研究----以國內前 五百大企業為例，國立中山大學傳播管理研究所碩士論文，高雄， 2001。
16. 朱介英，色彩設計計劃，美工圖書社，1998。
17. 李俊宏，網頁設計原則的研究：以大專院校首頁設計為例，國立雲林技術學院工業 設計研究所碩士論文，雲林，1996。
18. 李健興，建構資訊科技策略決策支援系統之研究，國立成功大學工業管理研究所碩 士論文，台南，2002。
19. 吳芳儀，心理因素影響影像色彩喜好之研究，雲林科技大學視覺傳達設計系碩士論 文，雲林，2006。
20. 吳東龍，網頁色彩配色與感覺意象之對應關係研究的建構－以個人網頁為例，國立 交通大學應用藝術研究所碩士論文，新竹，2001。
21. 林大川，色彩學，全華科技圖書股份有限公司，台北，1999。
22. 林文昌，色彩計劃，藝術圖書，台北，1991。
23. 林佩儀，網站設計與使用者滿意度之關聯— 以網路使用與購物經驗進行集群之研究，
國立政治大學資訊管理學系碩士學位論文，台北，2000。
24. 林磐聳，企業識別系統，藝風堂，台北，1985。
81
82
38. 劉映辰、李文淵，從色彩與形狀特徵探討英文字型的美感及喜好程度，中華民國設 計學會第 13 屆設計學術研究研討會，P782-787，中華民國設計學會，桃園，2008。
39. 劉育德，網路企業識別系統與網路品牌印象之研究，屏東科技大學企業管理系碩士 論文，屏東，2003。
40. 戴嘉成，以視覺化為基礎的使用者介面製造器，國立交通大學資訊工程學系碩士班，
新竹，2001。
41. 韓斌，科學發展，第 435 期，2009。
42. 魏澤群，優使性 2.0(Usability 2.0)-網站經驗設計與使用者研究，網亦資訊科技股份 有限公司，台北，2007。
43. 蘇小鳳，大學圖書館網站使用者介面設計之評估研究，國立中興大學圖書資訊學研 究所碩士學位論文，台中，2003。
44. 蘇榮森，速食連鎖市場區隔與企業形象定為之研究，交通大學管理科學研究所碩士 論文，新竹，1990。
45. 羅凱，高品牌價值之品牌識別設計傾向與標誌模式探究，國立台灣科技大學設計研 究所碩士論文，台北，2007。
83
英文文獻
1. Académie royale des sciences (France),” The philosophical history and memoirs of the Royal Academy of sciences at Paris”, John and Paul Knapton, 1742.
2. Alter S., “A Taxonomy of Decision Support Systems”, Sloan Management Review, 1977.
3. Albers, J., “Interaction of color”, Keller, 1963.
4. Beck, L., “System software: an introduction to systems programming” , 3rd , Addison-Wesley, 1997.
5. Berns, R. S., Motta, R. J., Gorzynski, M. E.,“CRT colorimetry, part I: theory and practice.” Color. Res. Appl., 18, 299-314, 1993.
6. Berns, R.S., Gorzynski, M E, Motta, R J. “CRT colorimetry, part II:metrology.”
Color. Res. Appl., 18, 315-325, 1993.
7. Birkight, K., Stadler M. M., “Corporate identity: Grundlagen, Funktionen, Fallbeispiele “. Verl. Moderne Industrie, 1980.
8. Bruce, M., Foster, J. J., “The visibility of colored characters on colored background on viewdata displays”, Visible Land, 32, 382-390, 1982.
9. Burnham, R.W., Hanes, R. M. , Bartleson, C.J., “Color: A Guide to Basic Facts and Concepts”, John Wiley& Sons, Inc. , 1963.
10. Chevreul M. E., “De la loi du contraste simultané des couleurs: et de l'assortiment des objets colorés, considéré d'après cette loi”, Pitois-Levrault et ce. , 1839.
11. Chevreul M.E., “The Principles of Harmony and Contrast of Colours, and Their Applications to the Arts”, 2nd, . Longman, Brown, Green, and Longmans, London, 1855.
12. Cleland, T. M., “A Practical Description of the Munsell Color System and Suggestions for Its Use”, Kessinger Publishing, 2004.
13. Ebbinghaus, H., “Grundzüge der Psychologie”, Berlin, 1902.
84
14. Feisner E. A., “Colour: how to use colour in art and design”, Laurence King Publishing, 2006.
15. Ghose, S., Dou, W., “ Interactive Functions and Their Impact on the Appeal of Internet Presence Site”, Journal of Advertising Research, Mar/Apr1998, Vol.38 Issue 2, pp.29-43., 1998.
16. Goethe, J. W., “Goethe's theory of colours”, translated by Sir Charles Lock Eastlake, J. Murray, 1840.
17. Harris, M., “The natural system of colours”, s.n., 1766.
18. Heddell, P., “Color Harmony: New Applications of Existing Concepts,” Color, Research & Application, Vol. 13, pp. 55-57., 1988.
19. Ind, N., “The Corporate Image: Strategies for Effective Identity Programme”, London: Kogan Page, 1990.
19. Ind, N., “The Corporate Image: Strategies for Effective Identity Programme”, London: Kogan Page, 1990.