色彩調和理論於 網頁自動配色應用之研究

Abstract

現今網頁設計方法與套裝軟體種類多元，但是無設計經驗者要配置出協調的色彩往往是困難的，時常產生網頁色彩不協調的現象。因此，本研究開發一套自動配色方法，以解決無設計經驗者在網頁配色上的困難。該自動配色方法先選取照片中的主色，再透過色彩調和理論之配色方法，選擇輔助色與點綴色，並且根據配色結果調整文字的明視度，最後將自動配色組合呈現於一般網頁版型中。 本研究以無設計經驗者為系統評估對象，使用問卷調查進行自動配色方法的整體效果與滿意度評估，再將配色結果交由專家進行效果評估。研究結果顯示，大部份的無設計經驗者認為能有效解決配色耗時的問題，並且對於整體配色結果感到滿意。在設計工作者評估部分，研究結果指出本系統之配色結果雖然缺乏層次感，但整體配色仍然富有協調感。本研究提出的自動配色方法能符合無設計經驗者的需求，但對於業界設計工作者而言，在整體配色的視覺效果部分仍有改善空間。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.