이 가이드에서는 Google이 브랜드와 이미지를 사용하여 마이크로 모빌리티 앱과의 통합을 지원하는 방법을 설명합니다. 또한 관련 필수 사양 및 기타 세부정보도 제공합니다.
로고 아이콘 사양
모바일용 Google 지도 (GMM)에 길찾기 결과가 표시되면 앱의 로고를 사용하여 UI에서 서비스를 식별합니다. 제품 로고용 아이콘을 하나 제공하고 다음 사양을 준수해야 합니다.
- 로고 아이콘은 612x612픽셀 크기의 SVG 1.1 이미지여야 합니다.
- 로고 아이콘은 밝은 GMM 인터페이스 모드와 어두운 GMM 인터페이스 모드 모두에서 시각적으로 식별할 수 있어야 합니다. 그림 1은 이 원칙을 보여줍니다.
- 로고 아이콘은 GMM 인터페이스 자체를 방해할 수 있는 색상 조합을 피해야 합니다. 그림 2는 이 원칙을 보여줍니다.
- 아이콘의 배경은 투명해야 합니다.
- 아이콘 이미지는 반지름이 76픽셀인 둥근 모서리가 있거나 원형이어야 합니다.
<style>태그는 지원되지 않으므로 필요에 따라 인라인 스타일을 사용해야 합니다.- 제품 아이콘에는 일부 SVG 기능만 지원됩니다. 자세한 내용은 MetroSVG를 참고하세요.
차량 아이콘 사양
마이크로 모빌리티는 근처에서 이용 가능한 도크 없는 차량을 마이크로 모빌리티 제품 사용자에게 표시하는 옵션을 제공합니다. 제품의 차량 아이콘을 Google에 제공하고 다음 사양을 준수해야 합니다.
- 차량 아이콘은 120x120픽셀 크기의 PNG 이미지여야 합니다.
- 차량 아이콘은 밝은 GMM 인터페이스 모드와 어두운 GMM 인터페이스 모드 모두에서 시각적으로 식별할 수 있어야 합니다. 그림 1은 이 원칙을 보여줍니다.
- 차량 아이콘은 GMM 인터페이스 자체를 방해할 수 있는 색상 조합을 피해야 합니다. 그림 2는 이 원칙을 보여줍니다.
- 차량은 그림 1과 같이 투명한 배경의 단색 원에 표시되어야 합니다.
- 차량은 지면에 있는 것처럼 중앙에 배치되고 가로로 방향이 지정되어야 합니다.
- 차량 유형은 자전거, 전기자전거, 전동 스쿠터와 같이 인식 가능하고 식별 가능해야 합니다.
표시된 아이콘 권장사항
우수한 사용자 환경을 제공하려면 브랜딩을 표현하고 브랜드 또는 제품의 색상 팔레트를 반영하는 이미지를 Google에 제공해야 합니다.
이러한 아이콘은 다양한 크기와 해상도의 화면에 표시되므로 GMM에서 명확하고 굵은 아이콘을 사용하는 것이 중요합니다. 다음 예는 아이콘이 고해상도에서는 보기 좋지만 저해상도에서는 모자이크 처리되어 읽기 어려워지는 방법을 보여줍니다.
그림 3. 휴대기기에서 가시성이 낮은 아이콘
모든 크기에서 아이콘이 잘 보이도록 하려면 아이콘과 함께 제한적이고 명확하며 굵은 텍스트나 기호를 사용하세요. Google에 아이콘을 제공하기 전에 다양한 크기에서 아이콘의 가시성을 테스트하세요. 다음 예는 이러한 기준을 충족합니다.
그림 4. 휴대기기에 맞게 잘 확장되는 아이콘
GMM을 사용하면 사용자가 밝은 인터페이스 테마 또는 어두운 인터페이스 테마를 선택하거나 기기와 동일한 테마를 사용할 수 있습니다. 다음 예와 같이 다양한 배경색에 대해 아이콘을 테스트하는 것이 좋습니다.
그림 5. 밝은 배경과 어두운 배경에서 잘 표시되는 아이콘
또한 GMM 인터페이스 자체를 방해할 수 있는 색상이나 투명도는 아이콘에서 피하는 것이 좋습니다. 다음 그림은 이러한 잘못된 사례의 예를 보여줍니다.
그림 6. 밝은 배경에서는 잘 표시되지만 어두운 배경에서는 보기 어려운 아이콘
그림 7. 어두운 배경에서 보기 어려운 투명도가 있는 아이콘