Thẻ thông báo

Thẻ thông báo truyền một lượng nhỏ thông tin kịp thời từ hệ thống hoặc từ một ứng dụng.

Thiết kế của các thẻ này dành cho Android Automotive OS nhằm giảm thiểu sự phân tâm cho người lái xe. Các thẻ này có 3 phiên bản cơ bản:

  • Thẻ Thông báo quan trọng (HUN): Dùng cho thông báo xuất hiện nhanh trên màn hình hiện tại
  • Thẻ Trung tâm thông báo: Dùng cho các thông báo trong Trung tâm thông báo
  • Thẻ thông báo theo nhóm: Kết hợp nhiều thẻ Trung tâm thông báo trong một thẻ

Trong các phiên bản này, thiết kế cũng có thể thay đổi đôi chút tuỳ thuộc vào danh mục của thông báo. Ví dụ: thông báo cuộc gọi có các nút và biểu tượng khác với thông báo chỉ đường.


Phân tích

Thẻ thông báo là một thành phần linh hoạt có thể bao gồm nhiều yếu tố. Tính năng này có 3 phiên bản chính:

  • Thẻ HUN: Phiên bản này rộng hơn thẻ Trung tâm thông báo và xuất hiện ở đầu màn hình hiện tại cho tới khi bạn đóng
  • Thẻ Trung tâm thông báo: Phiên bản này hẹp hơn thẻ HUN và xuất hiện cùng với các thẻ khác trong Trung tâm thông báo theo danh sách dọc
  • Thẻ thông báo theo nhóm: Phiên bản này của thẻ Trung tâm thông báo kết hợp nhiều thông báo liên quan trong một thẻ, cùng với các tính năng mở rộng để hiển thị từng thông báo

Các biến thể của các phiên bản này theo loại thông báo sẽ xuất hiện trong phần Kiểu.

Dưới đây là phiên bản HUN và Trung tâm thông báo của cùng một thẻ thông báo, có các thành phần sau:
1. Tiêu đề
2. Nội dung (có và không có bản xem trước thông báo không bắt buộc, có thể bị ẩn khi xe đang lái)
3. Thao tác
4. Biểu tượng lớn
Dưới đây là thẻ thông báo được nhóm theo cả phiên bản thu gọn và mở rộng, có các phần tử sau:
1. Tiêu đề
2. Nội dung
3. Thao tác mở rộng/thu gọn
4. Mở rộng/thu gọn chỉ báo

Thông số kỹ thuật – Thẻ HUN

HUN chuẩn

HUN cùng hình đại diện

Tin nhắn HUN có bản xem trước

Nhắn tin HUN có nhiều thư

HUN hình ảnh lớn


Thông số kỹ thuật – Thẻ Trung tâm thông báo

Thông báo tiêu chuẩn

Thông báo tin nhắn có bản xem trước

Thông báo tin nhắn có nhiều tin nhắn

Thông báo hành động duy nhất


Thông số – Thẻ thông báo theo nhóm

Thông báo được phân theo nhóm – Đã thu gọn

Thông báo theo nhóm – Đã mở rộng


Điều chỉnh tỷ lệ bố cục

Các bố cục tham chiếu này cho thấy cách điều chỉnh thông báo cho phù hợp với các màn hình có chiều rộng và chiều cao khác nhau. (Danh mục chiều rộng và chiều cao được xác định trong phần Bố cục.) Lưu ý rằng tất cả các giá trị pixel đều tính bằng pixel được kết xuất, trước khi xảy ra bất kỳ quá trình giảm hoặc tăng tần số lấy mẫu nào.

Màn hình có chiều rộng tiêu chuẩn

Thẻ HUN
Thẻ Trung tâm thông báo
Thẻ thông báo theo nhóm (đã thu gọn)
Thẻ thông báo theo nhóm (mở rộng)

Màn hình rộng

Thẻ HUN
Thẻ Trung tâm thông báo
Thẻ thông báo theo nhóm (đã thu gọn)
Thẻ thông báo theo nhóm (mở rộng)

Màn hình siêu rộng và siêu rộng

Thẻ HUN
Thẻ Trung tâm thông báo
Thẻ thông báo theo nhóm (đã thu gọn)
Thẻ thông báo theo nhóm (mở rộng)

Khoảng cách dọc của thông báo trên các màn hình có độ cao khác nhau

Thông số về khoảng cách theo chiều dọc trong phần này chỉ dành cho thẻ HUN. Để biết thông tin về khoảng cách theo chiều dọc của các thẻ trong Trung tâm thông báo, hãy xem thông số kỹ thuật của Trung tâm thông báo.

Màn hình ngắn

Thẻ HUN

Màn hình cao và màn hình có chiều cao chuẩn

Thẻ HUN

Kiểu

Kiểu chữ

Kiểu nhập Phông chữ Trọng lượng Kích thước (dp)
Kiểu nội dung 1 Roboto Bình thường 32
Thân 3 M Roboto Phương tiện 24
Nội dung 3 Roboto Bình thường 24

Màu

Phần tử Màu(chế độ ban ngày) Màu (chế độ ban đêm)
Loại / biểu tượng chính Trắng Trắng @ 88%
Loại phụ Trắng @ 72% Trắng @ 60%
Biểu tượng phụ Giọng bên thứ ba Giọng bên thứ ba
Dải phân cách Trắng 22% Trắng 12%
Nền thẻ Xám 868 Xám 900
Hiệu ứng chuyển màu Đen 100% – 0% Đen 100% – 20%

Kích thước

Phần tử Kích thước (dp)
Biểu tượng chính 44
Biểu tượng phụ 36
Hình đại diện trung bình 76
Bán kính góc bo tròn (R2) 8

Ví dụ

Thẻ HUN: Cuộc gọi, Tin nhắn, Cảnh báo trên ô tô và Chỉ đường
Thẻ Trung tâm thông báo: Cuộc gọi, Tin nhắn và Cảnh báo trên ô tô
Thẻ thông báo theo nhóm: Tin nhắn, mở rộng và thu gọn – ngày
Thẻ thông báo theo nhóm: Tin nhắn, mở rộng và thu gọn – ban đêm

Chuyển động

Các chuyển động sau đây là một phần quan trọng của trải nghiệm thông báo:

  • Chuyển động đến HUN
  • Chuyển động vuốt để đóng thông báo
  • Chuyển động mở rộng và thu gọn thông báo theo nhóm

Đến HUN

Chuyển động của HUN trượt xuống từ đầu màn hình giúp người dùng nhận thấy sự xuất hiện của HUN – và cũng đưa ra gợi ý về cách truy cập thông báo bằng cách vuốt xuống nếu Trung tâm thông báo được triển khai dưới dạng ngăn kéo xuống

Vuốt để đóng

Chuyển động kéo khi người dùng vuốt sang một bên trên một thông báo sẽ bằng hình ảnh xác nhận rằng thông báo đang bị loại bỏ, sau đó chuyển động đi lên của thông báo tiếp theo sẽ lấp đầy khoảng trống trong danh sách

Mở rộng và thu gọn thông báo theo nhóm

Việc kéo dài thẻ thông báo theo nhóm xuống dưới sẽ giúp chuyển đổi suôn sẻ từ trạng thái thu gọn sang trạng thái mở rộng