안드로이드 Adaptive icon 적용하기
“이 포스트는 2018년 1월 원티드 제품블로그 글을 재구성한 내용입니다.”
원티드앱 4.0.0 버전이 출시되면서 원티드의 앱 아이콘이 새로운 브랜딩이 적용된 아이콘으로 변경되었습니다. 여기에 Android O 부터 추가된 Adaptive icon 을 적용해 보았습니다. 적용 방법도 어렵지 않으면서 친숙하고 액티브한 느낌의 아이콘을 제공할 수 있어 한번 적용해 보는 것을 추천합니다.
준비할 것
개발 환경은 Android Studio 3.0 이상의 버전과 compileSDKVersion 을 26이상이 필요합니다. 그리고 foreground 에 표현될 리소스(svg)와 background 에 표현될 리소스(svg 혹은 색상값)을 준비하면 됩니다. (디자이너님께 한번 용기를 내어 부탁해 봅시다!)
리소스 추가하기
Android Studio에서 New — Image Asset 메뉴를 이용하면 foreground, background를 이용하여 아이콘을 쉽게 생성할 수 있는 도구들이 제공됩니다. 이미지 자체를 svg로 디자이너에게 전달받아 그것을 VectorDrawable 리소스 (xml)로 변환해서 사용하면 됩니다. 해당 툴을 이용해서 아이콘 리소스를 생성하면 아래와 같은 폴더 및 리소스가 생성됩니다.
화면처럼 mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi 폴더에는 png 리소스가 생성되고, anydpi-v26 폴더에는 foreground, background 가 정의된 Vector 리소스가 추가됩니다. 눈치 채시겠지만 26부터 지원하니까 v26이 있고, dpi에 상관없이 동작이 가능하니 any dpi 가 붙습니다. 이 폴더 안에 xml 내용을 좀 더 확인해보면 foreground 와 background 두 개의 VectorDrawable 리소스가 생성 됩니다. 생성된 리소스 중 서비스 정책에 맞는 리소스를 그대로 (혹은 서비스에 맞게) 사용 하시면 됩니다.
background 리소스의 경우 Asset Type 을 Color, Image 형태로 선택 할 수 있는데, color를 선택하여 생성하게 되면 ic_launcher_background.xml 은 value 폴더에 color 리소스를 가지고 있는 파일로 생성되며, Image를 선택하게 되면 drawable xml 이 생성됩니다.
icon vs roundIcon
AndroidManifest 의 Application 속성에 icon 이 외에 roundIcon 속성이 API 25부터 추가되었습니다. 위 작업대로 수행할 경우 roundIcon 리소스들도 함께 생성 되는데, Launcher 에서는 roundIcon 속성을 지원하며, application 에 해당 값이 설정 되어 있을 경우에만 roundIcon 을 사용하게 됩니다.
다크테마
background, foreground 의 vector drawable 에서 참조하고 있는 컬러를 리소스 참조로 선언하면 night 리소스 별도로 정의하여 다크테마에서 별도의 브랜딩을 시도할 수 있습니다. (다만, 런처에서 시스템 설정 변경 시 아이콘 리소스를 갱신해줘야 하고, 아이콘이 업데이트 되는 타이밍은 런처에 따라 차이가 있을 수 있습니다.)
마치며
아이콘을 drag&drop 같은 사용자 행동에 대한 효과 덕분에 신기하고 뭔가 귀엽고(?) 그런 느낌이 듭니다. 앞으로는 아이콘이 정적인 이미지가 아니라 사용자에게 친숙한 캐릭터 처럼 느껴질 날이 올 것 같습니다. Adaptive icon을 지원해주는 런처 앱들이 늘고 앱 브랜딩에 도움이 될 수 있도록 점진적으로 개선될 것을 기대해 보겠습니다.
원티드에서는 다양한 직군에서 적극적으로 채용중입니다! 서버, 웹, 앱, 디자인 등 제품을 만들어가는 각자의 분야에서 전문적인 분들과 함께 일하기를 기대하고 있습니다. 회사 채용 정보 페이지를 확인해 주세요!
