การ์ดการแจ้งเตือน

การ์ดแจ้งเตือนจะสื่อสารข้อมูลเล็กๆ น้อยๆ ที่ทันท่วงทีจากระบบหรือจากแอปพลิเคชัน

การออกแบบการ์ดเหล่านี้สำหรับระบบปฏิบัติการ Android Automotive OS มีจุดประสงค์เพื่อลดสิ่งรบกวนสมาธิของผู้ขับขี่ การ์ดมีให้เลือกสามรุ่นพื้นฐาน:

  • การ์ดแจ้งเตือนแบบแสดงข้อความแจ้งเตือน (HUN): ใช้สำหรับการแจ้งเตือนที่จะปรากฏขึ้นชั่วครู่บนหน้าจอปัจจุบัน
  • การ์ดศูนย์การแจ้งเตือน: ใช้สำหรับการแจ้งเตือนที่แสดงอยู่ในศูนย์การแจ้งเตือน
  • การ์ดแจ้งเตือนแบบรวมกลุ่ม: รวมการ์ดศูนย์แจ้งเตือนหลายใบไว้ในการ์ดเดียว

ภายในเวอร์ชันเหล่านี้ การออกแบบอาจแตกต่างกันเล็กน้อยขึ้นอยู่กับประเภทของข้อความ ตัวอย่างเช่น การแจ้งเตือนการโทรจะมีปุ่มและไอคอนที่แตกต่างจากการแจ้งเตือนการนำทาง

กายวิภาคศาสตร์

การ์ดแจ้งเตือนเป็นส่วนประกอบที่มีความยืดหยุ่น สามารถรวมองค์ประกอบต่างๆ ได้หลากหลาย โดยมีสามเวอร์ชันหลักดังนี้:

  • การ์ด HUN: เวอร์ชันนี้กว้างกว่าการ์ดศูนย์การแจ้งเตือน และจะปรากฏอยู่ด้านบนสุดของหน้าจอปัจจุบันจนกว่าจะถูกปิด
  • การ์ดศูนย์การแจ้งเตือน: การ์ดเวอร์ชันนี้แคบกว่าการ์ด HUN และจะปรากฏพร้อมกับการ์ดอื่นๆ ในศูนย์การแจ้งเตือน ในรูปแบบรายการแนวตั้ง
  • การ์ดแจ้งเตือนแบบกลุ่ม: การ์ดศูนย์แจ้งเตือนเวอร์ชันนี้จะรวมการแจ้งเตือนที่เกี่ยวข้องหลายรายการไว้ในการ์ดเดียว พร้อมปุ่มควบคุมสำหรับขยายเพื่อแสดงการแจ้งเตือนแต่ละรายการ

รูปแบบต่างๆ ของข้อความเหล่านี้แสดงอยู่ใน ส่วน "สไตล์ "

ภาพที่แสดงอยู่นี้คือการ์ดแจ้งเตือนเวอร์ชัน HUN และ Notification Center ซึ่งประกอบด้วยองค์ประกอบดังต่อไปนี้:
1. ส่วนหัว
2. เนื้อหา (ทั้งแบบมีและไม่มีการแสดงตัวอย่างข้อความ ซึ่งสามารถซ่อนได้เมื่อรถกำลังวิ่ง)
3. การกระทำ
4. ไอคอนขนาดใหญ่


ภาพที่แสดงอยู่นี้คือการ์ดแจ้งเตือนแบบกลุ่ม ทั้งในรูปแบบย่อและรูปแบบขยาย ซึ่งประกอบด้วยองค์ประกอบดังต่อไปนี้:
1. ส่วนหัว
2. เนื้อหา
3. การขยาย/ยุบ
4. ตัวบ่งชี้การขยาย/ยุบ

รายละเอียด – บัตร HUN

มาตรฐาน HUN

ฮันกับอวตาร

ส่งข้อความ HUN พร้อมแสดงตัวอย่าง

ส่งข้อความ HUN ด้วยข้อความหลายข้อความ

ภาพขนาดใหญ่ HUN

ข้อมูลจำเพาะ – การ์ดศูนย์แจ้งเตือน

การแจ้งเตือนมาตรฐาน

การแจ้งเตือนข้อความพร้อมแสดงตัวอย่าง

การแจ้งเตือนข้อความที่มีหลายข้อความ

การแจ้งเตือนการดำเนินการเดียว

ข้อมูลจำเพาะ – การ์ดแจ้งเตือนแบบกลุ่ม

การแจ้งเตือนแบบกลุ่ม – ยุบ

การแจ้งเตือนแบบกลุ่ม – ขยายเพิ่มเติม

การปรับขนาดเลย์เอาต์

เค้าโครงอ้างอิงเหล่านี้แสดงวิธีการปรับการแจ้งเตือนให้เหมาะสมกับหน้าจอที่มีความกว้างและความสูงต่างกัน โปรดทราบว่าค่าพิกเซลทั้งหมดเป็นค่าพิกเซลที่แสดงผลแล้ว ก่อนที่จะมีการลดขนาดหรือเพิ่มขนาดใดๆ

ไอคอนคำอธิบาย
เค้าโครง
ระยะขอบ เส้นขอบ และระยะห่างภายในสำหรับขนาดหน้าจอต่างๆ

หน้าจอความกว้างมาตรฐาน

บัตร HUN


การ์ดศูนย์แจ้งเตือน

การ์ดแจ้งเตือนแบบกลุ่ม (แบบพับ)

การ์ดแจ้งเตือนแบบกลุ่ม (แบบขยาย)

จอกว้าง

บัตร HUN


การ์ดศูนย์แจ้งเตือน

การ์ดแจ้งเตือนแบบกลุ่ม (แบบพับ)

การ์ดแจ้งเตือนแบบกลุ่ม (แบบขยาย)

หน้าจอกว้างพิเศษและกว้างมาก

บัตร HUN


การ์ดศูนย์แจ้งเตือน

การ์ดแจ้งเตือนแบบกลุ่ม (แบบพับ)

การ์ดแจ้งเตือนแบบกลุ่ม (แบบขยาย)

ระยะห่างแนวตั้งของการแจ้งเตือนบนหน้าจอที่มีความสูงแตกต่างกัน

ข้อกำหนดระยะห่างแนวตั้งในส่วนนี้ใช้สำหรับ HUN การ์ดเท่านั้น

หน้าจอสั้น

บัตร HUN

หน้าจอสูงและหน้าจอความสูงมาตรฐาน

บัตร HUN

สไตล์

การจัดพิมพ์

รูปแบบตัวอักษร แบบอักษร น้ำหนัก ขนาด (dp)
ร่างกาย 1 โรโบโต ปกติ 32
บอดี้ 3 เอ็ม โรโบโต ปานกลาง 24
ส่วนที่ 3 โรโบโต ปกติ 24

สี

องค์ประกอบ สี (โหมดกลางวัน) สี (โหมดกลางคืน)
ประเภทหลัก / ไอคอน สีขาว สีขาว @ 88%
ประเภทรอง สีขาว @ 72% สีขาว @ 60%
ไอคอนรอง สำเนียงของบุคคลที่สาม สำเนียงของบุคคลที่สาม
เส้นแบ่งเส้นผม สีขาว 22% สีขาว 12%
พื้นหลังการ์ด สีเทา 868 สีเทา 900
ผ้าตาข่ายไล่ระดับสี สีดำ 100% - 0% สีดำ 100% - 20%

ขนาด

องค์ประกอบ ขนาด (dp)
ไอคอนหลัก 44
ไอคอนรอง 36
อวตารขนาดกลาง 76
รัศมีมุมโค้งมน (R2) 8

ตัวอย่าง

การ์ด HUN: การโทร ข้อความ สัญญาณเตือนรถยนต์ และการนำทาง
การ์ดศูนย์แจ้งเตือน: การโทร ข้อความ และการแจ้งเตือนเกี่ยวกับรถยนต์
การ์ดแจ้งเตือนแบบจัดกลุ่ม: ข้อความ ขยายและยุบ - รายวัน
การ์ดแจ้งเตือนแบบจัดกลุ่ม: ข้อความ เมื่อขยายและเมื่อยุบ - กลางคืน

การเคลื่อนไหว

การเคลื่อนไหวต่อไปนี้เป็นส่วนสำคัญของประสบการณ์การแจ้งเตือน:

  • การเคลื่อนไหวการมาถึงของ HUN
  • ปัดนิ้วเพื่อปิดการแจ้งเตือน
  • การขยายและยุบการแจ้งเตือนแบบกลุ่ม

การมาถึงของ HUN

การเคลื่อนไหวของ HUN ที่เลื่อนลงมาจากด้านบนของหน้าจอช่วยให้ผู้ใช้สังเกตเห็นการมาถึงของการแจ้งเตือนได้ง่ายขึ้น และยังให้คำแนะนำเกี่ยวกับการเข้าถึงการแจ้งเตือนโดยใช้การปัดลงหากศูนย์การแจ้งเตือนถูกใช้งานในรูปแบบแถบดึงลง

ปัดเพื่อปิด

การลากเมื่อผู้ใช้ปัดนิ้วไปด้านข้างบนการแจ้งเตือนจะแสดงการยืนยันด้วยภาพว่าการแจ้งเตือนนั้นถูกปิดแล้ว จากนั้นการเลื่อนขึ้นของการแจ้งเตือนถัดไปจะเติมเต็มช่องว่างในรายการ

การขยายและการยุบการแจ้งเตือนแบบกลุ่ม

การยืดแถบแจ้งเตือนแบบกลุ่มลงด้านล่างจะช่วยให้การเปลี่ยนจากสถานะพับเก็บไปสู่สถานะขยายออกเป็นไปอย่างราบรื่น