본문 바로가기
  • AI (Artificial Intelligence)
Project/Planning

1. 화면설계서(스토리보드)

by 로샤스 2014. 6. 17.

2012Banollimsoft_stybd_basic.pptx

 

처음 웹기획쪽으로 화면설계서(스토리보드)를 제작하려는데 어려움을 겪고 계신 분들이 많을 것 같아서 기본적인 스토리보드 템플릿을 만들어 봤습니다. 

 

 

메인표지,속표지,내용 등으로 구성이 되어 있습니다. 각각의 세부적인 내용들은 보기 - 슬라이드 마스터 메뉴에서 로고 및 작성일,작성자를 수정 할 수 있습니다. 

 

1.메인표지

 

-메인표지는 화면설계서(스토리보드)파일을 처음 열어 볼때나 인쇄할 때 가장 첫 페이지를 장식하게 됩니다. 프로젝트명과 제작사 로고,고객사 로고,작성일 등이 들어가며 저작권에 대한 문구를 넣어 주시면 됩니다. 

 

 

2. 문서이력

 

-모든 문서는 이력관리가 중요합니다. 문서의 변경이 있을 때 마다 버전업을 해서 관리를 꼭 해 줘야 합니다. 그래야 파일을 주고 받을 때 혼선이 생기지 않습니다.

 

3.속 표지

-각 분야별로 표지를 삽입해서 해당 부분의 내용을 알아 볼 수 있도록 해줍니다. 크게 사용자 화면,관리자 화면으로 나뉘어 지며 세부적으로는 메뉴명에 따라 구성이 되거나 GNB 영역,독립영역,회원관련 등으로 나누는 경우도 있습니다.

 

※GNB 영역 ?

-홈페이지에서 흔히 볼 수 있는 메뉴바 영역이라도 생각하시면 됩니다.

 

 

4.내용

 

-전체 내용이 들어가는 페이지 입니다. 페이지를 표시해 주고 화면이동경로,페이지 별 각 기능에 대한 상세설명 등이 들어갑니다. 홈페이지(웹사이트) 특성에 따라서 세로형이나 모바일용으로도 템플릿을 제작해서 사용하는 방법들이 있습니다.

 

 

 

화면설계서를 작성하기 이전에 사이트,기능정의서 등을 확실히 작성 후 작업하시는 것이 효율적입니다. 스토리보드란 말 그대로 고객의 요청사항 및 사이트의 전반적인 그림을 그리는 것입니다.

클라이언트의 요구사항 및 변경사항등이 반영이 안된 스토리보드로 각 디자이너분 및 개발자분이 작업을 하게 된다면 올바른 프로젝트가 나올리 없을 것입니다.

 

어느새 날씨가 많이 풀려 정말 봄 느낌이 나네요.

아직 일교차가 크니 감기 조심하시기 바랍니다.

 

 

 

 

 

 

 

 

 

 

출처 : http://blog.naver.com/chojh1178/90139794402

 

 

 

 

 

 

 

 

 

 

댓글