[PowerMockup] 초보자가 쉽게 접근할 수 있는 UI 기획 툴

PPT를 이용하여, Web 기반 UI를 기획해 보자. 

UI 기획은 해본적이 없는 개발자 입장에서 접근해 본다.

UI에 표현해야 하는 내용을 한땀 한땀 PPT에서 기본으로 제공하는 도형, 글짜, 아이콘 등을 이용하여 UI를 기획을 했던 선임자들에 대한 오래된 기억은 있다. 

나는 그렇게 할 수 없을것 같아, 이것 저것 툴들을  찾아보던 중  '파워 목업'이라는 유용한 툴이 보인다. 

"우와!!!!!!! 한땀 한땀 그리지 않아도 된다" 신세게라는 느낌이다. 

참고를 위해 PowerMockup에서 제공한 설명 동영상이다. 

파워 목업 설명 동영상

PowerPoint Wireframe and Prototyping Tool | PowerMockup

일단 설치를 위핸 다운로드를 해보자. 

다운로드(Download Trial) 링크: https://www.powermockup.com/download/powermockup-setup.exe

다운로드 파일을 이용하여 프로그램을 설치 후 실행해 본다. 단, PowerPoint는 설치된 상태를 가정한다.

다운로드 파일 클릭하여 설치 진행(Next 클릭)

설치 진행 중

설치 완료 후 PowerMockup 실행

PowerMockup 실행 시 PowerPoint가 실행되고, 아래와 같이 PowerPoint에 PowerMockup 메뉴가 추가됨이 확인된다.

PowerPoint에 PowerMockup 메뉴 추가 확인

이제 UI 기획 문서를 작성해 보자.  새문서를 열고 아래와 같이 "Show Shapes Panel"을 클릭하면 아래와 같은 패널이 추가되어 목업 도구 사용이 쉽다.

• 파워목업 도구 리본 탭 -> 도형 라이브러리 패널

• 우측 패널 My Shapes 에서 필요한 도형을 클릭/드래그 하여 Page에 추가/수정 (현재 Trial 버젼으로 사용이 제한된 도형은 회색으로 표시되어 있다)

• 아래 "Download More Shapes...."에서 추가 도형 확인

• 도형 추가가 가능하여, 자주 사용하는 서식은 "Add Shape"를 이용하여 "Custom Shapes"에 저장하여 사용 가능

 

정식버젼(유료 라이선스) 정보는 PowerMockup "BUY NOW"에 다음과 같이 기술되어 있다. 

 

고맙게도, 개인에게 무료 라이선스를 제공해 준다. 

참고 링크: http://www.powermockup.com/order/free-license

블로그 포스팅 주소와 이름을 개발사 메일로 보내면 개인 사용자 라이선스를 무료로 제공해 준다. 

나도 서둘러 요청해 봐야 겠다.