2009/06/09 16:06
발사믹이란 프로그램이 있다. 프로그램에 대한 설명은 백 가지 말보다, 이미지 한장으로 충분할 때가 있다.
네이버 옛날신문 서비스의 UI를 발사믹으로 구성해봤다.
<네이버 디지털 뉴스 아카이브 - 1024*768>
<Balsamiq으로 재구성해본 네이버 디지털뉴스 아카이브>
이거 만드는데 15분 정도 걸렸다.
어떻게 하는건지 이제 궁금해 하실 분들이 계시니,,, 작업창의 스크린 샷을 올려봅니다.
<Balsamiq Mockup 작업창>
바로 위의 이미지와 비슷하다고 느끼실 테지만, 자세히 살펴보면, 상단에 메뉴바가 있다. 그리고 목업에 쓰이는 재료들인 저 "요소"들이 쭉 나열되어 있는데, 이것을 마우스로 클릭해서 한단의 장억영역에 드롭 하면, "요소"들이 생기는 것이다. 마법같다. ㅎㅎㅎ
크기 조절이 아주 쉽다. 요소들의 모서리를 잡고 늘리거나 줄이면 된다. 탭메뉴를 그리는 것 또한 참 쉽다. 더블클릭하면, 입력필드가 활성화되는데, 거기에 텍스트만 입력하면, "콤마"를 기준으로 좌우 사이에 위의 이미지처럼 "탭"을 나눠준다.
힘들게 손으로 그릴 필요없다. 이제 발사믹만 있으면 UI그리는건, 노가다가 아니라 진짜 "디자인"이 된다.
'UX UI' 카테고리의 다른 글
| UI구성요소 (0) | 2009/06/15 |
|---|---|
| Persona만들기 (페르소나, 퍼소나) (0) | 2009/06/11 |
| BALSAMIQ으로 웹사이트 MockUp 뜨기 (식초아님) (6) | 2009/06/09 |
| 컨셉모델(Concept Model)의 정의 (0) | 2009/06/08 |
| UX결정요인 5가지 (2) | 2009/06/04 |
| 페르소나 만들기 (0) | 2009/06/02 |
