스토리보드

스토리보드

 

스토리보드의 개념

- 디자이너와 개발자가 최종적으로 참고하는 산출 문서

- 정책이나 프로세스 및 콘텐츠의 구성, 와이어프레임(UI, UX), 기능에 대한 정의, 데이터베이스의 연동 등 구축하는 서비스를 위한 대부분의 정보가 수록되어 있는 문서

와이어프레임 : 화면 청사진이라고도하는 와이어프레임은 웹 사이트의 골격 프레임워크를 나타내는 시각적 가이드.

 

스토리보드 작성 절차

1. 메뉴 구성도 만들기

전체적인 메뉴 구성도이며, 어떤 것을 보여주고 결정된 사항을 표현하기 위한 메뉴의 순서와 구성 단계, 용어를 정의

2. 스타일 확정

레이아웃이나 글자 모양, 크기, 색상, 그래픽에서의 일관성을 유지해야 한다.

3. 설계하기

화면에 보여지는 시각적인 디자인 콘셉트를 잡는다.