본문으로 건너뛰기

App Icon

App Icon은 차량 내 제공할 서비스의 대표 이미지로, GNB, App library, App Market 등에서 사용됩니다.​

App Icon Design Principles​

  1. Grid system: 그리드 시스템을 참고하여 제작합니다.
  2. Layer: Foreground(로고 및 주요 그래픽)와 Background(배경)를 분리하여 제작합니다.
  3. Style: Pleos Connect OS의 차량 브랜드별 디자인 정책에 따라 아이콘 스타일을 적용합니다.

app_icon_grid_system

Adaptive Icon Structure​

Adaptive Icon은 Foreground(로고 및 주요 그래픽)와 Background(배경) 레이어로 구성되며, 시스템 마스킹을 통해 다양한 형태로 표시됩니다.
Pleos Connect OS의 차량 브랜드별 아이콘 스타일도 Android Adaptive Icon 형식으로 제작합니다.

자세한 제작 규칙은 Adaptive Icon Design Guide를 참고하세요.

app_icon_masking_sample

Design Resources​

App Icon 제작을 위한 Grid System과 차량 브랜드별 마스킹 스타일을 확인할 수 있는 Figma 템플릿을 제공합니다. 해당 템플릿은 Pleos Connect UI Design Guide의 'Pleos Connect Design Assets'에서 다운로드할 수 있습니다.

Pleos Connect UI Design Guide > Design Resources Download