Tạo kiểu tiện ích hiệu quả là yếu tố rất quan trọng để có được giao diện bắt mắt trải nghiệm người dùng nhất quán. Phần này đi sâu vào các khái niệm chính và để xác định màu sắc và kiểu chữ nhằm tạo ra và các tiện ích Android hấp dẫn.
Màu
Sử dụng màu sắc để thể hiện phong cách và truyền đạt ý nghĩa. Đặt màu thích hợp màu sắc của tiện ích có vai trò quan trọng đối với mức độ dễ đọc, cá nhân hoá và khoá học thể hiện bản sắc thương hiệu của ứng dụng.
Sử dụng vai trò và mã thông báo của màu Material để đáp ứng các nguyên tắc về độ tương phản hỗ trợ tiếp cận đồng thời hỗ trợ các tính năng màu động, chẳng hạn như màu do người dùng tạo, màu tối hoặc giao diện sáng.
Để biết thêm thông tin, hãy xem hướng dẫn về màu sắc trong Material Design.
Giao diện động
Kể từ Android 12, một tiện ích có thể dùng màu giao diện của thiết bị cho các nút, nền và các thành phần khác. Điều này giúp đảm bảo tính nhất quán về mặt hình ảnh trên các tiện ích khác nhau, biểu tượng màn hình chính và hình nền, cung cấp cho người dùng Android trải nghiệm người dùng gắn kết hơn. Việc sử dụng mã thông báo màu được cung cấp sẽ đảm bảo tiện ích sẽ có giao diện được tích hợp trên các chủ đề của thiết bị do các thiết bị khác cung cấp và các giao diện động do người dùng đặt ra.
![](https://developer.android.com/static/images/design/ui/mobile/widgets/01_Dynamic_theme.jpg?authuser=5&hl=vi)
Chế độ sáng và tối
Chế độ tối là phiên bản ánh sáng yếu của giao diện người dùng của thiết bị, hiển thị hầu hết màu tối màu của giao diện. Người dùng chuyển sang chế độ tối ngày càng nhiều để cải thiện thời lượng pin và sự thoải mái cho mắt. Nếu tiện ích của bạn không thích ứng với chế độ tối, sẽ hiển thị không đúng vị trí và có thể gây khó chịu cho người dùng.
![](https://developer.android.com/static/images/design/ui/mobile/widgets/02_Light_and_Dark.jpg?authuser=5&hl=vi)
Kiểu chữ
Kiểu chữ giúp chữ viết dễ đọc và đẹp mắt. Hãy tận dụng cỡ chữ và trọng số để thiết lập một hệ phân cấp rõ ràng, giúp người dùng dễ dàng nắm bắt được những yếu tố quan trọng. Chú ý đến khoảng cách dòng và khoảng cách giữa các chữ cái (góc cạnh) để cải thiện khả năng đọc, đặc biệt là đối với các văn bản hiển thị nhỏ hơn trong không gian bị hạn chế của một tiện ích.
Hệ phân cấp
Hệ phân cấp được thông báo thông qua sự khác biệt về độ đậm, kích thước, chiều cao dòng, và khoảng cách giữa các chữ cái. Kiểu chữ mới cập nhật sắp xếp các kiểu văn bản thành 5 vai trò được đặt tên để mô tả mục đích của chúng. Năm kiểu văn bản là Display (Hiển thị), dòng tiêu đề, tiêu đề, phụ đề và nội dung. Các vai trò mới này sẽ không phụ thuộc vào thiết bị, cho phép dễ dàng hơn trong nhiều trường hợp sử dụng.
![](https://developer.android.com/static/images/design/ui/mobile/widgets/03_Typography.jpg?authuser=5&hl=vi)