스토리보드 (2) 썸네일형 리스트형 웹페이지 기획 - 와이어프레임 I 스토리보드 I 프로토타입 - 스토리보드편 스토리보드란? 영화나 tv광고 영상물 제작하기 위한 일종의 문서로 쓰이지만 웹 페이지 개발 쪽에서는 일종의 화면 기획쪽으로 사용합니다. 기획자에게는 가장 기본중 기본이며 기획의 꽃이라고 생각하면 됩니다. 그중 대부분의 페이지를 채우는 화면 설계를 알아보려고 합니다. 참고로 스토리보드는 할 수 있으면 상세하게 표현하는 것이 좋습니다. 화면도 실제 웹페이지를 만들듯이 표현하는 것이 좋으나 스토리보드를 가지고 작업을 하는 사람들 아니면 관계자 이외엔 설명을 들어도 이해하기 힘들다.( 모든 기획서는 다 이와 비슷하다.) 그래도 팀과 의사소통을 위해서는 문서화는 필수입니다. 또한 최대한 이해가 쉽게 되도록 풀어서 자세히 설명해야합니다 . 이런 스토리보드와 메인시안만 제대로 나온다면 홈페이지 제작은 일사천리로 진행.. 웹페이지 기획 - 와이어프레임 I 스토리보드 I 프로토타입 - 와이어프레임 편 와이어프레임과 프로토타입은 UX디자인과 연결된 두 가지 대표적인 디자인 산출물입니다. 현 포스팅에서는 와이어프레임과 프로토타입의 기능과 프로세스 그리고 유용성에 대해서 기본적인 내용을 준비하도록 하겠습니다. 와이어프레임이란? 와이어프레임(골격)은 간단한 모양만을 사용해 인터페이스를 시각적으로 묘사한 것입니다. 와이어프레임은 구조와 콘텐츠 그리고 기능을 설명하는데 사용합니다. 아래의 그림이 와이어프레임의 좋은 예시라고 할 수 있습니다. 와이어프레임을 통해 페이지들의 구성방식 (구조), 그리고 페이지에 각각 표시될 내용들 (콘텐츠) 그리고 해당 인터페이스들의 작동방식(기능)을 설명 할 수 있습니다. 와이어프레임을 통해 디자인의 현재상태와 향후 디자인 방향성을 공유할 수 있습니다. 사실 와이어프레임과 실제 완.. 이전 1 다음
