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 thông tin và hành động liên quan thành một đơn vị duy nhất, dễ hiểu.

Rõ ràng: Họ 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 xem lướt qua.

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ế 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 không tuân thủ nguyên tắc về kiểu chữ.

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 cuối: 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ày có sẵn trên một thành phần kết hợp Card riêng biệ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.

Tuỳ chỉnh