http://www.clebus.com
Clebus site
Clebus Search
Clebus Logo
지식요청
답변수 : 1
답변Pay : 100 
-
답변Pay : 1
- RE:웹기획에 필요한 스토리 보드 샘플이 필요합니다.
- 답변자 : jungonjung 코멘트 : 0 작성일 : 2010-05-10 분야 : 컴퓨터
-
웹기획 관련 자료 (스토리보드)
스토리 보드 작업 (1)
스토리 보드라,,, 요즘 갑자기 많이 듣는 말이다.
하기사 이제는 하나의 사이트를 만들기 위해 먼가 체계적인 게 필요한 시기인 것 같다.
요사이 홈페이지를 만든다는 자체, 구현하는 기술 자체는 별 의미없지 않은가?
만들어서 어떻하겠다는 건지 클라이언트도 모르고 제작 일시에 맞춰 구현에 급급한 디자이너도 모른다. 그 와중에 생각있는 디자이너, 남들보다 조금 더 체계적일려고 노력하는 디자이너들은 스토리 보드란 것에 관심을 가지고 작업을 할려고 한다. 그러고보니 올해 봄부터 스토리 보드를 어떻게 만드냐고 묻는 후배들이 부쩍 늘었다,,,-.-;;
스토리 보드 자체는 단순하게 말해 일종의 계획이라고 표현하면 될까?
사이트를 만드는 일종의 설계도 같은 스토리 보드는 크게는 사이트 구축을 위한 전반적인 기획부터 시작해서 전체 설계를 말하는 것이고 협의의 의미로는 제작을 위한 사이트 페이지를 설계하는 것을 의미한다.
보통의 경우 기획이나 방향이 잡혀야 스토리 보드 작업을 시작할 수 있다. 그 방향에 맞게 유저들을 유도하고 어떤식으로 보이게해야할지 설계해야 하니깐,,
그래서 간단하게나마 기획 부분부터 언급하고자 한다.
1) 자료조사 및 벤치 마킹
일단 자신이 만들고자 하는 사이트와 생각이나 컨텐츠(컨텐츠:가치있게 정보를 정리해 놓은 것)가 유사 사이트를 돌아다녀야 한다.
아주 많이 돌아다닐수록 좋은데 이때 주의점은 대책없이 돌아다니지 말고 생각이란 걸 하면서 돌아다녀야 한다는 것이다.
서핑을 하다보면 서핑 자체를 즐기는 서핑족이 아닐 바에는 무엇인가를 얻기위해 다니는 것과 단순한 서핑은 엄연한 차이가 있다. 각 사이트의 좋은 점과 나쁜 점을 나름대로 판단해 좋은 점은 받아들이고 나쁜 점은 이렇게 안 해야지 하는 생각들을 꼭 기억해두자.
2) 사이트 목표설정 - 멀 보여줄 것 인가 ]
벤치마킹을 통한 자료조사가 끝나면 사이트 맵(메뉴 구성도)을 만들기 전에 숨을 돌리고 명상의 시간을 갖도록 한다. 왜냐하면 이때 다짜고짜 사이트 맵을 짜버리면 벤치마킹에서 좋은 점을 무조건 차용하고 나쁜 점은 절대로 안 써버리게 된다. 이건 절대로 좋은 습관이 아니다.
웹을 정보의 쓰레기라고 하는 사람들은 이런 정보를 보고 하는 말일 것이다.
다른 사이트의 좋은 점을 무조건 차용하고 이리저리 섞어서 그럴싸하게 만든 사이트는 겉만 번지르하고 절대로 쿨 사이트가 되기 어려운 법이다.
생각의 카피는 이미지나 정보의 카피보다 더 무서운 법이다. 그래서 정보를 추린 다음에는 넉넉한 시간을 갖고 자신이 구현하고자 하는 사이트의 목적성을 크게 잡고 그것에 부합되도록 다른 사이트에는 좋은 점이라도 사이트의 목적에 맞게 과감히 쳐낼 수 있는 결단력이 필요하다.
3) 사이트 맵 만들기 (스토리 보드 1단계)
사이트 맵은 전반적인 메뉴 구성도를 말하는 것인데 (2)번에서 사이트 전반에 대한 무엇을 보여주고 이런 것이 나타낸다고 결정이 되면 그것을 나타내기 위한 메뉴의 순서와 구성단계, 적절한 용어 정립이 필요하다.
예를 들어 똑같은 'Q&A'라도 교육 사이트에서는 용어가 '상담하기'가 되기도 하고 어떤 곳에서는 '고객 서비스'가 되기도 한다. 이런 용어들은 똑같은 구현 방식이라도 색다른 맛을 주거나 사이트의 방향을 일관화시키는데 한 몫을 한다.
용어뿐아니라 메뉴의 순서도 중요하다. 쇼핑몰의 경우 '회사소개'란 메뉴가 제품보다 먼저 나오는 경우가 드물고 회사 홍보용 홈페이지에선 무엇보다 우선되어서 '회사소개' 메뉴가 띄워지게 된다
4) 스타일 정하기 (스토리 보드 2단계)
변화하는 페이지 사이에서 대응하기 위해서 레이아웃이나 서체, 색상, 그래픽에서의 일관성 유지해주어야한다.
일단, 정해놓고 작업에 들어가는 것이 혼선을 줄여주겠지. ^^;; 나중에 헷갈리면 안되니깐 기본 문서를 하나 만들거나 스타일 시트(CSS)를 만들어 링크해 수정시 링크된 CSS 파일만을 간편히 수정하는 것도 좋은 방법이다.
기본적인 웹페이지에서 링크색(LINK)은 파랑색, 갔다 온 링크색(VLINK)은 보라색으로 되어있어 예전에는 사람들이 링크를 못 찾을까봐 이 색을 고수하기를 바랬지만 요즘은 플래쉬나 다양한 동적인 화면들, 알록달록한 디자인 색감 때문에 이 색을 고수하는 것이 � .............
Copyright © 2011 CLEBUS CORP.All rights reserved 클레버스의 모든 콘텐츠는 저작권 법의 보호를 받으며, 무단 전재, 복사, 배포 등을 금합니다.태그 클레버스,CLEBUS,지식스토어,기획,웹기획,스토리보드,계획서,
클레버스로그인박스
지식등록 카테고리
ALMAN COMPANY
Address : 18, Seochojungang-ro, Seocho-gu, Seoul, Republic of Korea Business NO. : 410-88-01223 Sales approval NO. : 2020-Seoulsongpa-2994 Chief : Koo Gyo Seong
IBK Bank Escrow involved .Patent No. : 10-04726** Email : gskoo2012@gmail.comCopyright 2020 ALMAN COMPANY INC. All Rights Reserved. -
RSS FEED