原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
查看更多
E157
網頁配色之研究
Color Harmony for Web Design
1 2
黃詠涵 * 李文淵
Yung-Han Haung Wen-Yuan Lee
大同大學工業設計學系 研究生1
大同大學工業設計學系 助理教授2
hemoo1984@*
摘要
不同的色彩搭配組合對使用者來說，都會產生不同的感受。在變化多端的色彩組合裡要如何找到
適當的色彩設計成為設計師最重要的責任。本研究主要目的在於探討網頁設計裡面積比例與色彩對
“協調感”與 “喜好感”之影響。選用 10 個基本色彩相互搭配 ，包括：白色、灰色、紅色、綠色、
黃色、藍色、棕色、橘色、粉紅色與紫色，一共產生90 種色彩組合，並利用4 種不同的面積比例(5:8 、
2:3 、1:2 與3:4) 製作實驗樣本，共計有360 個實驗樣本進行實驗。本研究邀請30 位受測者參與實驗，
結果發現， “協調-不協調”與“喜歡-不喜歡”兩情感感受非常相似。這兩個情感感受主要是受到色
彩的影響。面積比例對兩情感感受沒有影響。在網頁的版面設計上，色彩的上下位置對 “協調感”與
“喜好感”的影響並不顯著。白色明顯地較其它的色彩還要受到“喜歡”且容易營造“協調”感。
關鍵詞：色彩調和 、面積比例 、情感感受、版面設計
Abstract
Different color combinations cause different affective effect. How to make the appropriate color design is the
most important issue in the design practice. This study aims to explore the influence of two-color
combinations and their area ratio upon two affective scales, “harmonious-disharmonious”and “like-dislike”.
In this study, ten basic colors were used to make 90 two-color combinations. These color combinations were
applied onto 4 area ratios. In total, 360 experimental samples were made. These experimental samples were
displayed on a full screen web page. Thirty observers were invited to participate in the experiment. The
results showed “harmonious-disharmonious”and “like-dislike”had high correlation. The color combinations
had greater impact on both “harmonious-disharmonious”and “like-dislike”in comparison with area ratio. In
addition, white color can easily be liked and cultivate harmony feeling.
Keywords: color harmon
文档评论（0）