본문 바로가기
디자인(DESIGN)/UX_UI

UI 디자인 도구 Fluid, Balsamiq, Pencil 비교

by 테크한스 2015. 1. 26.
반응형

UI 디자인 도구 Fluid, Balsamiq, Pencil 비교

1. 개요

(사진 출처 : http://cafe.naver.com/mcbugi/199014)

아이폰 UI 디자인을 할 때 가장 간편한 방법은 아마 종이에 그려보는 '손 디자인'일 것입니다.

하지만 지우개로 여러번 수정하다 보면 종이가 지저분해져서 알아보기 쉽지 않은 상황이 발생할 수 있습니다. 또한 다른 사람들한테 나눠주기 위해 매번 복사를 하거나 스캔을 해야 할 것입니다. 이런 수정과 공유가 다소 쉽지 않은 이유 때문에 저는 주로 컴퓨터로 작업합니다. ( 보통 막 떠오르는 아이디어들을 종이에 슥슥 그려보고, 컴퓨터로 옮겨서 깔끔하게 작업하고 공유합니다. ^^)


개인적으로 쉽고, 편하고, 빠르게 작업할 수 있으며, 공유가 용이한 것이 좋은 UI 디자인 툴이라고 생각합니다. 그리고 가격이 저렴하다면 완벽하다고 할 수 있겠습니다.

이 글에서는 아이폰 UI 디자인 툴 3가지(Fluid, Balsamiq, Pencil)에 대해서 특징을 살펴보고 쉬운 사용, 편리성, 작업 속도, 공유, 가격에 대해서 서로 비교해 보겠습니다.


참고로 앞으로 다룰 디자인 툴 중에서 아이폰 디자인 뿐만 아니라 웹, 안드로이드 등 여러가지 UI 디자인을 다룰 수 있는 툴도 있으나 이번에는 아이폰에 대해서만 다뤄보겠습니다.




2. Fluid


http://www.fluidui.com


Fluid는 웹에서 사용 가능한 UI 디자인 툴입니다.

따로 프로그램을 설치하지 않아도 웹에서 바로 사용 가능하며, 인터넷 사용이 가능한 어느곳에서도 접속 가능하다는 특징이 있습니다.



참고로 구글 크롬 웹스토어에서도 이용 가능합니다.



무료 계정을 사용할 수 있지만

하나의 프로젝트, 10개의 화면, 10MB 업로드만 사용 가능합니다.

그리고 하나의 프로젝트에 대해 URL로 공유할 수 있으며, 웹 또는 모바일에서 테스트해 볼 수 있습니다.



- 최대 화면 10개 제한 -



- 한 개의 프로젝트 생성 가능 -



Standard : 3개의 프로젝트, 250MB 업로드 가능

Professional : 10개의 프로젝트, 3GB 업로드 가능

Expert : 프로젝트, 업로드 제한 없음


유료계정을 사용하기 위해서는 계정 종류에 따라 한달에 29 또는 49 또는 129 달러를 지불해야 합니다. 

결제는 매달 결제할 수도 있고, 1년 단위로 결제할 경우 2달이 무료입니다.

결제 방법은 비자, 마스터 카드 등( 다른 두 개는 뭔지 잘 모르겠네요...)으로 가능합니다.


비용에 대한 자세한 내용은 여기를 참고하세요.



Fluid의 특징으로는 Drag & Drop, Gestures, Transitions(애니메이션 효과), Uploads, Touch Test, Share 등이 있습니다.

Gestures, 애니메이션 효과를 줄 수 있고, URL이나 QR Code를 공유하여 웹 또는 기기에서 사용해볼 수 있다는 점이 굉장히 인상깊었습니다. 이는 다른 디자인 툴들과 확실히 차별화되는 특별한 기능이라고 생각합니다.

Drag & Drop이나 Uploads는 나중에 다룰 다른 프로그램에서도 기본으로 가지고 있는 기능들이라 그리 특별한 건 없습니다.


이제 하나씩 더 자세히 살펴보겠습니다.



Drag & Drop -


Fluid는 코딩 없이 Drag & Drop만으로 화면을 구성할 수 있는 장점이 있습니다. 예를 들어 라이브러리에서 원하는 버튼을 Drag & Drop으로 화면에 옮겨 넣을 수 있습니다. 




Fluid는 기본으로 상당히 다양한 라이브러리를 제공합니다.

사소한 버튼들까지 대부분 기본으로 제공하는 점이 다른 디자인 툴들과 비교됩니다. 다른 툴에서는 못 본거 같은데 심지어 시리 아이콘도 보이네요. 



하지만 여기에 함정이 있습니다.

키보드 단축키가 전혀 없습니다.(아마 키보드의 상하좌우 키로 버튼을 이동시키는 것 정도만 가능한거 같습니다..) 예를 들어 버튼을 하나 삭제하려고 해도 마우스로 휴지통을 눌러야 가능합니다. (버튼을 지우려고 습관적으로 ESC를 연타 했지만 아무 반응도 없었습니다...)

그래서 키보드 사용을 더 선호하는 저 같은 사용자는 불편을 호소할 수 있습니다. (초반에 매직 마우스를 사용하는 오른쪽 손목이 뻐근하더라구요;;)



- Gesture -



Fluid는 영역을 지정해서 그 영역에 Gesture를 적용할 수 있습니다. 사용 가능한 Gesture는 총 7개입니다.

이와 연계로 Gesture가 발생하면 Transition을 보여줄 수 있습니다.



Transitions -


Gesture를 지정한 영역에서 해당 Gesture가 발생하면 Transition을 보여줄 수 있습니다. 사용 가능한 Transitions은 11개입니다.

아이폰에서 버튼을 터치하면 화면이 이동하는 식의 화면 구성 작업을 한다고 보시면 되겠습니다.



Uploads -


만약 따로 필요한 이미지가 있다면 업로드해서 사용할 수 있습니다.



Touch Test / Share -



화면 오른쪽 상단의 '세모' 버튼을 누르면 터치 테스트를 해볼 수 있습니다.

마치 Xcode에서 시뮬레이터를 돌려보는 것 같은 스멜이 나네요.



로딩이 완료되면 만들어 두었던 화면이 보여지고 터치 영역으로 지정해던 부분을 터치하면 설정했던 애니메이션이 보여지면서 화면이 변화합니다. (뭔가 캐릭터를 만들어 보려다가 포기하였는데... 화면에 보이는 단추? 돼지? 같은 녀석은 무시하셔요. 하하;;)


화면 왼쪽에 보면 QR Code와 Link가 있습니다. 이 주소를 다른 사람들과 공유할 수 있습니다.

참고로 Export 같은 기능들은 유료 사용자만 사용할 수 있네요.



프로젝트를 하나 만들어 보았는데요.

분홍색 네모는 터치영역이고, 화살표는 터치하면 어떤 화면으로 넘어가는지 표시해 주는 것입니다.


백문이불여일견! 아래 링크로 들어가서 구경해보셔도 좋습니다. ^^

Touch Test!



Fluid 공식 홈페이지의 안내 문구를 보면 아직 아이폰에서는 테스트가 안 되는것 같지만 아이폰의 사파리에서도 잘 되네요.




단, 사파리에서 바로 보여지지는 않고, 홈 화면에 추가를 해야 아이폰에서 터치 테스트를 해볼 수 있습니다.



제가 아이폰에서 사용하는 모습을 동영상에 담아 보았습니다. ^^



1. 쉬운 사용

Fluid의 조작 버튼들에 대해 조금만 익숙해지면 사용하기 쉽다. 하지만 클릭 후 이동시 약간 끊기는 경우가 있어 마우스 조작이 불편한 경우가 있다. 또한 화면이동이 다소 불편한 편이다.



2. 편리성

상당히 많은 라이브러리를 기본으로 제공한다. 시리 아이콘까지 있는거 보면 말 다했다. 그리고 인터넷이 사용 가능한 곳이라면 어디서든 접근 가능하다는 점이 편리하다.



3. 작업 속도

Fluid의 조작 방법에 적응만 잘 한다면 빠르게 UI를 그려낼 수 있다.



4. 공유

다른 사람들에게 QR Code나 URL 만으로도 공유가 가능하다. 또한 웹이나 아이폰에서 직접 테스트까지 가능하다는 점은 다른 디자인 툴들과 차별화 되며 높이 평가된다. 단, 내가 만든 프로젝트를 다른 사람이 수정하는건 불가하므로 다소 아쉽다.


5. 비용

무료 사용자는 겨우 1개의 프로젝트와 10개의 화면만 사용 가능하다는 점은 매우 아쉽다. 내가 만든 프로젝트를 유지하기 위해서는 매월 비용을 지불해야 된다는 점은 부담이 된다.




3. Balsamiq


http://www.balsamiq.com


Balsamiq은 아마 UI 디자인 툴로서는 가장 유명하지 않을까 생각됩니다.

Balsamiq은 Desktop(Mockups for Desktop), 웹(myBalsamiq), Plugin 등 매우 다양한 영역을 지원하는 강점이 있습니다. 




마치 낙서를 해 놓은것 같은 스킨이 인상적입니다. ^^



Desktop 버전(Mockups for Desktop)은 Windows, Mac OSX, 리눅스, Cross-Platform을 지원합니다. 현재 사용되는 모든 운영체제를 지원한다고 봐도 되겠네요.

그리고 7일의 무료기간이 주어집니다.



싱글 라이센스는 79달러이며 5명씩 늘어날 때마다 할인해줍니다. 5명에서 할인, 10명에서 할인... 식이네요.

자세한 가격은 그림을 참고하시거나 여기를 보시면 되겠습니다.

그런데 한달 비용이 12달러인 Personal 타입의 웹 계정을 구입하면 Desktop App을 50% 할인해준다는 내용이 있습니다. 차라리 Personal 계정 한 달 구입하고, 데스크탑 버전을 기존 79달러에서 50%할인된 39.5달러에 구입하면 총 51.5달러입니다.

제 생각이 맞다면 기본 싱글 라이센스인 79달러보다 저렴하네요...



Balsamiq을 웹(myBalsamiq)에서 사용하려면 Adobe Air로 구동 되는거 같은데요. 그래서인지 따로 지원가능한 Browser에 대한 언급은 없네요.



30일의 무료 사용기간이 주어집니다. 비용을 많이 지불할수록 사용 가능한 프로젝트 개수가 늘어나네요. 자세한 비용은 그림을 참고하시거나, 여기를 보시면 되겠습니다.



Plugin 버전은 Googole Drive, Confluence, JIRA, FogBugz, XWiki를 지원합니다. Google Drive 말고는 다 처음 보는 것들이네요...



Google Drive는 한달에 5달러 또는 1년에 50달러로 결제 가능합니다. 또한 7일의 무료 사용기간이 주어집니다.

다른 Plugin들의 자세한 비용은 여기를 참고하세요.



Balsamiq의 특징으로는 Low-Fi Sketch Wireframes(두 종류의 스킨), UI Components & Icons(기본 제공 + 추가 제공 매우 많음), Export to PNG or PDF, Drag and Drop for Simplicity, Full Keyboard Support 등이 있습니다.

Fluid에는 없는 Full Keyboard Support가 보여서 좋네요. ^^



참고로 Balsamiq을 처음 설치하면 한글이 입력 안됩니다. 메뉴 바에서 'View' -> 'Use System Fonts' 항목을 체크해야지 한글 입력이 가능합니다.


이제 하나씩 자세히 다뤄보겠습니다.



-  Low-Fi Sketch Wireframes -


Balsamiq은 Sketch와 Wireframe 두 가지의 스킨을 사용 가능하며, Sketch 스킨이 기본으로 적용되어 있습니다. 위 그림이 Sketch 스킨이고, 아래가 Wireframe 스킨입니다.



- Wireframe 스킨 -



UI Components & Icons -


그림에서 위쪽에 보이는 아이콘들이 기본으로 사용 가능한 Component Icon입니다. 탭 별로 구분되어 있습니다.

그런데 전체 탭으로 해도 기본으로 제공되는 Component와 Icon이 그리 많지 않습니다.



하지만 추가로 제공되는 Component와 Icon이 상당히 많기 때문에 사용자가 필요한 것들을 추가하여 사용할 수 있습니다. 제가 살펴보니까 왠만한건 다 있더라구요.

여기로 가시면 더 자세히 확인가능합니다.



- Drag and Drop for Simplicity / Full Keyboard Support -


(위 그림은 'Button' 이라고 써져있는 버튼을 마우스로 옮기는 모습인데 마우스 커서가 없으니 와 닿지가 않네요;;)


Balsamiq도 Fluid와 같이 Drag and Drop으로 모든 작업을 합니다. 하지만 Balsamiq은 키보드를 지원합니다! 그리고 CTRL + C, V, Z 등의 여러가지 단축키를 지원합니다.


그런데 버튼들을 누를때마다 이런 인스펙터 창이 보이는데요. 



이게 뒤에 있는 버튼들을 가려서 상당히 걸리적 거릴때가 있습니다. 13인치 맥북프로로 작업 해봤는데 살짝 짜증이...;;;




- Export to PNG or PDF -


Balsamiq은 PNG나 PDF로 내보내거나, 목업 XML을 내보내기, 가져오기 가능합니다. 이는 작업을 완성하고 다른 사람한테 보내줄때 용이합니다.



- Wiki-Style Text Formatting -


Balsamiq은 Wiki-Style Text Formatting을 제공하는데요. LISTS 같은건 꽤 유용합니다.




Balsamiq으로 만들고 PNG로 내보내기 해 보았습니다. ^^



1. 쉬운 사용

Balsamiq은 조금만 사용해봐도 금방 적응할 수 있으며 쉽게 사용할 수 있다. 그리고 키보드가 지원되므로 Fluid보다 사용하기 쉽다

★★★



2. 편리성

기본 제공되는 컴포넌트와 아이콘들은 많지 않지만, 추가로 제공하는 컴포넌트와 아이콘들은 상당히 많고, 질도 좋다. 단, 인스펙터가 화면을 차지하므로 모니터가 작은 작업환경에서는 다소 불편할 수 있다.


3. 작업 속도

크게 차이가 나진 않지만, Fluid보다 더 사용하기 쉬운만큼 작업 속도도 약간 더 빠른거 같다.


4. 공유

PNG나 PDF로 내보내서 공유할 수 있다. 또한 Balsamiq 파일(bmml) 자체를 공유하면 내가 만든 프로젝트를 다른 사람이 수정할 수 있다.


5. 비용

데스크탑 버전이 다소 비싼 편이나, 웹 계정을 구입하면 50% 할인을 받을 수 있다. 또한 데스크탑 버전은 한 번 구입하면 계속 사용할 수 있다는 장점이 있다. 웹 버전이나 플러그인 버전은 매월 결제해야 하므로 부담이 된다.




4. Pencil

 

http://pencil.evolus.vn/en-US/Home.aspx


Pencil은 Firefox와 Desktop에서 사용 가능한 무료 UI 디자인 툴입니다.

무료라서 그런지 그리 좋지도 않고, 나쁘지도 않고... 순위를 매긴다면 중하위?...



Pencil은 리눅스, Mac OSX, Windows에서 사용 가능합니다.

또한 Firefox의 addon은 설치해서 사용하거나,



Application은 설치해서 사용할 수 있습니다.



Pencil은 HTML, PNG, Openoffice, Word, PDF로 내보내기가 가능합니다. Openoffice나 Word 같은 문서 작성 프로그램으로 내보내기 가능하다는게 인상적이네요.

다른 특징은 딱히 눈에 들어오진 않네요...



처음 실행해본 화면입니다. 그냥 무난하네요.

Pencil은 기본 stencil이 그리 많지 않습니다. 또한 아이폰에 대한 stencil은 아예 없습니다.

하지만 홈페이지에서 여러가지 stencil을 추가 가능합니다.

여기 또는 여기가시면 여러가지 stencil을 얻을 수 있습니다.

그리고 여기로 가시면 iOSWireframe stencil을 얻을 수 있습니다.



iOS Wireframe stencil을 추가한 화면입니다. 아쉽게도 개수가 많지 않습니다. 그래서 작업하다 보면 부족함을 많이 느낍니다.

아이폰에서 가장 많이 사용하는 TableView에 대한 stencil도 없네요...



Pencil은 대부분의 작업을 Drag and Drop으로 하지만 키보드 입력도 가능합니다.

하지만 어떤 stencil을 삭제려고 하면 꼭 마우스 오른쪽 버튼을 눌러서 삭제를 해줘야 합니다. ESC로 손쉽게 삭제가 불가해서 불편합니다.



Fluid와 Balsamiq에서 만들어봤던 것과 비슷한 UI 디자인을 해보았는데요.

일단 이미지 추가가 불가합니다. 그리고.. 아이폰 화면에서는 흔히 보는 화면구성도 여기서는 없는거 투성이네요. 솔직히 말하면 없는거 보다 Pencil에 있는것을 찾는게 더 쉽네요.

무료라서 좋아했는데 실망이 큽니다...


 

화면 크기 조절도 불편합니다.

기본으로 아이폰 하나가 들어갈 만한 하얀 화면으로 되어있는에요.

아이폰 화면 하나씩 작업하고자 한다면 뭐 상관 없겠지만

보통 한 화면에 여러개의 아이폰 화면을 늘어놓고 이동 방향을 표시하면서 디자인 하지 않겠습니까. 그때마다 새 페이지를 열어야 된다는 점은 아쉽습니다.

Component나 Icon을 클릭해서 드래그하면 자동으로 화면이 늘어나서 자유롭게 화면 크기를 조절할 수 있었던 Balsamiq하고는 비교가 됩니다.



1. 쉬운 사용

Pencil은 Fluid나 Balsamiq에 비해서 사용하기 쉽다. 왜냐하면 기능이 많이 없기 때문이다. 거의 드래그 앤 드랍으로 끝이다.

★★


2. 편리성

기본 제공되는 stencil이 많이 없다. 홈페이지에서 iOS Wireframe 등 여러가지 stencil을 제공하지만 내용이 매우 부실하다. 게다가 이미지 조차 추가할 수도 없어서 stencil의 부족한 부분을 채우기 힘들다.


3. 작업 속도

작업속도 빠르다. 왜냐하면 기능이 많이 없기 때문이다..


4. 공유

HTML, PNG, Openoffice, Word, PDF로 다양하게 내보내기가 가능하다. 문서 작업 프로그램으로 저장 가능한 점이 Fluid, Balsamiq과 다른점이다. 그리고 내가 작업한 디자인을 Pencil Documents로 저장한 다음에 공유해서 다른 사람이 수정 할 수도 있다.


무료! 사실 무료로 제공되기 때문에 부족한 부분이 많을 수밖에 없다. 





지금까지 다뤄본 Fluid, Balsamiq, Pencil을 정리해보겠습니다.


Fluid

웹에서만 사용이 가능다. 인터넷 사용이 가능한 어느곳에서도 작업 가능한 것이 장점이다.

무료 계정은 하나의 프로젝트, 10개의 화면, 10MB 업로드 제한이 아쉽다.

유료 계정을 구입하려면 매달 일정 금액을 지불해야 하기 때문에 부담된다.

모든 조작이 마우스로 이루어져서 Drag & Drop으로 손쉽게 디자인을 할 수 있지만 키보드 입력이 지원되지 않아 불편하다.

Gesture와 Transition을 설정할 수 있고, URL이나 QR Code로 공유하여 웹 또는 기기에서 테스트해 볼 수 있다는 점이 굉장히 인상깊다.

기본으로 상당히 다양항 라이브러리를 제공한다.



1. 쉬운 사용

Fluid의 조작 버튼들에 대해 조금만 익숙해지면 사용하기 쉽다. 하지만 클릭 후 이동시 약간 끊기는 경우가 있어 마우스 조작이 불편한 경우가 있다. 또한 화면이동이 다소 불편한 편이다.



2. 편리성

상당히 많은 라이브러리를 기본으로 제공한다. 시리 아이콘까지 있는거 보면 말 다했다. 그리고 인터넷이 사용 가능한 곳이라면 어디서든 접근 가능하다는 점이 편리하다.



3. 작업 속도

Fluid의 조작 방법에 적응만 잘 한다면 빠르게 UI를 그려낼 수 있다.



4. 공유

다른 사람들에게 QR Code나 URL 만으로도 공유가 가능하다. 또한 웹이나 아이폰에서 직접 테스트까지 가능하다는 점은 다른 디자인 툴들과 차별화 되며 높이 평가된다. 단, 내가 만든 프로젝트를 다른 사람이 수정하는건 불가하므로 다소 아쉽다.


5. 비용

무료 사용자는 겨우 1개의 프로젝트와 10개의 화면만 사용 가능하다는 점은 매우 아쉽다. 내가 만든 프로젝트를 유지하기 위해서는 매월 비용을 지불해야 된다는 점은 부담이 된다.




Balsamiq

Desktop, 웹, Plugin 등 매우 다양한 영역을 지원하는 강점이 있다.

Desktop 버전은 7일, 웹은 30일, Google Drive는 7일을 무료로 사용할 수 있다.

웹이나 Plugin은 매달 결제해야 되는 부담이 있지만, Desktop 버전은 한 번 구입하면 계속 사용이 가능하다.

기본 제공되는 Component와 Icon들이 그리 많지는 않지만, 추가로 제공되는 것들이 매우 많고, 알차다

마우스로 조작하여 Drag & Drop으로 작업 가능하며, 키보드 입력과 단축키 사용이 가능해서 편리하다.

PNG, PDF로 내보내기 가능하며, bmml로 저장하고 공유하면 다른사람도 수정할 수 있다.

작은 화면에서는 인스펙터가 상당히 거슬릴 수 있다.



1. 쉬운 사용

Balsamiq은 조금만 사용해봐도 금방 적응할 수 있으며 쉽게 사용할 수 있다. 그리고 키보드가 지원되므로 Fluid보다 사용하기 쉽다

★★★



2. 편리성

기본 제공되는 컴포넌트와 아이콘들은 많지 않지만, 추가로 제공하는 컴포넌트와 아이콘들은 상당히 많고, 질도 좋다. 단, 인스펙터가 화면을 차지하므로 모니터가 작은 작업환경에서는 다소 불편할 수 있다.


3. 작업 속도

크게 차이가 나진 않지만, Fluid보다 더 사용하기 쉬운만큼 작업 속도도 약간 더 빠른거 같다.


4. 공유

PNG나 PDF로 내보내서 공유할 수 있다. 또한 Balsamiq 파일(bmml) 자체를 공유하면 내가 만든 프로젝트를 다른 사람이 수정할 수 있다.


5. 비용

데스크탑 버전이 다소 비싼 편이나, 웹 계정을 구입하면 50% 할인을 받을 수 있다. 또한 데스크탑 버전은 한 번 구입하면 계속 사용할 수 있다는 장점이 있다. 웹 버전이나 플러그인 버전은 매월 결제해야 하므로 부담이 된다.




Pencil

셋 중에서 유일한 무료 디자인 툴이다.

리눅스, Mac OSX, Windows에서 Firefox 애드온과 Application을 다운 받아서 사용 가능하다.

HTML, PNG, Openoffice, Word, PDF로 내보내기가 가능하다. Openoffice나 Word 같은 문서 작성 프로그램으로 내보내기 가능하다는게 인상적이다.

기본 제공되는 stencil도 별로 없고, 추가로 제공되는 stencil도 많지 않으며 내용도 부실하다.

화면 크기 조절이 불편하다.

마우스 오른쪽 버튼을 눌러야 stencil을 삭제할 수 있고, ESC로는 삭제가 불가하여 불편하다.



1. 쉬운 사용

Pencil은 Fluid나 Balsamiq에 비해서 사용하기 쉽다. 왜냐하면 기능이 많이 없기 때문이다. 거의 드래그 앤 드랍으로 끝이다.

★★


2. 편리성

기본 제공되는 stencil이 많이 없다. 홈페이지에서 iOS Wireframe 등 여러가지 stencil을 제공하지만 내용이 매우 부실하다. 게다가 이미지 조차 추가할 수도 없어서 stencil의 부족한 부분을 채우기 힘들다.


3. 작업 속도

작업속도 빠르다. 왜냐하면 기능이 많이 없기 때문이다..


4. 공유

HTML, PNG, Openoffice, Word, PDF로 다양하게 내보내기가 가능하다. 문서 작업 프로그램으로 저장 가능한 점이 Fluid, Balsamiq과 다른점이다. 그리고 내가 작업한 디자인을 Pencil Documents로 저장한 다음에 공유해서 다른 사람이 수정 할 수도 있다.


무료! 사실 무료로 제공되기 때문에 부족한 부분이 많을 수밖에 없다. 




세 가지 UI 디자인 툴이 모두 특징도 다르고, 유료/무료인 점도 다르지만 굳이 세개 중에서 순위를 매기자면... 

비용이 부담 안된다면 Balsamiq > Fluid > Pencil 이 되겠고,

비용이 매우 많이 부담된다면 Pencil > Balsamiq > Fluid,

만약 Balsamiq의 Desktop 라이센스를 구입할 정도는 괜찮다면 Balsamiq > Pencil > Fluid 이 되겠다.





세 가지 디자인 툴을 모두 사용해 보았는데요. Pencil에 단점을 많이 적었지만, 무료인 점을 감안하면 Pencil도 굉장히 좋은 디자인 툴이라고 생각합니다.

다만 확실히 Balsamiq이 좋긴 좋네요. ^^

그리고 Fluid는 웹과 기기에서 테스트 가능하다는 점이 굉장히 인상깊었습니다.

이번 기회에 여러가지 UI 디자인 툴을 사용해 볼수 있어서 좋은 경험이 되었습니다.


이상으로 글을 마치겠습니다. 끝까지 읽어주셔서 감사합니다. ^^


반응형

'디자인(DESIGN) > UX_UI' 카테고리의 다른 글

30 Examples of Trendy & Modern Web Design  (0) 2015.02.21