แบรนด์และรูปภาพ

คู่มือนี้อธิบายวิธีที่ Google ใช้แบรนด์และรูปภาพของคุณเพื่ออำนวยความสะดวกในการ ผสานรวมกับแอปไมโครโมบิลิตี้ของคุณ นอกจากนี้ ยังระบุข้อกำหนดที่เกี่ยวข้องที่จำเป็น และรายละเอียดอื่นๆ ด้วย

ข้อกำหนดสำหรับไอคอนโลโก้

เมื่อ Google Maps สำหรับมือถือ (GMM) แสดงผลลัพธ์เส้นทาง ระบบจะใช้โลโก้ของแอป เพื่อระบุบริการของคุณใน UI คุณต้องระบุไอคอน 1 รายการให้ Google สำหรับโลโก้ของผลิตภัณฑ์และปฏิบัติตามข้อกำหนดต่อไปนี้

  • ไอคอนโลโก้ต้องเป็นรูปภาพ SVG 1.1 ที่มีขนาด 612x612 พิกเซล
  • ไอคอนโลโก้ต้องระบุได้ด้วยสายตาทั้งในโหมดอินเทอร์เฟซ GMM ทั้งแบบสว่างและมืด รูปที่ 1 แสดงหลักการนี้
  • ไอคอนโลโก้ต้องหลีกเลี่ยงการผสมสีที่อาจรบกวนอินเทอร์เฟซของ GMM เอง รูปที่ 2 แสดงหลักการนี้
  • ไอคอนต้องมีพื้นหลังโปร่งใส
  • ภาพไอคอนต้องมีมุมโค้งมนที่มีรัศมี 76 พิกเซลหรือมี รูปร่างเป็นวงกลม
  • เนื่องจากไม่รองรับแท็ก <style> คุณจึงต้องใช้สไตล์อินไลน์ตามที่จำเป็น
  • ไอคอนผลิตภัณฑ์ไม่รองรับฟีเจอร์ SVG บางอย่าง ดูรายละเอียดเพิ่มเติมได้ที่ MetroSVG
รูปที่ 1 ไอคอนของผู้ให้บริการที่แสดงได้ดีทั้งใน โหมดอินเทอร์เฟซ GMM แบบสว่างและแบบมืด ไอคอนนี้เป็นไปตามแนวทางปฏิบัติแนะนำ
รูปที่ 2 ไอคอนของผู้ให้บริการที่มีการมองเห็นไม่ดีใน โหมดอินเทอร์เฟซ GMM สีเข้ม ไอคอนไม่เป็นไปตามแนวทางปฏิบัติแนะนำ

ข้อกำหนดของไอคอนยานพาหนะ

Micromobility มีตัวเลือกในการทำให้ผู้ใช้ผลิตภัณฑ์ Micromobility ของคุณมองเห็นยานพาหนะแบบไม่ต้องมีจุดจอดที่อยู่ใกล้เคียงและพร้อมให้บริการ โปรดระบุไอคอนยานพาหนะสำหรับผลิตภัณฑ์ให้ Google และปฏิบัติตามข้อกำหนดต่อไปนี้

  • ไอคอนยานพาหนะต้องเป็นรูปภาพ PNG ขนาด 120x120 พิกเซล
  • ไอคอนยานพาหนะต้องระบุได้ด้วยสายตาทั้งในโหมดอินเทอร์เฟซ GMM แบบสว่างและมืด รูปที่ 1 แสดงหลักการนี้
  • ไอคอนยานพาหนะต้องหลีกเลี่ยงการผสมสีที่อาจรบกวน อินเทอร์เฟซ GMM เอง รูปที่ 2 แสดงหลักการนี้
  • ยานพาหนะต้องแสดงบนวงกลมสีทึบที่มีพื้นหลังโปร่งใส ดังที่แสดงในรูปที่ 1
  • ยานพาหนะต้องอยู่ตรงกลางและวางในแนวนอนราวกับอยู่บนพื้น
  • ประเภทของยานพาหนะต้องเป็นที่รู้จักและระบุตัวตนได้ เช่น จักรยาน จักรยานไฟฟ้า หรือสกูตเตอร์ไฟฟ้า

แนวทางปฏิบัติแนะนำสำหรับไอคอนที่แสดง

โปรดระบุรูปภาพที่แสดงถึงการสร้างแบรนด์และสะท้อนถึงชุดสีของแบรนด์หรือผลิตภัณฑ์ให้ Google เพื่อสร้างประสบการณ์การใช้งานที่ยอดเยี่ยม

เนื่องจากไอคอนเหล่านี้จะแสดงบนหน้าจอขนาดต่างๆ และความละเอียดที่หลากหลาย คุณจึงควรใช้ไอคอนที่ชัดเจนและโดดเด่นใน GMM ตัวอย่างต่อไปนี้ แสดงให้เห็นว่าไอคอนอาจดูดีที่ความละเอียดสูง แต่จะกลายเป็นพิกเซล และอ่านยากที่ความละเอียดต่ำ

รูปที่ 3 ไอคอนที่มีการมองเห็นไม่ดีบนอุปกรณ์เคลื่อนที่

ใช้ข้อความหรือสัญลักษณ์ที่ชัดเจนและตัวหนา พร้อมกับไอคอนเพื่อให้ไอคอนมองเห็นได้ในทุกขนาด โปรดทดสอบการมองเห็นไอคอนในขนาดต่างๆ ก่อนส่งให้ Google ตัวอย่างต่อไปนี้เป็นไปตามเกณฑ์ เหล่านี้

รูปที่ 4 ไอคอนที่ปรับขนาดได้ดีสำหรับอุปกรณ์เคลื่อนที่

GMM ช่วยให้ผู้ใช้เลือกธีมอินเทอร์เฟซแบบสว่างหรือมืด หรือจะใช้ธีมเดียวกับอุปกรณ์ก็ได้ เราขอแนะนำให้คุณทดสอบไอคอนกับสีพื้นหลังต่างๆ ตามที่แสดงในตัวอย่างต่อไปนี้

รูปที่ 5 ไอคอนที่แสดงได้ดีบนพื้นหลังสีอ่อนและสีเข้ม

นอกจากนี้ เราขอแนะนำให้ไอคอนของคุณหลีกเลี่ยงสีหรือความโปร่งใสที่อาจ รบกวนอินเทอร์เฟซของ GMM เอง ภาพต่อไปนี้แสดงตัวอย่าง แนวทางปฏิบัติที่ไม่ดีเหล่านี้

รูปที่ 6 ไอคอนที่แสดงได้ดีบนพื้นหลังสีอ่อน แต่ดูยากบนพื้นหลังสีเข้ม

รูปที่ 7 ไอคอนที่มีความโปร่งใสซึ่งมองเห็นได้ยากในพื้นหลังสีเข้ม