RE:스타일 가이드에 대해서.. > 자유게시판

본문 바로가기
사이트 내 전체검색

자유게시판 자유

[N.896] RE:스타일 가이드에 대해서..

profile_image

페이지 정보

작성자 단디 쪽지보내기 자기소개 아이디로 검색 전체게시물 06-11-30 12:40:45
조회 5,126 댓글 2

본문

웹 페이지를 접하고 만들기 시작한지 10년이 넘어가고 있지만, 항상 느끼는 것은 '변화하고 있는 웹 기술과 트렌드를

어떻게 따라 갈 것인가' 그리고 '업무에 효과적으로 적용하는 방법은 무엇일까' 하는 것이다.

결론은 열정을 가지고 늘 깨어 있는 방법밖에는 없어 보인다.

세월은 우리의 주름살을 늘게 하지만 열정을 가진 마음을 시들게 하지는 못하지 않는가. 

지금부터 이야기 할 내용은 96년에 발간된 SUN의 Guide to the Web에 수록된 것으로 웹 스타일 가이드의

시초에서부터 최근의 웹 스타일 가이드까지의 트렌드를 이어주는 핵심은 무엇이고 어떻게 제작을 하는 것인지 간략하게

살펴보고자 한다. 

웹 스타일 가이드 구축의 목적과 의의는 다음과 같이 요약할 수 있다. 

  1. 웹사이트의 통일되고 일관된 사용자 경험을 구현
  2. 사이트의 추가 개발 및 유지보수 관리의 편의성
  3. 고객에게 일관된 아이덴티티와 브랜드 이미지 형성
  4. 정보를 편리하고 이해하기 쉽고 빠르게 습득

이러한 웹 스타일 가이드를 논하기 전에, 먼저, 아이덴티티와 그 아이덴티티를 웹이라는 매체를 통해 전통적인 기업의

이미지를 새로운 방법적 채널로 확장하는 웹 아이덴티티에 대하여 알아보겠다.

 

아이덴티티란 개인으로 보자면 헤어스타일, 액세서리, 성격, 목소리, 취미, 개성 등의 여러 가지 요소가 모여 이루어진 것이며,

기업의 관점에서 본다면 기업 혹은 기업이 소유하고 있는 브랜드에 대해 고객들이 갖게 되는 차별화 된 강렬한 인상이라고

할 수 있다.

이러한 기업의 아이덴티티의 요소에는 로고, 칼라, 슬로건, 캐릭터, 제품, 서비스 등 다양한 것들이 있으며,

이들이 복합적으로 상호작용을 하여 하나의 기업 아이덴티티가 만들어진다.

웹 아이덴티티란 웹사이트를 통해 브랜드 아이덴티티를 소비자 중심의 브랜드 이미지로 확장 시키는 활동이다. 
1.gif 

이러한 웹 아이덴티티의 전략으로는 기본적으로 오프라인의 브랜드 전략을 그대로 온라인에 반영하는 것이 있으며,

 최근의 주목 받고 있는 온라인 게임의 경우 그 반대가 되기도 한다.

기본적인 유형은 다음과 같다

  1. 공통 아이덴티티 전략 – 모기업의 브랜드 아이덴티티를 모든 관계사에 적용(대기업)
  2. 개별 아이덴티티 전략 – 기업을 강조하지 않고 제품군별 브랜드 강조-화장품,의류
  3. 혼합 아이덴티티 전략 – 회사는 브랜드 아이덴티티로부터 이익을 얻으며 반대로 브랜드도 기업으로부터 이익을 얻는 형태 

이렇게 아이덴티티와 웹 아이덴티티에 대하여 살펴보았다. 이제 웹 스타일 가이드에 대해서 살펴보도록 하겠다.

 

우선, 웹 스타일 가이드란 아래와 같이 요약할 수 있다.

  1. 기업,브랜드 아이덴티티를 강화시키기 위한 웹 디자인 시스템
  2. 사이트가 전달하고자 하는 통일되고 일관된 사용자 경험을 구현하기 위한 웹 아이덴티티의 운영체계
  3. 사이트의 운영단계에서의 일관된 아이덴티티의 유지 

웹 스타일의 규정은 단순히 사이트 디자인만을 통일시키는 것을 의미하는 것이 아니라 서비스, 컨텐츠, 기업의 비전,

사용자 경험 등 모든 요소들의 일관되게 표현하는 것을 의미한다. 

따라서 디자인 요소들의 방향뿐만 아니라, 테마와 스타일의 테두리 안에서 다양한 정보의 일관된 구성원칙,

 인터랙션과 네비게이션 스타일, 멀티미디어 기법 등의 다양한 아이덴티티 요소들을 구성하기 위한 원칙을 규정한다.

이제 웹사이트 구축 프로세스와 웹 스타일 가이드 북 제작 프로세스와 일반적인 목차를 살펴보자

웹 사이트 구축 프로세스
2.gif
 


웹 스타일 가이드 북 제작 프로세스

  • 제작초기단계 => 시안 작업 시 PSD 스타일 가이드 1차
  • 제작중반단계 => 메인 디자이너 PL / 작업 시 매 페이지 스타일 가이드 검수
  • 제작완료단계 => 산출물 형태에 따른 제작 프로그램 선정 ( PPT, PDF, JPG, PSD 등) 


웹 스타일 가이드의 일반적인 목차
3.gif

지금 웹사이트를 리뉴얼 혹은 구축하거나 구축을 고려하고 있다면, 위와 같은 제작 과정과 웹 스타일 가이드 목차를 참고하기 바란다. 본 글이 각자가 가지고 있는 경험과 노하우를 한번쯤 점검하는 계기가 되는 기회가 되었으면 하는 바람이다.

 

 

---------------------------------------------------------------------------------------------------------------------------------

사실 이것보다 더 디테일한데요..^^

일단 전반적인 의미만 알려드립니다.

 

출처 - 네이버카페 "소벤클럽"

  • 페이스북으로 공유
  • 트위터로  공유
  • 구글플러스로 공유
  • 카카오톡으로 보내기

댓글목록

회원로그인

접속자집계

오늘
545
어제
1,940
최대
6,487
전체
1,495,715
DBCUT
Copyright © DBCUT.com All rights reserved.