성공적인_웹디자인

Download Report

Transcript 성공적인_웹디자인

성공적인 웹디자인
2001. 7
코리즌주식회사
- 목
차 -
1. 웹디자인의 정의
2. 웹디자인의 4가지 핵심 포인트
1)웹페이지의 목적에 따른 디자인 Concept
2)사용자 편의에 따른 GUI 설
3)웹페이지의 색체전략
4)효율적인 공간활용
5)Web Identity
웹디자인의 성공요소
1. 웹디자인의 정의
웹디자인이란 말 그대로 웹을 디자인 해주는 일을 말한다.
하루에도 수 백 개씩 생겨나는 웹사이트중 자신이 관리하는 사이트를 보다
효과적인 디자인으로 남들과 다른 독창성을 부여하여, 이용자들로 하여금
그 사이트를 보다 편리하게 써핑할 수 있도록 하며, 기억에 오래 남아 다시
방문하고 싶도록 만드는 것에 웹디자인의 목적이 있다.
일반적으로 잘 만들어진 Web Page 이다 라고 생각될 만한 요소는
편리한 유저 인터페이스, 디자인의 독창성, 텍스트와 이미지의 배치관계,
Web Page의 용량, 사용된 색상의 조화 등 여러 가지 판단 기준에 의해 결정
된다고 할 수 있다.
-2-
웹디자인의 성공요소
2. 웹디자인의 5가지 핵심 포인트
1) 목적에 맞는 디자인 Concept
Web Page의 디자인은 반드시 그 사이트의 성격과 알리려 하는 바를 정확히
함축성 있게 표현하여야 한다.
그러기 위해서는 사이트의 목적과 목적에 따른 Target User의 성향을 정확히
분석하여 디자인 Concept을 도출한다.
여기서 주의 할 점은 사이트 기획자나 디자인 및 운영 담당자가 생각하는
Target User가 가지고 있는 이미지와 그들이 원하는 방향과 성향을 혼돈해서는
안된다는 것이다.
그러한 정확한 분석을 하기 위해서는 대상에 따른 설문조사와 유사 사이트의 벤치
마킹과 같은 방법이 있을 것이다.
-3-
웹디자인의 성공요소
2.웹디자인의 5가지 핵심 포인트
2) 사용자 위주의 GUI설계
GUI란 사이트 방문자 및 사이트 관리자 모두에게 그 사이트를 써핑하고
관리하는데 필요한 기능을 제공하는 환경을 말한다.
사이트의 기획이 완료되고, 전체 메뉴체계가 완성된 다음 해야 할 가장 중요한
작업이 바로 Navigation 방법과 인터페이스를 설계하는 것이다
각 메뉴의 기능들이 사이트 각각의 페이지 상에 어떻게 배치되어 어떠한 역할을
해야 하는지를 고려하여, 보다 세부적인 페이지마다의 디자인 단계에 돌입하게
된다.
여기서 디자이너들이 각 페이지상에 어떤 표준 요소들을 넣을 것인가와 전체
사이트에서 그것들이 어떻게 상호 반응할 것인가를 결정하게 된다.
그것은 곧 사이트의 Navigation 품질과 직결되는 작업이기도 하다.
-4-
웹디자인의 성공요소
2.웹디자인의 5가지 핵심 포인트
3) 색상선택의 중요성
웹디자인을 하는 데에 있어서 빠져서는 안될 요소이다.
색상배치를 얼마나 잘 하느냐에 따라 그 웹페이지의 성격이 결정된다.
아무리 근사한 그래픽기법을 이용하여 멋지게 웹페이지를 디자인했다 하더라도
그 사이트의 성격과 담고 있는 내용에 맞지않게 색상선택을 했다면 그 사이트는
색상선택을 잘 하고 디자인이 엉망인 홈페이지보다 오히려 못한 결과를 나타낼
수도 있다. 왜냐하면 방문객이 그 사이트의 이미지와 분위기를 파악하는 과정
에서 가장 먼저 영향을 미치는 요소가 바로 색감이기 때문이다.
대부분 사이트의 이미지는 첫 화면의 로딩이 끝났을 때 판가름 난다.
-5-
웹디자인의 성공요소
2.웹디자인의 5가지 핵심 포인트
4) 효율적인 공간활용
현재 그래픽 디자인의 종류를 크게 2종류로 구분한다면 일반 편집디자인과
웹디자인으로 나눌 수 있다.
두 가지 분야 모두 원론적인 디자인 방향은 같이 하지만 가장 다른 부분이 바로
공간활용 즉, 화면 레이아웃 기법이다.
웹디자인에 있어서 공간활용은 극도로 절제 되어야 한다는 것은 여러 번 강조해도
지나치지 않을 것이다.
그것은 같은 정보라도 인쇄물을 통해 접하는 것과 모니터를 통해 접하는
것이 많이 다르기 때문이다. 여기에서 다르다는 것의 여러 가지 이유 중
가장 중요한 것은 보는 사람의 환경 즉, 자세와 기타 하드웨어적인 특수성에서
오는 시각적 피로감이다.
-6-
웹디자인의 성공요소
2.웹디자인의 5가지 핵심 포인트
5) Web Identity
웹사이트를 구성하는 이미지, 색상, 폰트, 레이아웃, 사운드 등의 시청각
요소에 대한 규칙과 상호작용을 일관성 있는 원칙에 따라 구현하여 사용자들이
웹사이트의 전체적인 일관성을 명확히 인식하고 동시에 여타 웹사이트들과의
차별성을 느낄 수 있도록 해야 한다.
특히 Web Identity는 규모가 큰 사이트나 확장성이 큰 기업 사이트 등에 적용
될 경우 사용자의 편의는 물론 궁극적으로 e브랜딩 전략의 실현에 큰 기여를
하게 된다.
-7-