App, WEB, iPhone 화면 스케치 – Balsamiq Mockups

가끔 프로젝트 기획시 UI를 그릴 필요가 있었는데, 보통은 Excel, OmniGraffle 등에서 미리 그린 후 Presentation tool에서 import를 하는 형태로 진행했었다. 하지만 이럴 경우 한장 한장 그리는데 시간이 많이걸려서 적잖은 부담이 되었었는데, Balsamiq Mockups라는 프로그램을 사용해 체감상 50% 정도는 빠르게 내부 기획/PT를 마칠 수 있었다. Conceptual Layout을 그리기에는 이만한 대체품이 없는 듯…

좋은 점은 Adobe AIR 형태로 Mac이든 Windows에서든 잘 실행된다는 점이고, 한글도 문제 없이 사용가능하였다.
개인용 Desktop 버전이 있고, WIKI Plugin 버전이 따로 있는데 이 경우에는 자동으로 WIKI에서 rendering을 해준다.
(데이터 포맷이 XML기반이다.)

각종 레이아웃을 미리 정의된 control을 Drag&Drop 한 후 데이터를 텍스트로 입력하면 자동으로 그려주는 방식이다.
예로 아래처럼 Grid/Table 형태를 끌어다 놓고, 텍스트 박스 처럼 입력을 하면 자동으로 테이블이 만들어 진다.

Grid/Table 속성 값으로는 우측에서와 같이 속성을 지정할 수 있어서, 다양한 효과가 가능하다.

    

아래는 이러한 방식으로 Balsamiq Mockups 제품 소개에 있는 예제들이다. 아래 내용을 각 5분 이내에 그대로 재현 가능하다.

  

혹시 기획/개발 관련해서 Presentation Layer를 미리 그려야 하는 경우라면 본 Balamiq Mockups를 써보시길 바란다..

백문이불여일견이라고 위 홈페이지에 있는 동영상 소개자료를 꼭 보세요.^^