Cosa si intende per "progettazione di un'icona su scala 100%"?


13

Dalla guida alla progettazione dei materiali di Android ,

Le icone di sistema sono visualizzate a 24dp. Quando si creano icone, è importante progettare su una scala del 100% per la precisione dei pixel.

Cosa si intende per progettazione su scala 100%? Significa che l'icona dovrebbe avere dimensioni 24 * 24 dp? O significa che dovrebbero essere in un formato di file in cui il ridimensionamento non comporterebbe perdita di dati o distorsione ecc., Come il formato di file SVG?


1
C'è un ottimo articolo scritto a riguardo su Stack Overflow - Differenza tra px, dp, dip e sp su Android?
AndrewH,

1
@AndrewH Conosco la differenza! La domanda è: cosa si intende per "progettare qualcosa al 100%"!
Solace,

Risposte:


23

Progettare su una scala al 100% significa semplicemente progettare alla dimensione (in pixel) in cui verrà visualizzata / visualizzata la tua icona.

Se state progettando un'icona 24px × 24px, impostate la tavola da disegno in Illustrator o il documento in Photoshop o qualsiasi altra cosa stiate usando su 24px × 24px.

Come citato dalla guida alla progettazione dei materiali, questo è per la precisione dei pixel. Se lavori su una scala più grande o lavori in un formato vettoriale senza prendere in considerazione i pixel, successivamente riduci le dimensioni fino a 24px: le tue forme, tracciati, punti o pixel non saranno allineati alla griglia dei pixel e otterrai effetti come illustrato in questo esempio:

inserisci qui la descrizione dell'immagine

Vale la pena notare, poiché dp non è un'unità di misura assoluta e si traduce in un numero di diverse dimensioni effettive dei pixel: la progettazione su scala 100% implica anche la progettazione indipendente per ciascuna dimensione di pixel. (Grazie Yorik!)


Grazie mille per una risposta molto precisa e chiara. =)
Solace

È importante rendersi conto anche che "24 dp" essendo una "misura in scala mobile" derivata significa che "progettazione per scala al 100%" nel contesto citato implica in realtà la necessità di un'icona diversa per ogni possibile densità, nell'ideale.
Yorik,

1
@Yorik Ottimo punto. Aggiornato la mia risposta.
Cai

Non devi necessariamente lavorare a qualsiasi risoluzione in modo indipendente: 48 potrebbe assumere esattamente lo stesso design di 24, mentre 126, 128, 64, 32 potrebbero condividere anche tutti. Tuttavia, sarà probabilmente necessario il pixeling manuale a 16 pixel. Vedi questo post per le risoluzioni più comuni.
curiousdannii
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.