Mobile App GUI Designer 입문 가이드 - 디자인툴

2017. 11. 13. 17:36 안드로이드/개발 TIP

Sketch

App GUI Design tool 
- 예쁜 APP을 만들고 싶을때, Photoshop에 새로 추가된 Artboard 가 적응이 안될때, 일러스트가 Photoshop보다 편한 사람들에게 권장, 집에 맥OS 가 돌아가는 컴터가 있을때, 회사에 놀고있는 맥이 있을 때 사용.



장점 : 
- 나 빼고 다른 디자이너들이 다 이걸쓴다 -_ -; ( 뭔가 앞서가는 느낌적인 느낌 있음 -  알수없는 우월감)
- App 제작에 최적화 되어있다고 들었음 (안 써봄 - 맥이 없어서...)

단점 : 
- Windows 를 지원하지 않는다 ( 좋은 프로그램은 언제나 맥OS 에서만 ..) - > 맥을 사야된다 -> 적금을 깬다 -> 카드 할부를 한다 -> 나만 산다고 되는게 아니다. (대부분 IOS쪽 개발때문에 개발자도 다 가지고있어야 함 -> 내가 맥을 별로 안좋아한다 )

Zeplin

App GUI Guide tool
Sketch 나 Photoshop에서 디자인한 리소스를 불러다가 개발자와 대화 할수있게 통역해주는 툴




장점 : 
- PPT 노가다를 절반이상 줄여줌 : 곱하기 3, 곱하기 4.... DP,,,, PT,,,, #xxxxxx,,,,, 와 같은 머리아픈 고민을 덜어줌.
- 개발자에게 전달할 GUI Guideline 문서 작성에서 해방될수도 있음.. 리소스를 따로 만들지 않아도 개발자가 직접 PNG를 추출해서 사용이 가능함
- 웹링크만 가지고 개발자와 협업이 가능하여 문서 전달 및 리소스 전달에서 오는 시간적 소모를 줄여줌

단점 : 
- 위에 장점들을 위해 해야 할일이 많음
1. Photoshop 에서 안쓰던 Artboard(대지)를 써야 함 
2. 투명한 PNG 아이콘 및 버튼을 만들기 위해 상당히 귀찮은 수작업이 필요( 투명한 사각 레이어를 뒷면에 깔아줘야 함 )
3. GUI Guideline 문서(PPT)를 완벽하게 대체하지 못함 (커멘트를 달수는 있으나 개발자에게 전달해야될 수많은 시시콜콜한 사항들을 전달하는게 불가능 - 결국 Flow문서나 Layout 문서를 따로 발행해서 설명을 한번 더 해줘야 함

Pixate

Protoyping tool
Protoyping tool 이라고 하는....잠정 영업 정지된 tool, Google 이 인수하여 아마도 대통합 작업 (대연정) 진행중인가봄.. (제대로 써볼라고 하는 찰나에 엄써짐)
http://www.pixate.com/



장점 : 
- 장점을 발견하기도 전에 문닫음
- 구글이 먹었으니 Android에 특화되어서 다시 나올것이라 예상됨

단점 : 
- 단점을 발견하기도 전에 문닫음