Biểu ngữ

hero

Tổng quan

Biểu ngữ có thể giúp giới thiệu các trải nghiệm đặc biệt trong ứng dụng, tính năng mới hoặc thông báo quan trọng. Mặc dù có chức năng tương tự như các hàng tiêu chuẩn, nhưng biểu ngữ sẽ tăng mức độ nổi bật về mặt hình ảnh thông qua các phần nền có thể tuỳ chỉnh và sẽ luôn tách biệt về mặt hình ảnh với nội dung xung quanh.


Bản sáng tác

Mục Biểu ngữ được thiết kế để dễ dàng nhận thấy và bao gồm 4 thành phần, trong đó có 2 thành phần bắt buộc:

  • Hình ảnh hoặc biểu tượng chính (bắt buộc)
  • Văn bản chính: tiêu đề và phụ đề (bắt buộc)
  • Văn bản thứ cấp (không bắt buộc)
  • Hình ảnh hoặc biểu tượng ở cuối (không bắt buộc)
hero

1. Hình ảnh chính

2. Văn bản chính

3. Văn bản phụ (không bắt buộc)

4. Phần tử theo sau (không bắt buộc)


Yêu cầu về trải nghiệm người dùng

Để đảm bảo trải nghiệm an toàn và nhất quán trên tất cả các ứng dụng, hãy tuân thủ các yêu cầu sau về thiết kế:

Cấp độ yêu cầu

Nội dung

MUST

Chỉ hiển thị một biểu ngữ cho mỗi phần. Đặt biểu ngữ vào một phần dành riêng không chứa các loại thành phần khác.

NÊN

Áp dụng màu nền tuỳ chỉnh, màu nhấn của nút và bán kính góc riêng biệt để tách các biểu ngữ khỏi hàng nội dung tiêu chuẩn.

NÊN

Tránh đặt các phần biểu ngữ ngay cạnh nhau để duy trì tính nổi bật về mặt hình ảnh.