Що розуміється під "проектуванням піктограми зі 100% масштабом"?


13

З посібника з дизайну матеріалів для Android ,

Значки системи відображаються в 24dp. Створюючи піктограми, важливо проектувати в 100% масштабі для точності пікселів.

Що розуміється під дизайном у 100% масштабі? Чи означає це, що значок повинен мати розміри 24 * 24 dp? Або це означає, що вони повинні бути у форматі файлу, у якому масштабування не призведе до втрати даних або спотворення тощо, як у форматі файлів SVG?


1
Про це написано чудовий запис на переповнення стека - різниця між px, dp, dip та sp на Android?
AndrewH

1
@AndrewH Я знаю різницю! Питання в тому, що розуміється під "проектуванням чогось у 100% -ному масштабі"!
розрада

Відповіді:


23

Проектування в масштабі 100% означає лише проектування в розмірі (у пікселях), на якому ви будете відображати / виводити свою піктограму.

Якщо ви розробляєте піктограму 24px × 24px, ви встановите артборд в Illustrator або документ у Photoshop або будь-який інший, який ви використовуєте, до 24px × 24px.

Як цитується з посібника з дизайну матеріалів, це стосується точності пікселів. Якщо ви працюєте в більшому масштабі або працюєте у векторному форматі без врахування пікселів, то пізніше зменшіть розмір до 24 пікселів - ваші форми, контури, точки або пікселі не будуть вирівняні до піксельної сітки, і ви отримаєте ефекти, проілюстровані в цьому прикладі:

введіть тут опис зображення

Варто зазначити, оскільки dp не є абсолютною одиницею вимірювання і перекладається на декілька різних фактичних розмірів пікселів - проектування в масштабі 100% також передбачає розробку для кожного розміру пікселів незалежно. (Дякую Йорику!)


Дуже дякую за дуже точну і чітку відповідь. =)
розрада

Важливо також усвідомити, що "24 dp" є похідним "вимірюванням ковзної шкали" означає, що "дизайн на 100% масштабі" в цитованому контексті насправді означає, що вам потрібна інша піктограма для кожної можливої ​​щільності, в ідеалі.
Йорик

1
@Yorik Дуже добре. Оновлено мою відповідь.
Кай

Не обов’язково працювати над кожною роздільною здатністю самостійно: 48 може мати абсолютно таку ж конструкцію, як і 24, тоді як 126, 128, 64, 32 також можуть поділитися. Ручне пікселювання 16 пікселів, мабуть, буде потрібно. Дивіться цю публікацію для найпоширеніших резолюцій.
курйозданні
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.