손 쉽게 스토리 보드 작성하기 – PowerMockup

안녕하세요, 박병현입니다.

오늘은 스토리 보드에 대해서 글을 적어보려고 합니다.

우리가 하는 모든 프로젝트의 시작은 스토리 보드입니다. 혹자는기획이 시작 아니냐고 하겠지만, 결국 기획은 스토리 보드를 위해서 존재하는 것이나 진배없죠.

한 번은 기획자가 없는 팀에 소속될 일이 있었습니다. 개발자 모두는 스토리 보드 작성에 애를 먹었습니다. 머릿속에 떠다니는 기획들을 화면에 온전하게 옮기는 작업 자체를 많이 어려워했습니다. 그네들에겐 완전히 생소한 세계였을지도 모릅니다.

하지만 개발자들도 스토리 보드 작성하는 방법을 알아야 한다고 생각합니다. (개인 프로젝트를 진행할 때라고 해도) 적어도 내가 뭘 어떻게 만들지는 시각화시켜보고 작업해야지요.

저는 파워포인트로 스토리 보드를 작성합니다. (다른 사람들은 어떻게 스토리 보드를 만드는지 저는 잘 모르겠습니다. ^^)

아시다시피, 파워포인트는 본격적인 스토리 보드 저작 툴이 아니기 때문에, 스토리 보드 작성하는 일은 귀찮고 시간이 많이 들어가는 일임에 틀림이 없죠. 그리기 개체를 총 동원해서 와꾸 짜는 건, 아무런 오픈소스 모듈 없이 프로그램을 짜는 일하고 사뭇 비슷합니다.

스크린샷 2015-10-29 오전 10.10.12(jQuery 없이 웹 개발할 때의 느낌과 흡사하다.)

오늘 제가 소개하고 싶은 프로그램은 “PowerMockup”입니다.

PowerMockup 일종의 파워포인트 add-on이며, 스토리 보드 작성에 필요한 템플릿을 제공합니다. (처음 jQuery 만났을 때의 느낌)

백문이 불어일견이라고, 한번 스토리보드를 만들어 보지요.

10월 29, 2015 10:28
(GIF)

PowerMockup은 기본적으로 스토리 보드 작성에 필요한 템플릿을 제공해주는 파워 포인트 Add-on입니다. 안드로이드와 iOS 에 필요한 템플릿은 물론, BootStrap을 위한 템플릿까지 제공합니다.

스크린샷 2015-10-29 오전 10.58.01
(BOOTSTRAP TEMPLATE)

 

또한 내가 직접 만든 ASSET PowerMockup에 등록하여 쉽게 관리하고 재사용 가능한 컴포넌트로 만들 수 있도록 해줍니다.

10월 29, 2015 11:01
(GIF 세탁이 필요합니다. 화질 극혐.)

PowerMockup을 이용하여 스토리 보드를 작성할 때,

초안은 기본 제공된 Template을 사용하여 작성하고, 디자인 시안이 나오면 Custom Sahpes에 등록하여 사용한다면 스토리 보드 작성에 과도한 시간 투자 없이 작업이 가능할 것입니다. (한번 사용해보세요, 레알 편함)

파워 목업 홈페이지 – http://www.powermockup.com/ (Trial 제공)

스크린샷 2015-10-29 오전 11.16.03

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다.