"Thiết kế một biểu tượng ở tỷ lệ 100%" nghĩa là gì?


13

Từ hướng dẫn Thiết kế Vật liệu của Android ,

Biểu tượng hệ thống được hiển thị ở 24dp. Khi tạo biểu tượng, điều quan trọng là phải thiết kế ở tỷ lệ 100% cho độ chính xác pixel.

Có nghĩa là gì khi thiết kế ở quy mô 100%? Có nghĩa là biểu tượng nên có kích thước 24 * 24 dp? Hoặc điều đó có nghĩa là chúng phải ở định dạng tệp trong đó tỷ lệ sẽ không dẫn đến mất dữ liệu hoặc biến dạng, v.v., như định dạng tệp SVG?


1
Có một bài viết tuyệt vời viết về điều này trên Stack Overflow - Sự khác biệt giữa px, dp, dip và sp trên Android?
AndrewH

1
@AndrewH Tôi biết sự khác biệt! Câu hỏi là về ý nghĩa của việc "thiết kế một cái gì đó ở quy mô 100%"!
Solace

Câu trả lời:


23

Thiết kế ở tỷ lệ 100% chỉ có nghĩa là thiết kế ở kích thước (tính bằng pixel) mà bạn sẽ hiển thị / xuất biểu tượng của mình tại.

Nếu bạn đang thiết kế biểu tượng 24px × 24px, bạn sẽ thiết lập artboard của mình trong Illustrator hoặc tài liệu bằng Photoshop hoặc bất cứ thứ gì khác mà bạn đang sử dụng thành 24px × 24px.

Như trích dẫn từ hướng dẫn Thiết kế Vật liệu, đây là độ chính xác của pixel. Nếu bạn làm việc ở quy mô lớn hơn hoặc làm việc ở định dạng vectơ mà không tham gia vào tài khoản pixel thì sau đó giảm kích thước xuống 24px. Hình dạng, đường dẫn, điểm hoặc pixel của bạn sẽ không được căn chỉnh theo lưới pixel và bạn sẽ nhận được hiệu ứng như được minh họa trong ví dụ này:

nhập mô tả hình ảnh ở đây

Điều đáng chú ý, vì dp không phải là một đơn vị đo lường tuyệt đối và chuyển thành một số kích thước pixel thực tế khác nhau Thiết kế theo tỷ lệ 100% cũng ngụ ý thiết kế độc lập cho từng kích thước pixel. (Cảm ơn Yorik!)


Cảm ơn bạn rất nhiều cho một câu trả lời rất chính xác và rõ ràng. =)
Solace

Điều quan trọng là phải nhận ra rằng "24 dp" là "phép đo tỷ lệ trượt" có nghĩa là "thiết kế cho tỷ lệ 100%" trong ngữ cảnh được trích dẫn thực sự ngụ ý rằng bạn cần một biểu tượng khác nhau cho mọi mật độ có thể, trong lý tưởng.
Yorik

1
@Yorik Điểm rất tốt. Cập nhật câu trả lời của tôi.
Cai

Bạn không nhất thiết phải làm việc ở mọi độ phân giải một cách độc lập: 48 có thể có cùng một thiết kế như 24, trong khi 126, 128, 64, 32 cũng có thể chia sẻ. Pixel pixel 16px có lẽ sẽ cần thiết mặc dù. Xem bài đăng này cho các nghị quyết phổ biến nhất.
tò mò
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.