1. 웹 스타일 가이드
웹 스타일 가이드의 목적은 체계적이고 일관된 웹 사이트 사용자 경험(User Experience)을
개발하여 사용자에게 전달하고, 웹 사이트의 추가 개발 및 유지 보수의 편리성을 높이는 데
있다. 결과적으로 일관적인 사용자 경험은 사용자에게 웹 사이트의 통일된 아이덴티티(Identity)
와 브랜드 이미지를 전달해준다.
웹 스타일 가이드는 일관성 있는 디자인을 제작하기 위하여 사용자 경험과 관련된 사항을
문서화하는데, 웹 스타일 가이드의 내용은 다음과 같이 구성된다.
- 시각적 디자인 측면: 레이아웃, 컬러 시스템, 폰트 시스템, 자주 사용되는 그래픽 요소들
- 정보 구조적 측면: 메뉴 구성, 네비게이션
- 상호 작용 디자인: 사용자와 시스템 간의 쌍방향 상호 작용(interaction)과 관련된 디자인,
각종 폼, 애플리케이션 디자인
- 콘텐츠 측면: 콘텐츠의 분량, 내용적 범위, 표현 방식, 콘텐츠의 배치 등
완성도 높은 웹 사이트를 구축하려면, 웹 사이트의 정보 설계 과정부터 웹 스타일 가이드
작업을 염두에 두고 있어야 한다. 웹 스타일 가이드가 가장 필요한 시점은 메인 페이지와
서브 페이지의 디자인을 확정한 후 각 서브 페이지 간의 작업을 여러 구성원이 분담해서
진행하는 경우이다. 웹 스타일 가이드는 작업을 일관성 있게 진행하는 데 도움을 준다.
- 레이아웃/ 그리드 가이드 라인
- 컬러/네비게이션 가이드 라인
- 비주얼/타이틀 가이드 라인
- 버튼/아이콘/불릿 가이드 라인
- 게시판 가이드 라인