como sabes, hay muchas cosas diferentes que debes tener en cuenta al crear una aplicación móvil.
con tanto que hacer un seguimiento, ciertos elementos de desarrollo podrían perderse en la mezcla. Es por eso que siempre digo que debe mantenerse organizado con listas de verificación de presentación y otras herramientas.,
pero un factor que parece siempre ser barrido bajo la alfombra y olvidado es la pantalla real de los diferentes dispositivos.
El tamaño y la resolución de la pantalla son dos cosas que debes tener en cuenta antes, durante y después de desarrollar una aplicación móvil.
¿por Qué?
para empezar, el tamaño de la pantalla es importante porque hay muchos tamaños de pantalla diferentes. Ya sea que decidas crear para Apple o Android, ambas plataformas tienen toneladas de dispositivos diferentes.
la Resolución también es importante., Esto se debe a que la resolución de las diferentes pantallas puede afectar la forma en que los diseñadores crean sus aplicaciones. En base a esta información, hay ciertas herramientas que todos los diseñadores de aplicaciones deben tener.
como puedes ver, tanto el tamaño de la pantalla como el tamaño de la resolución son importantes, pero por diferentes razones.
comprender el tamaño y la resolución puede ayudarlo a optimizar su aplicación móvil para una variedad de dispositivos. Esto se refiere tanto a teléfonos inteligentes, tabletas e incluso televisores inteligentes u otras pantallas donde los usuarios pueden descargar su aplicación.
Con eso en mente, quería proporcionarle una guía informativa para estos temas., No importa en qué etapa de desarrollo se encuentre su aplicación actualmente, estoy seguro de que encontrará esto muy útil.
esto es lo que necesitas saber.
Cómo calcular los píxeles por pulgada
tienes que entender la diferencia entre el tamaño de la pantalla y las dimensiones de la resolución de la pantalla.
El tamaño de la pantalla se mide usando pulgadas. Es el tamaño de la pantalla real de un dispositivo en particular.
por ejemplo, estos son los tamaños de pantalla de algunos de los últimos iPhones de Apple con los que probablemente estés familiarizado.,
Las mediciones se toman de una esquina de la pantalla a la esquina diagonal opuesta. Es bastante sencillo, y cualquiera con una regla puede hacer esto.
la resolución de la Pantalla es un poco diferente. La resolución se mide por el número de píxeles distinguibles que se pueden mostrar en cada dimensión.
la resolución de pantalla del iPhone X es de 2436 x 1125. Mientras que el Samsung Galaxy Note 8 tiene una resolución de 2960 x 1440.
Necesita saber el tamaño de la pantalla, así como la resolución para calcular los píxeles por pulgada (PPI) de un dispositivo., Así es como calculas PPI:
- agrega los cuadrados de ambos números en la resolución
- Toma la raíz cuadrada de ese número
- Divide el número anterior por el tamaño de la pantalla
suena un poco complicado, pero te daré un ejemplo para mostrarte de lo que estoy hablando. Probablemente vas a necesitar una calculadora para hacer esto.
vamos a usar el iPhone X, ya que es nuevo, y ya hemos cubierto el tamaño y la resolución de la pantalla. Tenemos toda la información que necesitamos para calcular el PPI.,
de acuerdo con las especificaciones técnicas de Apple, su PPI del iPhone X de 2436 x 1125 píxeles de 5.8 pulgadas es 458, por lo que nuestros cálculos no estaban muy lejos.
Usando esta fórmula, pruebe un par de ejemplos por su cuenta. Es fácil encontrar las especificaciones exactas de diferentes dispositivos con solo buscarlas en el sitio web del fabricante.
básicamente, debe darse cuenta de que, dado que el tamaño y la resolución de la pantalla juegan un papel en la determinación del PPI, puede indicarle qué tan bien se muestra una imagen en ese dispositivo en particular.,
entonces, ¿qué sucede si intenta combinar esta fórmula usando dos dispositivos de diferentes tamaños y resoluciones? Simplemente no va a funcionar bien.
por ejemplo, tomemos la resolución de un viejo modelo de iPhone como el SE de 4 pulgadas y apliquémosla al iPad Pro de 12.9 pulgadas.
siga la fórmula utilizando la resolución de píxeles anterior.
- 1136 x 1136 + 640 x 640 = 1700096
- 1700096/1303.88 = 1303.88
pero ahora, en lugar de dividir ese número por el tamaño de pantalla de 4 pulgadas, como se supone que debe, divídalo por el 12.,9, que es del tamaño de un iPad Pro.
- 1303.88 / 12.9 = 101.08
Como se puede ver. El PPI es súper bajo, lo que significa que si esta resolución estuviera en una pantalla más grande, las imágenes simplemente no se computarían bien.
Es por eso que necesitas optimizar tus imágenes para tener en cuenta varios tamaños de pantalla, pero hablaremos de eso en mayor detalle en breve.
diferentes tipos de pantallas
así que ya hemos establecido que los diferentes dispositivos tienen una amplia gama de tamaños de pantalla y resoluciones. Pero dicho esto, algunas resoluciones son más populares que otras.,
basado en el tráfico web de Internet desde una perspectiva global, los teléfonos inteligentes de 720 x 1280 píxeles son los más populares.
Como puede ver, estas cifras varían según la ubicación. Sin embargo, sigue siendo información valiosa. Siempre es importante saber qué tipos de dispositivos son los más populares cuando se trata de la industria de aplicaciones móviles.
esto puede ser extremadamente útil si su mercado objetivo o la mayoría de las personas que usan su dispositivo se encuentran en los países donde estos porcentajes son altos.,
también debe tener en cuenta otros tipos de pantallas como:
- pantallas HD
- pantallas QHD
HD significa alta definición, mientras que QHD significa cuarto de alta definición.
la resolución de píxeles para pantallas de alta definición es de 1920 x 1080. Las pantallas Quarter de alta definición tienen una resolución de 960 x 540 píxeles.
Algunos ejemplos de pantallas QHD incluyen:
- Sony Xperia M2
- HTC Desire 601
- Samsung Galaxy S4
Entonces, ¿qué es más popular? Pantallas Full HD o pantallas QHD?, La investigación muestra que las pantallas de QHD están viendo una disminución en popularidad.
al mismo tiempo, estamos viendo un aumento en las pantallas Full HD en términos de tráfico web global.
así que planifique en consecuencia cuando esté construyendo y diseñando varios elementos de su aplicación móvil.
para aquellos de ustedes que planean construir una aplicación en el futuro, deberían centrarse más en las pantallas HD en lugar de las pantallas QHD.
si estas tendencias continúan, lo que espero, las pantallas QHD se convertirán en una cosa del pasado., Pero por ahora, aún debe asegurarse de que su aplicación, imágenes y diseños puedan acomodar tantos dispositivos como sea posible.
cómo puede aprovechar los diferentes tamaños de pantalla
OK. Por lo tanto, los teléfonos, tabletas y otros dispositivos tienen diferentes tamaños de pantalla, resoluciones y píxeles por pulgada. Incluso hay diferentes tipos de pantallas.
¿Ahora qué?
como desarrollador, solo necesita tener toda esta información en mente para que su aplicación esté optimizada para todos los diferentes tamaños y dispositivos.,
si solo estás creando tu aplicación con un tipo de pantalla en mente, afectará negativamente la experiencia del usuario de otros dispositivos. Las malas experiencias de los usuarios dañarán su resultado final, que es algo que obviamente desea evitar.
como diseñador, usted debe tener la libertad y la flexibilidad para ser creativo con sus diseños y animaciones.
asegúrese de tener en cuenta varios tamaños de pantalla cuando utilice diseño automático para crear animaciones avanzadas de iOS.
Aquí hay algo más a tener en cuenta., Tu aplicación y otras imágenes todavía necesitan cargarse sin problemas sin importar cómo el usuario sostenga su dispositivo.
así es. Además de las dimensiones de su tamaño de pantalla y resolución, también tendrás que asegurarte de que haya una transición perfecta entre el modo vertical y el horizontal.
dependiendo del tamaño de la pantalla, los usuarios son más propensos a inclinarse hacia una orientación sobre otra. Aquí hay algunos datos para mostrarles de lo que estoy hablando.
Esto es muy interesante., Como puede ver, a medida que llegamos a dispositivos con tamaños de pantalla mayores de 9 pulgadas, hay un aumento significativo en la cantidad de usuarios que usan el modo horizontal.
así que en su mayor parte, podemos asumir que las personas prefieren usar la orientación horizontal en sus tabletas.
pero dicho esto, todavía tienes que probar tu aplicación, imágenes y elementos de diseño para ambas orientaciones y asegurarte de que esté optimizado para todas las resoluciones.
conclusión
hay una diferencia entre el tamaño de la pantalla y la resolución de la pantalla.,
vas a usar ambos números para ayudarte a calcular los píxeles por pulgada (PPI) de dispositivos específicos.
Es importante saber esto porque afecta la forma en que diseñas tu aplicación. No se puede construir con un solo teléfono, tableta o plataforma en mente.
para que los usuarios tengan la mejor experiencia, tu aplicación debe estar totalmente optimizada para tantos dispositivos como sea posible.
también hay una diferencia entre las pantallas HD y QHD., A pesar de que los tamaños de pantalla se están moviendo hacia una resolución estándar, los diseñadores de aplicaciones aún deben ser conscientes de que su aplicación se verá en muchos tipos diferentes de pantallas.
así que en el futuro previsible, tendrás que seguir diseñando y probando tantas contingencias como sea posible.
¿Cómo se adaptan los elementos de diseño de su aplicación a los diferentes tamaños de pantalla y resoluciones para los usuarios con diferentes dispositivos?