Google Play에서 비즈니스를 성장시키는 데 도움이 되는 무료 웹 세미나 시리즈에 참여하세요. 지금 등록하기

Google Play 아이콘 디자인 사양

Google Play의 앱 및 게임에 새로운 아이콘 체계가 도입됩니다. 여러 개발자 아트워크가 Google Play의 다양한 UI 레이아웃, 폼 팩터 및 기기에 더욱 자연스럽게 어울리도록 만들 뿐 아니라, Google Play에서 더욱 일관되고 깔끔한 디자인을 제공하기 위해서입니다.

균일한 모양은 보기에도 좋을 뿐만 아니라 이해하기에도 쉽습니다. 사용자가 모양이 아닌 아트워크에 집중할 수 있게 도와주기 때문입니다. 불규칙적인 빈 공간으로 인한 정렬 문제를 해소하여 제목, 평점, 가격과 같은 주변 정보를 더 보기 좋게 표시합니다.

자유형 – 기존 형식
균일형 – 새 형식

이 페이지에서는 Google Play의 앱 등록정보용 애셋을 만들 때 따라야 할 가이드라인을 알아볼 수 있습니다. 예를 들어, Google Play는 앱 아이콘의 둥근 모서리와 그림자를 동적으로 렌더링하기 때문에 원본 애셋에서는 이러한 요소를 생략해야 합니다.

중요: 이 페이지에 설명된 Google Play 아이콘과는 별개인 APK 런처 아이콘을 만드는 방법을 자세히 알고 싶다면 아래 리소스를 참조하세요.

  • Android 적응형 아이콘
    이 APK 아이콘 가이드라인에 따라 Android 8.0(API 레벨 26)부터 도입된 적응형 런처 아이콘을 만드는 방법을 알아보세요.
  • 제품 아이콘
    아이콘 디자인, 모양, 사양 및 처리에 관한 가이드라인을 비롯한 머티리얼 디자인 원칙을 알아보세요.

애셋 만들기

이 섹션에서는 Google Play의 앱을 위한 시각적 애셋을 만들 때 따라야 할 가이드라인을 알아볼 수 있습니다.

속성

아이콘 아트워크는 전체 애셋 공간을 차지하거나, 로고와 같은 아트워크 요소를 디자인하여 키라인 그리드 위에 배치할 수도 있습니다. 아트워크를 배치할 때는 키라인을 절대 규칙이 아닌 가이드라인 정도로 활용하세요.

아트워크를 만들 때 다음을 준수해야 합니다.

  • 최종 크기: 512px x 512px
  • 형식: 32비트 PNG
  • 색상 공간: sRGB
  • 최대 파일 크기: 1,024KB
  • 모양: 정사각형 – Google Play에서 동적으로 마스킹을 처리합니다. 반지름은 아이콘 크기의 20%로 설정됩니다.
  • 그림자: 없음 – Google Play에서 그림자를 동적으로 처리합니다. 아래 '그림자' 섹션에서 아트워크에 그림자를 넣는 방법을 알아보세요.
총 애셋 크기
제품 아이콘 키라인

애셋을 업로드하면 Google Play가 둥근 마스크와 그림자를 동적으로 적용하여 모든 앱/게임 아이콘에 일관성을 줍니다.

왼쪽에 새로운 아이콘 애셋이 있습니다. 오른쪽에 있는 3개의 이미지는 Google Play에서 아이콘을 동적으로 처리한 결과를 보여 줍니다.

크기

미니멀리스트적인 아트워크를 다룰 때는 전체 애셋 공간을 배경으로 활용합니다.

키라인을 가이드로 활용하여 아트워크 요소(로고)를 배치합니다.

풀 블리드 아트워크(최종 애셋)
Google Play에서 그림자와 둥근 모서리를 동적으로 적용한 최종 결과

로고나 아트워크가 전체 애셋 공간에 맞게 억지로 조정하지 말고 키라인 그리드를 활용하세요.

부적절한 예
브랜드 및 아트워크를 풀 블리드로 무리해서 변형하지 마세요.
적절한 예
대신 자유형 아이콘 아트워크를 키라인에 배치하세요.

일반적으로 일러스트 아트워크도 풀 블리드 아이콘과 마찬가지로 잘 어울립니다.

부적절한 예
일러스트 아트워크를 키라인에 맞춰 축소하지 마세요.
적절한 예
전체 애셋 공간을 활용하여 아트워크가 전체 아이콘을 차지하도록 하세요.

그림자

최종 아이콘을 업로드하면 Google Play가 아이콘 주변에 그림자를 동적으로 추가합니다.

아이콘 아트워크 내부에 그림자를 추가할 때는 Google 머티리얼 가이드라인에 따라 Android 플랫폼과의 일관성을 고려하세요.

부적절한 예
최종 애셋에 그림자를 추가하지 마세요.
적절한 예
아트워크 내부에는 그림자와 조명 효과를 만들 수 있습니다.

모서리 반지름

Google Play가 모서리 반지름을 동적으로 적용합니다. 따라서 여러 가지 UI 레이아웃에 따라 아이콘 크기가 변경될 때 일관성이 보장됩니다. 반지름은 아이콘 크기의 20%로 설정됩니다.

부적절한 예
최종 애셋의 모서리를 둥글게 처리하지 마세요.
적절한 예
가능하면 아트워크로 전체 애셋을 채우세요.

배지

삽입된 배지는 아트워크 공간을 빼앗고 아이콘과 함께 제대로 축소되지 않습니다.

주의
아트워크에 프로모션을 홍보하지 마세요.
주의
브랜딩 배지를 사용하지 마세요.

브랜드 적용

도형이 로고에서 중요한 부분을 차지할 경우 아트워크를 억지로 풀 블리드로 만들지 마세요. 대신 새로운 키라인 그리드에 배치하세요.

왼쪽부터 원본 아이콘 애셋, 새 아이콘 애셋(권장 적응 형태), Google Play에서 렌더링된 새 아이콘입니다.

가능하다면 애셋에서 브랜드에 적합한 배경 색상을 선택하고 투명한 부분을 포함하지 마세요. 투명한 애셋은 Google Play UI의 배경색을 표시하게 됩니다.

왼쪽부터 원본 아이콘 애셋, 새 아이콘 애셋(권장 적응 형태), Google Play에서 렌더링된 새 아이콘입니다.

로고 주변에 특별히 중요한 도형이 없다면 풀 블리드 배경에 배치하세요.

왼쪽부터 원본 아이콘 애셋, 새 아이콘 애셋(권장 적응 형태), Google Play에서 렌더링된 새 아이콘입니다.

아트워크의 유연성이 충분하다면 애셋 크기를 완전히 활용할 수 있도록 조정해 보세요. 그럴 수 없다면 키라인 그리드에 로고를 배치하는 것으로 돌아가세요.

왼쪽부터 원본 아이콘 애셋, 새 아이콘 애셋(권장 적응 형태), Google Play에서 렌더링된 새 아이콘입니다.

레거시 모드

새로운 사양에 따라 업데이트되지 않은 원본 아이콘 애셋은 레거시 모드로 이전되고 키라인 그리드 크기의 75%로 축소됩니다(512 * 0.75 = 384px).

기존 사양에 따른 아이콘은 2019년 5월부터 업로드할 수 없게 됩니다. 일정에서 자세한 정보를 확인하세요.

원래의 아이콘 애셋은 레거시 모드 애셋으로 자동 변환되어 새 키라인 그리드의 75%로 축소됩니다.

디자인 템플릿 및 리소스 다운로드하기

시작하려면 제공된 애셋 템플릿 중 하나를 다운로드하세요.