網站配色決策支援系統設計與實作-以企業識別系統商標標準色為例

Design and Implementation of Color Matching Decision Support System for Web Site - The Case of Corporate Symbol Color

周耀庭(Yao-Ting Chou)

指導教授 ： 陳安斌

國立交通大學/管理學院/管理學院碩士在職專班資訊管理組/碩士(2010年)

https://doi.org/10.6842/NCTU.2010.00679

摘要

色彩學，牽涉到許多如美感與知覺的因素，使得美學難以量化評價。品牌價值與企業形象，是企業或組織最重要的無形資產之一，網際網路、個人電腦、手持系統、行動裝置等的高普及率，使得企業入口網站在傳達形象與產品的功能更顯重要。隨機或錯誤使用色彩，可能造成網站使用者閱讀上的不適、降低顧客再次拜訪網站意願、傳達錯誤的聯想、破壞企業識別形象等問題。
　　另外，色彩專業領域的專家往往習慣使用HSV (色相、彩度、明度)色彩空間，一般電腦使用者或工程人員慣用RGB、CMYK色彩空間表示法，但RGB超過1677萬種色彩組合，對於不熟悉光學混色的使用者，更是應用上的一大門檻。
　　本研究能將各種色彩空間任意轉換，提供配色建議。以一般人對於常用的形容詞，如：亮、暗、濃、淡、類似、對比等詞彙進行色彩調整；進階得以比對專家知識模型與企業色票資料庫，將配色最佳化，提供實用的色彩決策建議。此系統也提供了色票轉出功能，可將色票以文字模式顯示，或匯入常見的影像處理與繪圖軟體，如Adobe Photoshop、Illustrator，方便應用於圖片製作，提供資訊人員更便利的應用選擇。
　　最後以「Fortune Global 500」企業和「ReBrand 100 Global Awards」獲獎品牌的企業識別系統商標標準色為範例，展示本系統應用於網站配色決策的可行性。
　　本研究的軟體系統提供了可依循的色彩搭配建議，透過這方式，可讓其它企業或組織由既有的專家規則，提供該公司網站色彩應用參考。協助無專業色彩學知識的網站工程人員、網站策略決策者，帶來色彩學專家知識，提供網站建置參考依據。

關鍵字

色彩調和 ； 類似色 ； 對比色 ； 色相 ； 色調 ； 彩度 ； 飽和度

並列摘要

Due to the aesthetic sensation and perception property of Color Theory, it’s very difficult to quantify and to evaluate the color is beautiful or not. Brand value and corporate image are parts of the most important intangible assets of corporations or organizations, and the popularization of internet, PC, personal handy-phone system, mobile device, etc. makes the corporation web portals more and more important in conveying image and products function. Thus, choosing colors inattentively or inappropriately might make website visitors unpleasant in visual perception and unwilling to visit the website again, cause improper association and destruction the image of corporate identity.
　Furthermore, specialists in color theory field apply HSV color spaces habitually, while common PC users or software engineers are used to take RGB or CMYK color spaces. However, in RGB, there are over 16.77 million kinds of color combinations, and that makes an obstacle to apply it for those not familiar with the color mixing.
　The research can transfer any color spaces freely into another, providing good suggestions of color replacement. Adjusting colors according to common users’ description words, such as bright, dark, thick, light, similar, contrast and so on to compare to specialists knowledge model and corporation color swatches database and can optimize the color matching and provide useful color strategy. The system also provides the function of "swatches outputs", enabling Swatches show in text. Moreover, it can import common image manipulation and graphics software installation, such as Adobe Photoshop, Illustrator, to make the graphics editing more convenient and to provide more convenient choices for the information system professionals.
　Finally, taking example of C.I.S. symbol color with “Fortune Global 500” and “ReBrand 100 Global Awards”, the system presents the feasibility of color settlement strategy in website.
　The software system in this research provides color matching suggestions accordingly. By this method, it can let many corporate & organizations refer to color application base on original regulations. The system assist amateur website engineer, decision maker to bring the knowledge of color theory and the color solutions of website layout.

並列關鍵字

Saturation ； analogic color ； contrast color ； Chroma ； hue

參考文獻

27. 莊明振、葉青林，《色彩差異因素對物體色色彩調和的影響》，國科會獎助專題研究計畫，計畫編號 NSC 87-2415-H-009-006，設計學報第3卷第2期，國立交通大學應用藝術研究所，新竹，1998。

42. 魏澤群，優使性2.0(Usability 2.0)-網站經驗設計與使用者研究，網亦資訊科技股份有限公司，台北，2007。

7. (美) Lupton, E., Phillips, J. C., “Graphic Design The New Basics”, Chronicle Books Llc., 2008.；中譯：新平面設計原理，龍溪，台北，2009。

9. (美) Schmitt, B., Simonson, A., "Marketing aesthetics: the strategic management of brands, identity, and image", Simon and Schuster, 1997.；郭建中 譯，大市場美學，新雨出版社，台北，1999。

18. 李健興，建構資訊科技策略決策支援系統之研究，國立成功大學工業管理研究所碩士論文，台南，2002。