研究生: |
簡穩容 Wen-Jung CHIEN |
---|---|
論文名稱: |
色彩調和理論於 網頁自動配色應用之研究 A Study on Automatic Color Scheme of Web Design Based on Color Harmony Theory |
指導教授: |
周遵儒
Chou, Tzren-Ru |
學位類別: |
碩士 Master |
系所名稱: |
圖文傳播學系 Department of Graphic Arts and Communications |
論文出版年: | 2013 |
畢業學年度: | 101 |
語文別: | 中文 |
論文頁數: | 73 |
中文關鍵詞: | 色彩調和 、色彩配置 、網頁設計 、自動配色 |
英文關鍵詞: | Color Harmony, Color Scheme, Web Design, Automatic Color Scheme |
論文種類: | 學術論文 |
相關次數: | 點閱:217 下載:14 |
分享至: |
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報 |
現今網頁設計方法與套裝軟體種類多元,但是無設計經驗者要配置出協調的色彩往往是困難的,時常產生網頁色彩不協調的現象。因此,本研究開發一套自動配色方法,以解決無設計經驗者在網頁配色上的困難。該自動配色方法先選取照片中的主色,再透過色彩調和理論之配色方法,選擇輔助色與點綴色,並且根據配色結果調整文字的明視度,最後將自動配色組合呈現於一般網頁版型中。
本研究以無設計經驗者為系統評估對象,使用問卷調查進行自動配色方法的整體效果與滿意度評估,再將配色結果交由專家進行效果評估。研究結果顯示,大部份的無設計經驗者認為能有效解決配色耗時的問題,並且對於整體配色結果感到滿意。在設計工作者評估部分,研究結果指出本系統之配色結果雖然缺乏層次感,但整體配色仍然富有協調感。本研究提出的自動配色方法能符合無設計經驗者的需求,但對於業界設計工作者而言,在整體配色的視覺效果部分仍有改善空間。
Nowadays, although there are diverse types of web design methods and software nowadays, it is still difficult for those users whom have no experience in web design to set the color in harmony on a web page. In this study, we propose an automatic method for color scheme in web design. The method can be summarized as follows: Firstly, the main color of web page is chosen from several photographs, then the auxiliary color and ornamented color are selected out based on color harmonic theory. Secondly, the legibility of text is adjusted according to the result of color scheme. Finally, the color combinations are presented into the layout of website.
Participants whom have no experience in design were chosen for evaluating the satisfaction and effectiveness to this method by using questionnaires. Web pages our method produced were and also evaluated by four professional designers. Most participants thought they could save time by using this method while doing color scheme, and they felt satisfied with the result. To professional designers, although the color combinations were short of sense of multi-level, it’s still filled with harmony. The experimental results show that this automatic website color scheme method can meet the needs of users whom has no experience in web design, but there is still more room for improvement in visual effects for professional web design.
一、中文部份
iku(譯)(2008)。Web+設計的黃金則:Web Color 配色虎之卷(原作者:坂本邦夫)。臺北市:旗標。
于劍平(2006)。自動化電腦整合製造。新北市:大揚。
吳國慶(譯)(2008)。設計幾何學:發現黃金比例的永恆之美(原作者:金柏麗‧伊蘭姆)。臺北市:積木文化。
林昆範(2008)。色彩原論(第二版)。臺北市:全華圖書。
林昆範、柯凱仁(譯)(1999)。現代色彩學(初版)(原作者:中井義雄、川崎秀昭)。臺北市:全華圖書。
林書堯(1993)。色彩學概論。臺北市:三民書局。
邱泯科、陳佳穎、蔡毓智、姜馨彥(合譯)(2006)。研究方法:基礎理論與技巧(原作者:Earl, B.)。臺北市:雙葉。
邱駿鵬、陳圳卿(2007年6月)。網頁中文字編排方式對視認績效影響之初探。「2007年第一屆創新管理學術與實務研討會」發表之論文。萬能科技大學管理學院。
莊惠淳(譯)(2009)。深入淺出網站設計(原作者:Waterall, E. & Siarto, J.)。臺北市:歐萊禮。
陳佩琳(2009)。設計師色彩意象配色之輔助系統研究(未出版之碩士論文)。國立雲林科技大學,雲林縣。
陳俏君(2009)。無障礙網頁色彩配置之美感分析(未出版之碩士論文)。國立臺灣藝術大學,新北市。
曾啟雄(2000)。色彩調和論發展史與其內容之研究。現代美術學報,3,159-176。
曾惠民(2003)。Pixel Style網站設計元素對使用者意象影響之研究(未出版之碩士論文)。銘傳大學,臺北市。
黃書倩(譯)(2003)。色彩學的基礎(原作者:山中俊夫)。臺北市:六和。
黃詠涵(2010)。面積比例對色彩調和之影響:以網頁為例(未出版之碩士論文)。大同大學,臺北市。
楊文斌(2007)。以案例式擷取機制建立台灣色彩意象輔助設計系統(未出版之碩士論文)。國立雲林科技大學,雲林縣。
賈秋菊、王小銘(2005)。一種動態切分的顏色量化算法。華南師範大學學報(自然科學版),1,46-50。
廖鵬文、盧康渝(2004)。別讓我的滑鼠變自閉。臺北市:數位人。
領先空間商用色彩研究中心(2009)。全新商用色彩設計指南:色彩量化設計。臺北市:北星圖書。
蔡淑娟(2003)。類神經遺傳演算法應用於產品配色系統之建立研究(未出版之碩士論文)。國立成功大學,臺南市。
鄭柏左(2004)。色彩理論與數位影像。臺北市:新文京開發。
鄭國欲、林磐聳(2002)。色彩計畫。臺北市:藝風堂。
戴孟宗(2011)。現代色彩學。臺北市:全華圖書。
二、英文部份
Beaird, J. (2010). The principles of beautiful web design. Melbourne, AU: SitePoint.
Birren, F. (1900). The elements of color: a treatise on the color system of Johannes Itten based on his book: The art of color. New York, NY: Van Nostrand Reinhold.
Burchett, K. E. (1991). Color harmony attributes. Color Research and Application 16(4), 275-178.
Dominick, J. R. (1999). Who do you think you are? Personal home page and self-presentation on the World Wide Web. Journalism & Mass Communication Quarterly, 76(4), 646-658. doi: 10.1177/107769909907600403
Fraser, T., & Banks, A. (2004). Designer's color manual: The complete guide to color theory and application. San Francisco, CA: Chronicle Books.
Herbert, P. (1982). Color image quantization for frame buffer display. Computer Graphics, 16(3), 297-304. doi: 10.1145/800064.801294
Itten, J. (1986). The Color Star Stencils with Booklet. Canada, NA: John Wiley & Sons Inc.
Jahanian, A., Liu, J., Tretter, D. R., Lin, Q., Damera-Venkata, N., O’Brien-Strain, E., … Allebach, J. P. (2012). Automatic design of magazine covers. Proceeding of SPIE-IS&T Electronic Imaging, SPIE, 8302, 1-8. doi: 10.1117/12.914596
Kuhna, M., Kivelä, I., & Oittinen, P. (2012). Semi-automated magazine layout using content-based image features. MM '12 Proceedings of the 20th ACM international conference on Multimedia. doi:10.1145/2393347.2393403
Lund, A. M.(2001). Measuring Usability with the USE Questionnaire. The Usability SIG Newsletter.
Nielsen, J., & Loranger, H. (2006). Prioritizing Web Usability. Berkeley, CA.: New Riders.
Ou, L. C., & Luo, M. R. (2006). A study of colour harmony for two-colour combinations. Color Research and Application, 31(3), 7. doi: 10.1002/col.20208
Schaik, P. V., & Ling, J. (2001). The effects of frame layout and differential background contraston visual search performance in web pages. Interacting with Computers, 13, 513-525. doi: 10.1016/S0953-5438(00)00054-0
Williams, R., Tollett, J. (2005). The Non-Designer's Web Book, The 3rd Edition. CA: Peachpit Press Berkeley
Ueki, H., & Azuma, M. (2003). Background color coordination support system for web page design. Proceedings of the Second IEEE International Conference on Cognitive Informatics (ICCI’03), London, UK, 207-213.
Westland, S., Laycock, K., Cheung, V., Henry, P., & Mahyar, F. (2007). Colour harmony. Journal of Society of Dyer and Colourists, 1(1), 1-15.
三、網路資料
財團法人台灣網路資訊中心(2012)。台灣網際網路使用調查。取自:http://www.twnic.net.tw/index4.php
創市際(InsightXplorer)市場研究顧問公司(2011年8月31日)。ARO網路測量研究:社群服務發展概況。取自:http://www.insightxplorer.com/index.html