디자이너 없이 머티리얼 아이콘 쉽게 제작하기


안드로이드 머티리얼 디자인이 발표 된지 이제 2년이라는 시간이 지났다. 머티리얼 디자인은 단순함을 추구하고 아주 심플한 디자인이다. 아이콘또한 2가지 이상의 색상으로 표현하지 않는 정말 한순화된 디자인 스타일이다. 이렇게 머티리얼 디자인은 개발자에게는 기회이다.

구글에서 안드로이드의 아이콘 리소스를 엄청난 양으로 공개한 마당이 이를 활용한다면 디자이너 없이 머티리얼 디자인의 앱을 만들 수 있다. 이번에 소개 할 아이콘을 제작도구또한 마찬가지다. 단순한 머티리얼 디자인이기때문에 이렇게 툴을 통해서 아이콘을 제작할 수 있도록 만들 수 있었다.

해당 툴을 이용하면 머티리얼 아이콘을 단숨에 만들 수 있다. SVG파일이나 기존의 구글에서 아이콘 리소스를 공개한것으로 사용가능하다. 다양한 설정값을 조절해가면서 마음에 드는 아이콘을 쉽게 제작할 수 있다.

http://bitdroid.de/Android-Material-Icon-Generator/

이툴은 깃허브를 통해 소스도 오픈되어 있다.




안드로이드 디자인 관련 작업 좀더 쉽게 하기

안드로이드는 디자인은 개발에 있어서 또는 디자인에 있어서 많이 복잡하고 까다로운건 사실이다. 다양한 DPI에 맞는 사이즈를 제작해야되며, 디자이너들에게는 생소한 나인패치라는것도 해봐야 한다.

안드로이드 디자인을 처음으로 하거나 아직 미숙한 디자이너들에게 도움될 만한 사이트를 소개하겠다. 안드로이드 SDK에 나인패치 툴이 있긴 하지만 설치하는 번거로움을 피할수 있고, 즉각적인 이미지를 확인 할 수 있다.

Simple Nine-patch Generator

이 외에도 얼마전 Navigation Drawer의 표준가이드가 생기면서 이에 맞는 인디케이터 아이콘도 생성할 수도 있다. (Navigation Drawer Indicator Generator)

노티케이션 아이콘도 API11 전후로 표준 가이드가 바꼈는데, 이에 맞게 아이콘을 변형해준다. (Notification Icon Generator)

이외 아래 다양한 디자인 관련 작업들이 가능하다. (참고로 크롬브라우저에서만 작동한다.)

Icon generators

Launcher icons
Action bar and tab icons
Notification icons
Navigation drawer indicator
Generic icons
Tab icons (pre-Android 3.0)
Menu icons (pre-Android 3.0)

Other generators

Device frame generator (or see the official version for Nexus devices)
Simple nine-patch generator

Community tools

Android Action Bar Style Generator by Jeff Gilfelt
Android Holo Colors Generator by Jérôme Van Der Linden