¿Qué se entiende por 'diseñar un icono al 100% de escala'?


13

De la guía de diseño de materiales de Android ,

Los iconos del sistema se muestran a 24dp. Al crear íconos, es importante diseñar a una escala del 100% para una precisión de píxeles.

¿Qué se entiende por diseño a escala 100%? ¿Significa que el icono debe tener dimensiones 24 * 24 dp? ¿O significa que deben estar en un formato de archivo en el que el escalado no resulte en pérdida de datos o distorsión, etc., como el formato de archivo SVG?


1
Hay una gran redacción escrita sobre esto en Stack Overflow: ¿ diferencia entre px, dp, dip y sp en Android?
AndrewH

1
@ AndrewH ¡Sé la diferencia! ¡La pregunta es sobre qué se entiende por "diseñar algo al 100% de escala"!
Consuelo

Respuestas:


23

Diseñar a una escala del 100% solo significa diseñar en el tamaño (en píxeles) en el que se mostrará / imprimirá su icono.

Si está diseñando un icono de 24px × 24px, configura su mesa de trabajo en Illustrator o documento en Photoshop o cualquier otra cosa que esté utilizando para 24px × 24px.

Como se cita en la guía de diseño de materiales, esto es para la precisión de píxeles. Si trabaja a mayor escala, o trabaja en formato vectorial sin tener en cuenta los píxeles, luego reduzca el tamaño a 24px: sus formas, trazados, puntos o píxeles no se alinearán con la cuadrícula de píxeles y obtendrá efectos como se ilustra en este ejemplo:

ingrese la descripción de la imagen aquí

Vale la pena señalar, ya que dp no es una unidad de medida absoluta y se traduce en una cantidad de diferentes tamaños de píxeles reales: el diseño a una escala del 100% también implica diseñar independientemente para cada tamaño de píxel. (¡Gracias Yorik!)


Muchas gracias por una respuesta muy precisa y clara. =)
Consuelo

Es importante darse cuenta también de que "24 dp" es una "medida de escala móvil derivada" significa que "diseñar para una escala del 100%" en el contexto citado realmente implica que necesita un icono diferente para cada densidad posible, en el ideal.
Yorik

1
@Yorik Muy buen punto. Actualicé mi respuesta.
Cai

No necesariamente necesita trabajar en todas las resoluciones de forma independiente: 48 podría tener exactamente el mismo diseño que 24, mientras que 126, 128, 64, 32 podrían compartir también. Sin embargo, probablemente se necesitarán píxeles de mano de 16 píxeles. Vea esta publicación para las resoluciones más comunes.
curiousdannii
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.