Biểu tượng chế độ xem danh sách trông rất giống với biểu tượng hộp thoại, nhưng sử dụng hiệu ứng bóng bên trong khi nguồn sáng nằm phía trên đối tượng. Các mã này cũng được thiết kế để chỉ sử dụng trong ListView. Ví dụ như ứng dụng Cài đặt.
Như mô tả trong phần Cung cấp nhóm biểu tượng cụ thể theo mật độ, bạn nên tạo các nhóm biểu tượng riêng biệt cho các màn hình có mật độ thấp, trung bình và cao. Điều này đảm bảo rằng các biểu tượng sẽ hiển thị đúng cách trên nhiều loại thiết bị mà bạn có thể cài đặt ứng dụng. Hãy xem Bảng 1 để biết danh sách các kích thước biểu tượng hoàn thành được đề xuất cho từng mật độ. Ngoài ra, hãy xem Mẹo dành cho nhà thiết kế để biết các đề xuất về cách làm việc với nhiều nhóm biểu tượng.
Bảng 1. Tóm tắt các kích thước của biểu tượng chế độ xem danh sách đã hoàn thành cho từng mật độ trong số 3 mật độ màn hình tổng quát.
ldpi (120 dpi)(Màn hình có mật độ điểm ảnh thấp) |
mdpi (160 dpi)(Màn hình có độ phân giải trung bình) |
hdpi (240 dpi)(Màn hình có độ phân giải cao) |
xhdpi (320 dpi)(Màn hình có độ phân giải siêu cao) |
|
|---|---|---|---|---|
| Kích thước biểu tượng chế độ xem danh sách | 24 x 24 pixel | 32 x 32 pixel | 48 x 48 pixel | 64 x 64 pixel |
Hình ảnh hoàn thiện phải được xuất dưới dạng tệp PNG có nền trong suốt. Không sử dụng màu nền.
Các mẫu để tạo biểu tượng trong Adobe Photoshop có trong Icons Package (Gói mẫu biểu tượng).
Tất cả phiên bản Android
Các nguyên tắc sau đây mô tả cách thiết kế biểu tượng chế độ xem danh sách cho mọi phiên bản nền tảng Android.
Cấu trúc
- Biểu tượng khung hiển thị danh sách thường có khung an toàn 1 px, nhưng bạn có thể sử dụng vùng khung an toàn cho cạnh khử răng cưa của một hình tròn.
- Tất cả các kích thước được chỉ định đều dựa trên kích thước bảng vẽ có kích thước 32 x 32 pixel trong Photoshop. Giữ 1 pixel khoảng đệm xung quanh hộp giới hạn bên trong mẫu.
|
Hình 1. Đưa vào khung hình an toàn và tô màu chuyển màu cho các biểu tượng của chế độ xem danh sách. Kích thước biểu tượng là 32x32. |
Ánh sáng, hiệu ứng và bóng
Biểu tượng chế độ xem danh sách có hình ảnh phẳng và nằm trong hình với bóng bên trong. Được tạo nên nhờ độ dốc sáng và bóng bên trong, chúng nổi bật trên nền tối.
|
Hình 2. Ánh sáng, hiệu ứng và bóng cho các biểu tượng của chế độ xem danh sách.
|
|||||||||
Từng bước
|