웹 디자인에서 배색과 레이아웃에 의한 감성 효과 = (The) sensibility effects of color combination and layout in the design of web site

다국어 초록 (Multilingual Abstract)

In this research, two experiments were conducted to see the effect of color combination and layout in the design of web sites. In the experiment one, sensibility words were collected and analyzed to find out the relational patterns among those words. From this relational analysis of sensibility words, a sensibility scale was developed, which would provide a basis for a sensibility model for web site design. The 18 representative words were abstracted as a result of the experiment one included ‘unique, unusual, rich, soft, cold, warm, vivid, simple, neat, dynamic, urban, light, somber, bright, dark, fresh, masculine, and hard. Also three sensibility dimensions – ‘bright-dark,’ ‘soft-hard,’ ‘simple-rich’ – were found. Mentioned above 18 representative words explained 98.6% of the variance in the sensibility space. /The experiment two was about the sensibility effect of color combination and layout, and the combination of both factors in the web site design. Eight color combination samples and four basic layouts were selected and web pages designed from their combinations were used in the experiment two. The main sensibility effects were found in the ‘light, soft, and rich’ color combination and in the ‘light, clear, 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, lay

국문 초록 (Abstract)

본 연구는 웹 디자인에서 배색과 레이아웃에 의한 감성 효과를 알아보기 위하여 수행되었다. 연구 1에서는 감성 어휘를 수집하고 분석하여 감성 어휘들 간의 관계 구조를 분석하여 웹 디자인의 감성 모형을 개발하기 위한 감성 척도를 구축하였다. 결과로서 얻어진 18개의 대표 어휘는 ‘독특하다, 신선하다, 화려하다, 소프트하다, 차갑다, 따뜻하다, 생생하다, 간단하다, 간결하다, 이색적이다, 도회적이다, 환하다, 칙칙하다, 밝다, 어둡다, 동적이다, 남성적이다, 딱딱하다’ 였으며, 세 개의 ‘밝다-어둡다’, ‘소프트하다-딱딱하다’, ‘간단하다-화려하다’의 감성 공간을 얻을 수 있었다. 18개 감성 어휘가 감성 공간을 설명하는 설명량은 98.6%였다. /연구 2에서는 웹 디자인 요소 중 하나인 배색(color combination)과 레이아웃(layout) 요소의 조합이 주는 감성 효과를 알아보기 위해서 수행하였다. 이를 위하여 여덟 가지 배색 샘플(sample)과 네 가지 기본 레이아웃(layout)을 선정하여, 그 조합으로 웹 페이지를 디자인하여 배색과 레이아웃 타입에 따른 감성 효과를 알아보았다. 배색과 레이아웃에 의한 감성 효과는 ‘밝고 소프트하고 화려한’ 배색과 레이아웃 타입에서 ‘밝다, 환하다, 간단하다, 따뜻하다, 간결하다, 소프트하다’ 가 주 감성 효과로 나타났다. 그리고 ‘어둡고 딱딱하며 간단한’ 배색과 레이아웃 타입에서는 ‘차갑다, 칙칙하다, 어둡다, 딱딱하다, 도회적이다’의 감성 효과가 나타났다. 또, 배색에 의한 감성 효과는 배색의 감성을 포함하고 있는 감성 어휘들이 우선적으로 나타난 것으로 보아 배색에서부터 오는 감성 효과가 크다고 해석되었다. 또한 레이아웃에 의한 감성 효과는 레이