Aspect Fill and Stretch to Fit Screen Opciones de imagen de la aplicación móvil
¿Las diferencias en el tamaño de la pantalla de Android y del navegador te causan dolor de cabeza? ¿Cansado de tratar de encontrar la mejor relación de aspecto para admitir todos esos droides y tamaños de barra de navegación de interfaz de usuario para navegadores móviles como Chrome y Safari?
¡Dirígete a la página de configuración de tu aplicación para encontrar nuestra solución para esto!
Ahora proporcionamos una pantalla de relleno y opciones de pantalla Estirar para ajustar en Configuración> General. Están disponibles con los nuevos APK de Android a partir de diciembre de 2016 y están disponibles al instante para HTML5. Los dispositivos iOS permanecerán en la pantalla de relleno ya que sus relaciones de aspecto son constantes para sus dispositivos.
Estas selecciones cambiarán la forma en que se manejan todas las imágenes de fondo y de control deslizante en toda la aplicación, ¡no más logotipos faltantes en la parte superior de la pantalla o recortar el texto de los bordes!
Si aún desea que sus círculos sean círculos y mantener la integridad de sus imágenes, querrá mantener su selección como ‘Pantalla de relleno’.
Para obtener más detalles sobre nuestras decisiones de Relleno de aspecto y para ver cómo se manejan las imágenes en este modo, consulte a continuación:
Antes de entrar en detalles, si simplemente desea conocer el mejor tamaño de imagen para las aplicaciones de Cedar y más reciente, aquí está la respuesta breve; Relación de aspecto de 16×9 para dispositivos móviles y 4×3 para tabletas. La calidad óptima recomendada + los tiempos de carga serán 750×1334 para dispositivos móviles y 1536×2048 para tabletas
Anteriormente utilizamos una pantalla de “Escalar para llenar” para las imágenes de la aplicación, que a menudo produce imágenes sesgadas a medida que se ajustan para adaptarse a diferentes tamaños de pantalla del dispositivo. Además, la cantidad de espacio para las imágenes de fondo varía de una característica a otra, lo que hace que sea más difícil diseñar de manera eficiente con toda su aplicación en mente.
Para nuestro lanzamiento de Cedar y en adelante, estamos cambiando la forma en que se muestran las imágenes en los límites de las aplicaciones móviles en un esfuerzo por mejorar el soporte para múltiples dispositivos y reducir el tiempo de diseño. Al usar el modo de relleno de aspecto, las aplicaciones mantendrán la integridad de sus imágenes, evitando la distorsión por completo. También hemos aumentado la cobertura de las imágenes de fondo del espacio: ahora se ubican detrás del encabezado y otros elementos que ocupan espacio en la pantalla,
Todos los iPhones desde el iPhone 5 y casi todos los androides modernos tienen una relación de aspecto de 16: 9, por lo que recomendamos lo mismo para las imágenes de fondo. En términos de resolución, cualquier resolución entre iPhone 6 y 6 Plus producirá una claridad y un tamaño de archivo óptimos. También hemos ajustado nuestras dimensiones de imagen de fondo de características recomendadas para Cedar y en adelante: 750x1334px a 1242 × 2208px para dispositivos móviles. La tableta tendrá 1536x2048px.
Todas las demás imágenes, como encabezados, fondos de botones y miniaturas, también usarán Aspect Fill para evitar distorsiones.
Consulte la representación visual de Apple del diseño Aspect Fill aquí, en la sección ‘Modos de contenido’:
