Como diseñador gráfico, ¿por qué debería importarme la pantalla de retina?

Actualmente, las pantallas Retina son populares solo en teléfonos inteligentes. En el caso de los portátiles, no hay muchos portátiles Retina, excepto los nuevos MacBook Pros. Por lo tanto, actualmente puede no parecer importante trabajar con pantallas Retina. Pero si lo hace, será una inversión futura. Apple presentó la pantalla Retina en el iPhone con el iPhone 4. En ese momento, solo el iPhone venía con pantallas Retina, pero ahora hay pantallas Retina en todas partes. Solo así, la resolución Retina en pantallas de tamaño de notebook no es común hoy en día, pero lo será en el futuro cercano. Así que sigue trabajando con pantallas Retina.

Nota: Retina Display no es un término apropiado para describir una pantalla de alta resolución. Retina Display es un nombre dado por Apple. Este nombre solo es válido para productos Apple. Lo que significa Retina Display son las pantallas que tienen una densidad de píxeles de más de 300 píxeles por pulgada para teléfonos inteligentes, 260 píxeles por pulgada para tabletas y 220 píxeles por pulgada para computadoras portátiles. A una distancia de visualización normal, el ojo humano no puede diferenciar entre píxeles a una densidad tan alta. Es por eso que Apple los llama pantallas Retina.

Todo depende del proyecto que estés haciendo. Algunos proyectos, como si estuvieras creando una aplicación de contabilidad en línea, no usan gráficos de una manera crítica. Por lo tanto, no me “importaría” las pantallas de retina en ese caso. Usaría mi energía para mejorar la precisión / integridad de los datos y otras características contables importantes.

Pero…. y es muy grande, pero … si su proyecto necesita imágenes para comunicarse con sus usuarios , entonces es probable que se preocupen por los gráficos , y es probable que se preocupen por comprar la mejor pantalla para gráficos , lo que significa que probablemente tengan una pantalla de retina (como un iPhone o iPad o Mackbook Pro o un dispositivo de alta resolución que no sea Mac), lo que significa que debe cuidarlos de la forma en que ellos quieren que los cuide, lo que significa que debe incluir imágenes a mayor resolución (más píxeles, reducidos) para la fidelidad de la retina, se sirve de manera diferente para la retina utilizando consultas de medios y CSS, como se describe maravillosamente en estas preguntas y respuestas: ¿Cuál es el mejor método para agregar 2x imágenes a las páginas web que se mostrarán en el nuevo iPad con gráficos Retina? ¿Cuál es la mejor manera de manejar 2x sprites?)

Olvídese de la palabra de moda creada por la industria, esa es la pantalla Retina.
Estamos hablando simplemente de una pantalla adaptable de alta resolución.

Hace algún tiempo, la creación de activos tomando 1280 × 1024 como estándar fue suficiente. Pero hoy no es el caso.

Tenemos un par de problemas al diseñar

  1. Dispositivos con resoluciones muy altas y muy bajas.
  2. Dispositivos de factor de forma variable.

El activo gráfico debe manejar ambos problemas. Debe tener alta resolución, suficiente para pantallas muy grandes con alta resolución y al mismo tiempo capaz de ajustarse a pantallas muy pequeñas (y opcionalmente también para baja resolución).

Ahora, incluso si ambos dispositivos son de alta resolución, no es fácil leer una imagen muy grande que se vea bien en una pantalla grande.

En resumen, los nuevos activos gráficos deben ser

  1. Afilado para dispositivos variados.
  2. Claramente visible cuando está abarrotado en una dimensión inferior del dispositivo.
  3. No se ponga demasiado nítido (lea texto muy pequeño) en la pantalla de baja resolución.

Afecta su flujo de trabajo y también cómo se ven sus diseños en diferentes dispositivos.

Por ejemplo, puede producir un ícono destinado a ser utilizado en un sitio web y hacerlo de una manera sin tener en cuenta los dispositivos con retina-display. Así se verá su icono en una pantalla de retina (la de la derecha):


No es crujiente y claro y afecta la experiencia visual. Si esto no te hace estremecer en el momento en que lo ves, entonces el diseño gráfico podría no ser el camino profesional adecuado para ti.

Aquí hay una guía práctica para diseñadores creados por el diseñador visual de Google Chrome: Guía del diseñador para DPI

La pantalla Retina ayudará a mejorar su diseño si se ejecuta correctamente. La pantalla de retina se ha vuelto muy popular y creo que seguirá creciendo en popularidad. En los próximos años se incluirá en más productos y estará disponible para más personas.