디자이너 를 위한 UI 디자인 툴 10 가지 - Wishket 
 웹 과 모바일 이 점점 발전 하 면서 UI ( User Interface ) 와 사용 성 이 경쟁력 의 핵심 이 되 었 습니다 . 단순히 기능 할 수 만 있 는 웹 사이트 나 모바일 앱 을 만드 는 데 서 벗어나 , 사용 자 가 원 하 는 기능 을 어떻게 하 면 편리 하 게 이용 할 수 있 을지 를 고민 하 게 된 것 이 지요 . 따라서 여러분 이 웹 사이트 나 모바일 앱 의 UI 를 쉽 고 빠르 게 디자인 할 수 있 도록 도와 주 는 툴 과 소스 들 이 속속들이 생겨나 고 있 습니다 . 이러 한 툴 들 을 적절히 활용 한다면 더 적 은 시간 과 노력 을 투자 하 여 UI 를 설계 하 고 수정 하 는 것 이 가능 하 겠 지요 . 또한 사용 자 의 입장 을 고려 한 UI 디자인 에 대해 고민 하 는 데 에 더 많 은 시간 을 할애 할 수 있 을 것 입니다 . 
 오늘 ‘ 프리랜서 가이드 ’ 에서 는 ‘ 뛰어난 기능 을 가진 디자인 UI 툴 10 가지 ’ 를 선정 하 여 소개 해 드리 고자 합니다 . 이제 부터 소개 해 드릴 UI 툴 들 은 각기 다른 방식 으로 여러분 이 좋 은 인터페이스 를 디자인 하 는 데 에 많 은 도움 을 줄 것 입니다 . 
 Balsamiq 은 웹 페이지 나 어 플 의 UI 디자인 목 업 을 빠르 게 구현 해 볼 수 있 는 툴 입니다 . 
 연필 로 스케치 한 듯 한 독특 하 고 재미있 는 형식 으로 제공 되 는데요 . 쉽 고 편리 한 인터페이스 를 갖추 고 있 어서 이미 많 은 분 들 이 이용 하 고 있 는 툴 이 기 도 합니다 . Jira 나 Confluence 로 옮겨서 등록 할 수 있 어서 다른 팀원 들 과 의 공유 가 손쉽 게 이루어질 수 있 습니다 . 7 일 간 무료 로 이용 해 볼 수 있 고 , 계속 이용 하 려면 한 명 당 $ 79 를 지불 해야 합니다 . 5 명 이상 결제 하 면 할인 혜택 을 받 을 수 있 습니다 . 
 Gliffy 는 온라인 으로 다양 한 다이어그램 들 을 쉽 게 만들 어 볼 수 있 는 SaaS 입니다 . 
 플로우 차트 , UML 다이어그램 , 와이어 프레임 , 사이트 맵 등 많 은 종류 의 다이어그램 을 만들 수 있 지요 . 온라인 에서 무료 로 이용 가능 하 지만 , Confluence 나 Jira 에 등록 하 는 플러그인 을 다운 받 는 것 은 유료 입니다 . 
 Fluid UI 는 웹 에서 모바일 앱 의 프로토타입 을 디자인 하 는 데 에 최적 화 된 툴 입니다 . 
 프로토타입 을 미리 제작 해 보 고 안드로이드 나 아이폰 , 아이패드 에서 커스텀 앱 을 미리 볼 수 도 있 습니다 . 또한 각 레이아웃 을 슬라이드 형식 으로 보여 줄 수 있 어서 팀 과 커뮤니케이션 할 때 유용 하 게 쓰일 수 있 겠 네요 . 10 개 의 레이아웃 까지 무료 입니다 . 일정 금액 을 지불 하 면 무제한 으로 레이아웃 을 만들 수 있 고 다른 기능 도 사용 할 수 있 습니다 . 
 Stylify Me 는 원 하 는 사이트 의 URL 을 입력 하 면 스타일 가이드 를 만들 어 주 는 툴 입니다 . 
 벤치마킹 하 고 싶 은 웹 사이트 의 색상 , 타이포그래피 , 이미지 크기 등 을 자동 으로 분석 해 주 지요 . 
 Red Pen 은 다른 팀원 들 과 협업 을 쉽 고 빠르 게 할 수 있 도록 도와 주 는 피드백 툴 입니다 . 
 작업 한 디자인 을 ‘ Red Pen ’ 사이트 에 드래그 해서 올리 면 , 주석 형식 으로 피드백 을 입력 할 수 있 는 페이지 링크 를 제공 합니다 . 그 링크 를 팀원 들 과 공유 하 기 만 하 면 됩니다 . 따로 회원 가입 이나 등록 을 하 지 않 고 도 팀원 들 과 링크 를 공유 해서 피드백 을 주 고 받 을 수 있 기 때문 에 간편 하 지요 . 
 Pure 는 야후 에서 제공 하 는 무료 CSS UI Kit 입니다 . 
 직접 코딩 을 통해 만들 려면 많 은 시간 을 투자 해야 하 는 부분 을 어렵 지 않 게 구현 할 수 있 도록 도와 줍니다 . 
 Framework 7 은 iOS 전용 하이브리드 앱 이나 웹 기반 앱 을 만드 는 것 을 도와 주 는 HTML 프레임워크 입니다 . 
 HTML , CSS , 그리고 JavaScript 를 이용 하 여 깔끔 한 iOS 앱 을 쉽 게 만들 수 있 도록 도와 줍니다 . iOS 앱 을 만드 는 데 에 최적 화 된 경험 을 제공 하 지요 . 
 Webflow 는 소스 코드 를 입력 하 지 않 고 도 웹 사이트 레이아웃 쉽 게 설정 할 수 있 도록 도와 줍니다 . 
 또한 웹 사이트 의 반응 형 버전 을 시각 적 으로 구현 해 주 지요 . 여러분 이 제작 한 웹 사이트 를 스마트폰 이나 태블릿 과 같 은 다른 기기 에서 최적 화 되 어 보여 지 도록 만들 수 있 습니다 . 
 9 . LayerVault 
 LayerVault 는 작업 물 을 쉽 게 저장 하 고 정리 할 수 있 게 도와 주 는 툴 입니다 . 
 주로 포토샵 문서 용 으로 쓰 입니다 . 회원 가입 후 , 팀원 들 의 이메일 주소 를 입력 하 면 초대 를 할 수 있 어서 문서 공유 나 피드백 이 가능 합니다 . 
 Google Fonts 는 원 하 는 웹 폰트 의 소스 코드 를 제공 하 는 구글 의 웹 폰트 API 입니다 . 
 간단 한 소스 만 추가 하 면 언제 어디 서 든 다양 한 언어 의 폰트 를 이용 할 수 있 도록 도와 주 지요 . 구글 Early Acces 에서 는 나눔 고딕 이나 한 나체 와 같 은 한글 웹 폰트 도 지원 합니다 . Ctrl + F 키를 눌러서 ‘ korean ’ 를 검색 하 면 한글 전용 웹 폰트 를 쉽 게 찾 을 수 있 습니다 . 
 10 가지 의 UI 디자인 을 위한 툴 들 을 모두 소개 해 드렸 습니다 . 물론 이러 한 툴 에 맹목 적 으로 의지 하 는 것 은 피해야 겠 지만 , 적절 하 게 활용 한다면 훨씬 효율 적 으로 디자인 작업 을 진행할 수 있 겠 지요 . 
 위시 켓 의 디자인 프리랜서 분 들 의 프로젝트 에 날개 를 달 아 줄 수 있 는 좋 은 팁 이 되 었 길 바랍니다 . 
 * 본문 내용 은 ( http : / / www . crazyleafdesign . com / blog / 35 - finest - ui - tools - every - designer - know / ) 를 각색 한 자료 입니다 . 
 2 월 13 , 2015 wishket 
 네 가지 유형 별 클라이언트 대처 법 2 월 셋째 주 , 위시 켓 프로젝트 소식 
 2015 / 02 / 13 	 프리랜서 가이드 Balsamiq , Fluid UI , Framework 7 , gliffy , google fonts , layervault , Pure , Red Pen , Stylify me , UI 디자이너 , UI 디자인 툴 , user interface , ux 디자이너 , webflow , wishket , wishket . com , 디자이너 , 디자인 기초 상식 , 디자인 목 업 툴 , 디자인 아웃소싱 , 디자인 외주 , 디자인 의뢰 , 디자인 팁 , 디자인 프로젝트 , 디자인 프리랜서 , 위시 켓 , 위시 켓 블로그 , 위시 켓 웹 사이트 , 위시 켓 홈페이지 46 , 613