Photoshop으로하는 앱디자인 - [준비하기]

GUI Kit 다운받기

위에 링크에서 GUI kit를 설치하시기 바랍니다.

GUI Kit는 Android에서 기본적으로 제공해주는 아이콘, 네비게이션바, 키보드와 같은 UI디자인을 만들어 놓은 오픈소스? 라고 생각하시면 될것 같습니다.

벤치마킹 앱 찾기

Pinterest와 Behance.. 디자인을 하는 사람이라면 모르는 사람이 거의 없겠죠??ㅎㅎ 저는 디자인을 하기전에 먼저 다양한 디자인을 보고 내가 개발하고 싶은, 혹은 런칭하고 싶은 서비스와 잘 맞을 것 같은 디자인을 싹~~ 모아서 정리합니다.

app-01

이런식으로 마음에 드는 한 부분을 한 부분을 모아 새로운 나만의 앱을 디자인 하는 겁니다ㅎㅎ

위에 디자인을 예로 들면 검색바를 Keep! 해놓는 것이쥬!!

GRID 사용하기

photoshop-01

이건 너무 당연한건가요..ㅠㅠ (전 처음엔 이거 몰라서 디자인 엉망이였습니다.) 어떤 툴을 하고, 어떤 디자인을 하던 ruler를 꼭 사용하자! 입니다. 최대한 좌우 대칭을 맞춰가면서 디자인 하면 왠만하면 퀄리티 좋은 작품이 나오는거 같더라구요 ㅎㅎ

1.6 황금비율!

gold-01

황금비율을 어떻게 쓰냐구요? 사실 저도 잘 모릅니다. 그래서 막씁니다 ㅎㅎ 만약 이미지를 넣어야한다! 하면 걍 주변을 둘러보세요..그리고 1.6을 마구 곱하고 나누고 하다보면 뭔가 적당한 사이즈가 나옵니다. 그럼 그걸 사용해서 디자인하면 왠만해서 이상하지 않더라구요. 이건 개인적인…방법으로 신빙성이 다소 떨어질수 있지만 저는 유용하게 사용하고 있습니다.

나의 디자인!

이번 포스팅에서 언급한 방법을 사용해서 디자인하였습니다.