Mobile App GUI Designer 입문 가이드 - 디자인툴
Sketch
App GUI Design tool
- 예쁜 APP을 만들고 싶을때, Photoshop에 새로 추가된 Artboard 가 적응이 안될때, 일러스트가 Photoshop보다 편한 사람들에게 권장, 집에 맥OS 가 돌아가는 컴터가 있을때, 회사에 놀고있는 맥이 있을 때 사용.
- 예쁜 APP을 만들고 싶을때, Photoshop에 새로 추가된 Artboard 가 적응이 안될때, 일러스트가 Photoshop보다 편한 사람들에게 권장, 집에 맥OS 가 돌아가는 컴터가 있을때, 회사에 놀고있는 맥이 있을 때 사용.
장점 :
- 나 빼고 다른 디자이너들이 다 이걸쓴다 -_ -; ( 뭔가 앞서가는 느낌적인 느낌 있음 - 알수없는 우월감)
- App 제작에 최적화 되어있다고 들었음 (안 써봄 - 맥이 없어서...)
단점 :
- Windows 를 지원하지 않는다 ( 좋은 프로그램은 언제나 맥OS 에서만 ..) - > 맥을 사야된다 -> 적금을 깬다 -> 카드 할부를 한다 -> 나만 산다고 되는게 아니다. (대부분 IOS쪽 개발때문에 개발자도 다 가지고있어야 함 -> 내가 맥을 별로 안좋아한다 )
- 나 빼고 다른 디자이너들이 다 이걸쓴다 -_ -; ( 뭔가 앞서가는 느낌적인 느낌 있음 - 알수없는 우월감)
- App 제작에 최적화 되어있다고 들었음 (안 써봄 - 맥이 없어서...)
단점 :
- Windows 를 지원하지 않는다 ( 좋은 프로그램은 언제나 맥OS 에서만 ..) - > 맥을 사야된다 -> 적금을 깬다 -> 카드 할부를 한다 -> 나만 산다고 되는게 아니다. (대부분 IOS쪽 개발때문에 개발자도 다 가지고있어야 함 -> 내가 맥을 별로 안좋아한다 )
Zeplin
App GUI Guide tool
Sketch 나 Photoshop에서 디자인한 리소스를 불러다가 개발자와 대화 할수있게 통역해주는 툴
Sketch 나 Photoshop에서 디자인한 리소스를 불러다가 개발자와 대화 할수있게 통역해주는 툴
장점 :
- PPT 노가다를 절반이상 줄여줌 : 곱하기 3, 곱하기 4.... DP,,,, PT,,,, #xxxxxx,,,,, 와 같은 머리아픈 고민을 덜어줌.
- 개발자에게 전달할 GUI Guideline 문서 작성에서 해방될수도 있음.. 리소스를 따로 만들지 않아도 개발자가 직접 PNG를 추출해서 사용이 가능함
- 웹링크만 가지고 개발자와 협업이 가능하여 문서 전달 및 리소스 전달에서 오는 시간적 소모를 줄여줌
단점 :
- 위에 장점들을 위해 해야 할일이 많음
1. Photoshop 에서 안쓰던 Artboard(대지)를 써야 함
2. 투명한 PNG 아이콘 및 버튼을 만들기 위해 상당히 귀찮은 수작업이 필요( 투명한 사각 레이어를 뒷면에 깔아줘야 함 )
3. GUI Guideline 문서(PPT)를 완벽하게 대체하지 못함 (커멘트를 달수는 있으나 개발자에게 전달해야될 수많은 시시콜콜한 사항들을 전달하는게 불가능 - 결국 Flow문서나 Layout 문서를 따로 발행해서 설명을 한번 더 해줘야 함
- 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/
http://www.pixate.com/
장점 :
- 장점을 발견하기도 전에 문닫음
- 구글이 먹었으니 Android에 특화되어서 다시 나올것이라 예상됨
단점 :
- 단점을 발견하기도 전에 문닫음
- 장점을 발견하기도 전에 문닫음
- 구글이 먹었으니 Android에 특화되어서 다시 나올것이라 예상됨
단점 :
- 단점을 발견하기도 전에 문닫음
'안드로이드 > 개발 TIP' 카테고리의 다른 글
[안드로이드 비동기 처리] AsyncTask (0) | 2018.09.12 |
---|---|
[안드로이드 Intent] startActivity(), startActivityForResult()를 통한 페이지 넘어가기 (0) | 2018.09.12 |
[파이어베이스] Firebase 란 (0) | 2018.09.10 |
Android Handler 와 관련된 postDelayed() 메소드 (0) | 2018.01.19 |
안드로이드 이미지 리사이징 9patch resizer (0) | 2017.11.13 |
Android 다국어 이미지 (0) | 2017.11.13 |
안드로이드 다국어 지원을 위한 언어 코드 (0) | 2017.11.13 |
안드로이드/Android 언어 설정 하기 (0) | 2017.11.13 |