Thiệp

Thẻ có thể chứa nhiều loại thông tin như văn bản, biểu tượng, hình ảnh, câu trả lời của Gemini hoặc các thao tác.

Nguyên tắc

Mạch lạc: Thẻ nhóm các thông tin và hành động có liên quan vào một đơn vị duy nhất, dễ hiểu.

Rõ ràng: Ngăn xếp trình bày nội dung một cách rõ ràng và có tổ chức, giúp người dùng dễ dàng quét thông tin.

Linh hoạt: Thẻ có thể điều chỉnh để hiển thị nhiều loại nội dung, từ đoạn văn bản ngắn đến bản tóm tắt phức tạp hơn với nhiều phần tử.

Theo mô-đun: Được thiết kế theo mô-đun và có thể dùng lại trên nhiều phần của giao diện Jetpack Compose Glimmer cho Kính.

Cách sử dụng và vị trí

Thẻ có thể chứa nhiều loại thông tin như văn bản, biểu tượng, hình ảnh, hành động hoặc câu trả lời của Gemini.

Sử dụng các mẫu thẻ Glimmer của Jetpack Compose cho nội dung vì chúng có nhiều biến thể và được tối ưu hoá để tuân theo các nguyên tắc thiết kế của mắt kính ngay từ đầu.

check_circle

Nên

Nội dung phải ngắn gọn và tuân thủ các phương pháp hay nhất về phong cách, chẳng hạn như cách sử dụng màu sắc.

cancel

Không nên

Làm người dùng choáng ngợp với quá nhiều nội dung trong thẻ hoặc bỏ qua các nguyên tắc về kiểu chữ.

Sử dụng một nhóm nút có thẻ để hiển thị nhiều thao tác.

check_circle

Nên

Chỉ có một nút lồng trong thẻ để tiêu điểm rõ ràng hơn.

cancel

Không nên

Có nhiều nút trong một thẻ. Không nên coi thẻ là một hộp thoại trên thiết bị di động.

Phân tích

Thẻ được tạo bằng các mẫu khe cắm đặt sẵn.

1. Tiêu đề: Phần trên cùng của thẻ, được thiết kế để chứa hình ảnh. 

2. Tiêu đề và phụ đề: Các trường văn bản này cung cấp nhãn chính và nhãn phụ cho thẻ. 

3. Biểu tượng ở đầu: Biểu tượng không bắt buộc xuất hiện ở đầu vùng nội dung của thẻ.

4. Biểu tượng theo sau: Một biểu tượng không bắt buộc xuất hiện ở cuối vùng nội dung của thẻ.

5. Thao tác: Một vị trí cho thành phần tương tác chính, chẳng hạn như Nút. Điều này cho phép người dùng thực hiện một hành động ngay trên thẻ. Nếu có một thao tác, thẻ chỉ được chứa một thao tác duy nhất.

6. Nội dung chính: Phần nội dung cốt lõi của thẻ, nơi bạn đặt Văn bản chính hoặc nội dung khác.

Tập trung

Đối với những thẻ có mục đích chính là chứa một phần tử tương tác cụ thể (chẳng hạn như Nút trong Thao tác), tiêu điểm sẽ chuyển trực tiếp đến phần tử đó chứ không phải vùng chứa thẻ. Thẻ sẽ trở thành thẻ có thể lấy tiêu điểm khi thẻ đó đại diện cho một mục duy nhất có thể điều hướng, chẳng hạn như một mục trong danh sách. Điều này mang đến trải nghiệm trực tiếp và dễ tiếp cận hơn cho người dùng.

Thẻ có tiêu điểm dưới dạng một mục trong danh sách.

Nút trong thẻ được lấy tiêu điểm làm phần tử có thể thao tác.

Tùy chỉnh