본 연구에서는 웹사이트 인터페이스의 여러 디자인 문제 가운데 사용자의 감성적·심미적 만족을 주요 목표로 하는 스타일의 역할을 이해하고 다양한 시각 요소에 기초한 분석적 접근 방법을 제시하였다. 스타일은 정서, 문화적 동질감 및 메시지를 즉각적으로 드러나게 하는 맥락을 제공하며 재미와 몰입감을 주는 역할을 한다. 이는 웹사이트 인터페이스 디자인의 우선적 디자인 목표라 할 수 있는 인지적 측면의 디자인 원리에 따른 기능성과 동시에 각종 시각 요소들을 통해 구현해야 할 주요 디자인 특질이라고 할 수 있다. 웹사이트 인터페이스의 시각요소를 파악하기 위해 내용의 구조에 따른 구성 측면, 심볼 시스템에 관한 매체 측면 및 조형적 측면의 여러 다른 차원으로 구분하였다. 여기서 도출된 시각 요소들에 기초하여 스타일 형성의 요인들을 분석하였다. '소프트-하드(Soft-Hard)', '따뜻한-차가운(Warm-Cool)'을 각 축으로 하는 이미지맵의 반대편에 위치하는 몇 개의 사이트를 선정한 후, 구성적 측면의 요소들에 대한 조형적 특성과 아이디어를 전달하는 시각적 전달방식에 따른 정서적 효과를 파악하였다. 웹사이트 스타일에 대한 이 같은 분석적 접근 방법의 이해는 디자인 계획시 디자인 문제의 체계적 이해와 다양한 해결안 도출에 활용될 수 있으며, 화면디자인을 위한 구체적 가이드라인을 마련하기 위한 토대가 될 수 있다.
본 연구에서는 웹사이트 인터페이스의 여러 디자인 문제 가운데 사용자의 감성적·심미적 만족을 주요 목표로 하는 스타일의 역할을 이해하고 다양한 시각 요소에 기초한 분석적 접근 방법을 제시하였다. 스타일은 정서, 문화적 동질감 및 메시지를 즉각적으로 드러나게 하는 맥락을 제공하며 재미와 몰입감을 주는 역할을 한다. 이는 웹사이트 인터페이스 디자인의 우선적 디자인 목표라 할 수 있는 인지적 측면의 디자인 원리에 따른 기능성과 동시에 각종 시각 요소들을 통해 구현해야 할 주요 디자인 특질이라고 할 수 있다. 웹사이트 인터페이스의 시각요소를 파악하기 위해 내용의 구조에 따른 구성 측면, 심볼 시스템에 관한 매체 측면 및 조형적 측면의 여러 다른 차원으로 구분하였다. 여기서 도출된 시각 요소들에 기초하여 스타일 형성의 요인들을 분석하였다. '소프트-하드(Soft-Hard)', '따뜻한-차가운(Warm-Cool)'을 각 축으로 하는 이미지맵의 반대편에 위치하는 몇 개의 사이트를 선정한 후, 구성적 측면의 요소들에 대한 조형적 특성과 아이디어를 전달하는 시각적 전달방식에 따른 정서적 효과를 파악하였다. 웹사이트 스타일에 대한 이 같은 분석적 접근 방법의 이해는 디자인 계획시 디자인 문제의 체계적 이해와 다양한 해결안 도출에 활용될 수 있으며, 화면디자인을 위한 구체적 가이드라인을 마련하기 위한 토대가 될 수 있다.
To show the analytic approach to website sue, this paper discusses style's function that is immediately related to users emotional and aesthetic satisfaction. And we make an analysis of several websites based on various visual factors. Style provides emotion, a shared experience, context that makes ...
To show the analytic approach to website sue, this paper discusses style's function that is immediately related to users emotional and aesthetic satisfaction. And we make an analysis of several websites based on various visual factors. Style provides emotion, a shared experience, context that makes the message arts function immediately apparent, and interests. It is a principle design feature that parallels cognitive function. Visual factors of website interface could be extracted from various aspects which are organization level, medial level, and formative level. Based on the extracted visual factors, we analyze the style which convey emotional idea. We select several sites which are opposite side in the image map with son-hard and warm-cool axis, and then make an analysis of them in two points which are organization and formative factors and communication means for emotional effect. To understand the systematic approach to website style could be helpful for figuring out the design problems and bringing out many solutions. It could be base for concrete guideline for website page design.
To show the analytic approach to website sue, this paper discusses style's function that is immediately related to users emotional and aesthetic satisfaction. And we make an analysis of several websites based on various visual factors. Style provides emotion, a shared experience, context that makes the message arts function immediately apparent, and interests. It is a principle design feature that parallels cognitive function. Visual factors of website interface could be extracted from various aspects which are organization level, medial level, and formative level. Based on the extracted visual factors, we analyze the style which convey emotional idea. We select several sites which are opposite side in the image map with son-hard and warm-cool axis, and then make an analysis of them in two points which are organization and formative factors and communication means for emotional effect. To understand the systematic approach to website style could be helpful for figuring out the design problems and bringing out many solutions. It could be base for concrete guideline for website page design.
* AI 자동 식별 결과로 적합하지 않은 문장이 있을 수 있으니, 이용에 유의하시기 바랍니다.
문제 정의
이러한 분석은 하나의 사이트의 전체적 혹은 부분적인 형태적 측면들이 어떠한 기준에 의해 분류될 수 있으며, 이러한 분류로 만들어진 형태들이 모여서 사이트 성격을 반영한다. 다시 말해서 사이트를 만드는 제작자로서 사이트 각 장에 그려지는 기능적 혹은 이미지적 형태들을 취사선택함에 있어서의 기준들을 제시하고자 한다.
본 연구에서는 내용 및 정보 조직에 따른 구성 요소와 이의 그래픽적 표현 요소라는 두 가지 차원에서 웹사이트의 시각요 소를 분류하고 이에 기반한 스타일 분석의 사례를 제시하였다. 웹사이트만의 독특한 스타일의 완성에는 많은 시각 요소 및 조형적 특질이 결합되어져야 하는데 일정한 내용 영역과 타겟이 설정되어 있는 웹사이트의 기능적 구성요소가 갖는 형태적 특질을 추출하였다.
본 연구에서는 웹사이트 인터페이스의 시각적 매력성에 대한 문제로서 스타일의 역할을 이해하고 시각 요소 및 이의 속성이라는 분석적 접근 방법을 통해 스타일 형성의 요인들을 파악하고자 한다. 각 시각요소들의 특질과 전체적 스타일간의 관계성 규명이라는 웹사이트 스타일에 대한 이같은 분석적 접근 방법의 적용은 시각화를 위한 디자인 문제의 체계적 이해와 다양한 해결안 도출에 활용될 수 있으며 화면디자인을 위한 구체적인 가이드라인을 마련하기 위한 토대가 된다고 하겠 다.
웹사이트의 상호작용 형성에 영향을 미치는 사용자 특성, 작업 및 내용영역의 특성 그리고 인터페이스라는 주요 디자인 요소의 상호 연관성 및 이에 기초한 인터페이스 디자인의 주요 디자인 목표에 대해 고찰하였다. 이는 크게 사용자의 인지적 측면에 대한 것과 정서적 측면에 대한 것으로 구분된다.
웹사이트만의 독특한 스타일의 완성에는 많은 시각 요소 및 조형적 특질이 결합되어져야 하는데 일정한 내용 영역과 타겟이 설정되어 있는 웹사이트의 기능적 구성요소가 갖는 형태적 특질을 추출하였다. 이러한 분석을 통해 하나의 사이트 전체 혹은 부분의 형태적 측면들이 어떠한 기준에 의해 분류 될 수 있으며, 이러한 분류로 만들어진 형태들이 모여서 어떠한 사이트의 성격을 반영하는가를 검토하게 된다.
이에 본 연구에서는 일관된 각 사이트만의 독특한 스타일이 완성되기까지 한 사이트에서 얼마나 많은 조형적 요소들이 고려되어져야 하는지, 또는 그러한 독특한 스타일을 만들어 내 기 위해서 어떠한 것을 고려해야만 하는지에 대한 형태적인 측면의 분석을 하였다. 이를 위해 사이트를 하나의 주제, 즉 컨셉과 타깃이 정해져있는 그래픽 작품으로 보고 기능적인 구성요소들을 목표한 아이디어 전달 목적의 시각 커뮤니케이션을 위한 텍스트와 그래픽 요소들로 구별하여 분석하였다.
제안 방법
그러나 수많은 사이트들이 생겨나면서 타 사이트와의 차별성을 강조하기 위해 독특한 개성(claacter)을 가진 사이트가 생겨나고, 그들만의 일관된 컨셉(Concept)과 함께, 사이트의 사용자를 고려한 스타일이 있는 사이트를 만들게 하기에 이르렀 다.
C)'의 뚜렷한 이미지 차이를 갖는 사이트를 선택하였다. 그리고 각각의 사이트에 대한 주제나 컨셉, 사용자(주요 타겟) 등의 대략적 특징을 '톤과 매 너(Tone & mamer)6)' 에 기초하여 분석을 하였다.
서로 대비되는 이미지 키워드의 축에 의해 만들어지는 속성공간 에 사이트를 위치시킴으로써 스타일의 유사성과 차이점이 규정될 수 있다. 또한 이미지 맵상의 구별되는 위치에 있는 사이트들에 대해 각각의 세부적 시각 요소들을 다시 맵의 이미지 키워드를 중심으로 분석함으로써 특정 사이트에 대한 종합적인 심상이 나오기까지의 형태적 변화를 분석할 수 있다.
본 연구에서는 '소프트-하드(Soft-Hard')', '따뜻한-차가운 (Warm-Cool)'의 두 개 축에 의한 맵을 이용하여 '소프트-따듯 한(이하 S.W)',' '하드-차가운(이하 H.C)'의 뚜렷한 이미지 차이를 갖는 사이트를 선택하였다. 그리고 각각의 사이트에 대한 주제나 컨셉, 사용자(주요 타겟) 등의 대략적 특징을 '톤과 매 너(Tone & mamer)6)' 에 기초하여 분석을 하였다.
두 번째는 전체적인 그리드에 대한 분석이다. 사이트를 정보 및 컨트롤 공간과 그 외의 배경 및 여백 공간으로 그리드를 설정할 수 있는데 이러한 전체적인 그리드 속에서 보다 기능적인 성격을 띤 것들의 형태요소(조작층에 해당하는 부분) - 아이콘, 하이퍼링크된 문서의 일부 이미지 맵, 버튼 풀다운 메뉴 등- 를 분석하였다.
세 번째 방법은 사이트에 대한 전체적인 아이디어를 전달하는 시각적 수단으로서의 분류인 시각 커뮤니케이션 - 대표적 이미지, 이미지의 조합, 서술적 일러스트레이션I 장식적 이미지, 이미지 왜곡/ 파괴, 연속적 이미지, 타이포그라피의 7가지 - 방법에 대한 것이다. 이러한 분류방법은 하나의 사이트를 이 루는 그래픽 요소들이 어떠한 조형적인 원리에 의해 결합되며, 결합된 이미지들이 더 강한 이미지나 설정된 사이트 성격을 유도하기 위해서 어떠한 방법에 의해 지배받는지를 분석한 것이다.
본 연구에서는 내용 및 정보 조직에 따른 구성 요소와 이의 그래픽적 표현 요소라는 두 가지 차원에서 웹사이트의 시각요 소를 분류하고 이에 기반한 스타일 분석의 사례를 제시하였다. 웹사이트만의 독특한 스타일의 완성에는 많은 시각 요소 및 조형적 특질이 결합되어져야 하는데 일정한 내용 영역과 타겟이 설정되어 있는 웹사이트의 기능적 구성요소가 갖는 형태적 특질을 추출하였다. 이러한 분석을 통해 하나의 사이트 전체 혹은 부분의 형태적 측면들이 어떠한 기준에 의해 분류 될 수 있으며, 이러한 분류로 만들어진 형태들이 모여서 어떠한 사이트의 성격을 반영하는가를 검토하게 된다.
이에 본 연구에서는 일관된 각 사이트만의 독특한 스타일이 완성되기까지 한 사이트에서 얼마나 많은 조형적 요소들이 고려되어져야 하는지, 또는 그러한 독특한 스타일을 만들어 내 기 위해서 어떠한 것을 고려해야만 하는지에 대한 형태적인 측면의 분석을 하였다. 이를 위해 사이트를 하나의 주제, 즉 컨셉과 타깃이 정해져있는 그래픽 작품으로 보고 기능적인 구성요소들을 목표한 아이디어 전달 목적의 시각 커뮤니케이션을 위한 텍스트와 그래픽 요소들로 구별하여 분석하였다. 이러한 분석은 하나의 사이트의 전체적 혹은 부분적인 형태적 측면들이 어떠한 기준에 의해 분류될 수 있으며, 이러한 분류로 만들어진 형태들이 모여서 사이트 성격을 반영한다.
첫 번째는 전체적인 사이트를 지배하는 컬러, 컬러배치, 배색들이 어떠한 이미지들을 끌어내는지에 대한 분석을 하며, 두 번째는 전체적인 사이트에 대한 그리드를 분석하는데, 앞장 에서 정보층, 배경층, 조작층으로 나누었던 각각의 요소들에 대한 형태적인 분석과 함께 그러한 관계성에서 나오는 전체적인 그리드를 분석하도록 하겠다. 세 번째는 사이트에 대한 주제나 아이디어 전달을 위한 시각적 커뮤니케이션 입장에서 설명하도록 하겠다.
하나의 사이트를 형태적 측면을 강조하여서, 시각적인 그래픽작품으로만 분석을 한다는 것이 다소 무리가 따르는 일이라 하겠지만, 본 연구에서는 위에서 언급했었던 사이트의 구성측 면, 매체측면, 조형측면의 것들을 사이트 속에서 사용자와의 커뮤니케이션을 위한 요소들로서의 형태분석을 하였다.
이론/모형
웹사이트들을 그래픽 특징에 따라 규정하는 방법으로 다차원 적 척도법(Multidimensional scanning)을 이용할 수 있다. 서로 대비되는 이미지 키워드의 축에 의해 만들어지는 속성공간 에 사이트를 위치시킴으로써 스타일의 유사성과 차이점이 규정될 수 있다.
후속연구
웹사이트의 일정한 스타일은 다양한 시각적 자극 및 이의 결합을 통해 얻어지는 효과인데, 이에 대한 보다 분석적 접근 방법의 이해는 디자인 계획 시 디자인 문제의 체계적 이해와 다양한 해결안 도출에 활용될 수 있으며, 화면디자인을 위한 구체적 가이드라인을 마련하기 위한 토대가 될 수 있다. 이와 관련하여 본 연구의 향후 과제로서 스타일 정보의 데이터 베 이스 구축과 웹사이트 페이지 디자인을 위한 프로토타입 생성 시스템의 개발을 들 수 있다. 페이지를 형성하는 다양한 차원의 시각요소 및 이의 결정에 영향을 미치는 인자들의 관계성과 각종 조형 요소의 변화 방법에 대한 정의를 기초로 한 프로토타입 시스템을 통해 웹페이지의 다양한 시각적 스타일의 대안들을 신속히 도출해 볼 수 있다.
※ AI-Helper는 부적절한 답변을 할 수 있습니다.