The Sensibility Effects of Color Combination and Layout in the Design of Web Site

웹 디자인에서 배색과 레이아웃에 대한 감성효과

This research was conducted to see the effect of color combination and layout in the design of web sites. Eight color combination samples and four basic layouts were selected and web pages designed from their combinations were used in the experiment. The main sensibility effects were found in the 'light, soft, and rich' color combination and in the 'light, dear, simple, warm, neat, and soft layout, respectively. Among the combinations of two factors, the combination of 'dark, hard, and simple' color combination and 'cold, somber, hard, and urban' layout had the sensibility effect. The results showing sensibility word with the sensibility of color combinations in themselves appeared first implies that much of the sensibility effects were caused by the color combinations. In case of layout, as it went from layout A to layout B, to layout C, and to layout D, that is, as the layout got more complicated, it had a 'rich and urban' impression. As a result, the sensibility effect caused by color combination was bigger than the sensibility effect caused by layout. However, layout is crucial in color combinations, it is also important in the design of web sites.

본 연구는 웹 디자인에서 배색(color combination)과 레이아웃(layout)에 의한 감성 효과를 알아보기 위하여 수행되었다. 본 연구에서는 여덟 가지 배색 샘플(sample)과 네 가지 기본 레이아웃(layout)을 선정하여, 그 조합으로 웹 페이지를 디자인하여 배색과 레이아웃 타입에 따른 감성 효과를 알아보았다. 배색과 레이아웃에 의한 감성 효과는 '밝고 소프트하고 화려한' 배색과 레이아웃 타입에서 '밝다, 환하다, 간단하다, 따뜻하다, 간결하다, 소프트하다' 가 주 감성 효과로 나타났다. 그리고 '어둡고 딱딱하며 간단한' 배색과 레이아웃 타입에서는 '차갑다, 칙칙하다, 어둡다, 딱딱하다, 도회적이다'의 감성 효과가 나타났다. 또, 배색에 의한 감성 효과는 배색의 감성을 포함하고 있는 감성 어휘들이 우선적으로 나타난 것으로 보아 배색에서부터 오는 감성 효과가 크다고 해석되었다. 또한 레이아웃에 의한 감성 효과는 레이아웃 A와 B에서 C와 D타입으로 갈수록 즉, 레이아웃이 복잡해질수록 '화려하고 도회적인' 인상을 받는 것으로 나타났다. 배색에 의한 감성 효과가 레이아웃에 의한 감성효과보다 크게 나타났으나 배색은 레이아웃에 의해 이루어지므로 레이아웃에 의한 감성 효과도 중요한 것으로 해석되었다.