La versión corta
- El mejor tamaño de fondo de pantalla para el móvil es la resolución exacta de tu pantalla, que puedes averiguar haciendo una captura y mirando sus dimensiones en píxeles.
- La mayoría de los móviles actuales son mucho más altos que 16:9, normalmente de unos 9:19,5 a 9:20, así que una imagen de 1080 por 1920 se recortará o se ampliará.
- El reloj y los widgets de la pantalla de bloqueo tapan el tercio superior, las notificaciones llenan el centro y los accesos directos están en las esquinas inferiores.
- Algunos móviles amplían o desplazan el fondo al inclinarlos o al deslizar, así que deja margen extra alrededor de todo lo importante.
- Los degradados suaves y los campos tranquilos son los mejores fondos de pantalla, porque la propia interfaz del móvil va encima.
En esta página
El tamaño de fondo de pantalla del móvil adecuado es la resolución exacta de tu pantalla. La mayoría de los móviles actuales tienen pantallas altas de unos 9:19,5 a 9:20, lo que a 1080 píxeles de ancho supone entre 2340 y 2400 píxeles de alto, más o menos, pero cada modelo es distinto, así que comprueba el tuyo. La forma más rápida: haz una captura de pantalla y mira sus dimensiones en el panel de información de tu app de fotos. Las capturas se guardan a la resolución completa de la pantalla, así que ese número es el tamaño al que diseñar.
El resto de esta guía trata de formatos, de las zonas que tapa la interfaz del móvil y de cómo diseñar un fondo que siga viéndose bien bajo un reloj, widgets y una cuadrícula de iconos. Para ideas de color, consulta fondos de pantalla degradados y fondos estéticos.
Tamaños y proporciones de los fondos de pantalla del móvil
La proporción importa más que el número exacto de píxeles. Una imagen con la forma correcta se escala limpiamente a cualquier pantalla de esa forma; una imagen con la forma equivocada se recorta o se estira. Las imágenes de historia de 1080 por 1920 (9:16) son un error habitual: son bastante más bajas que la mayoría de las pantallas de móvil actuales.
Historia 9:16, 1080×1920
1080 × 1920
Unos 9:19,5
1080 × 2340
Unos 9:20
1080 × 2400
| Forma | A 1080 px de ancho | Notas |
|---|---|---|
| 9:16 | 1080 × 1920 | Formato de historia; más bajo que la mayoría de los móviles actuales |
| Unos 9:19,5 | 1080 × 2340 | Una forma alta de móvil habitual |
| Unos 9:20 | 1080 × 2400 | Un poco más alta todavía |
| Tu pantalla exacta | Dimensiones de la captura | El único tamaño que encaja con seguridad |
Qué tapa el fondo de tu pantalla de bloqueo
Un fondo de pantalla de bloqueo nunca se ve solo. El móvil dibuja su interfaz encima y cada zona tiene una función. Planifica el fondo para que su parte más cargada o más brillante no compita con lo que hay encima.
- Borde superior: la barra de estado con la hora, la cobertura y la batería. Mantenla tranquila.
- Tercio superior: el reloj grande y la fecha, y en muchos móviles una fila de widgets. Es la zona más tapada.
- Centro: aquí se apilan las notificaciones, que pueden llenarlo. El detalle cargado las hace más difíciles de leer.
- Esquinas y borde inferior: accesos directos como la linterna y la cámara, y el indicador para deslizar.
- Centro inferior: suele ser el espacio libre más visible y un buen sitio para la luz o el punto focal.
La hora grande en el tercio superior, como la muestra una pantalla de bloqueo: el fondo se mantiene tranquilo detrás de los números.
Algunos móviles dejan que el motivo de una foto se superponga al reloj, colocando la hora detrás de una cabeza o una montaña. Eso solo funciona cuando el motivo está en el tercio superior y el móvil puede separarlo del fondo. En los fondos abstractos y degradados vale la regla más sencilla: mantén el tercio superior tranquilo y de luminosidad uniforme para que el reloj se lea en blanco o en oscuro.
Fondos de la pantalla de inicio: iconos, widgets y el dock
En la pantalla de inicio, los iconos cubren casi toda la pantalla en una cuadrícula, con un dock en la parte inferior. Aquí el fondo debe funcionar como telón discreto para decenas de formas pequeñas y coloridas. El detalle a escala de icono, como patrones finos o texto, convierte la pantalla en ruido.
Evita
- Detalle del mismo tamaño que los iconos de las apps
- Zonas blancas o amarillas brillantes detrás de etiquetas blancas
- Caras o texto que solo verás entre iconos
- Bordes marcados que no cuadran con la cuadrícula de iconos
Haz
- Degradados suaves y luz tenue
- Tonos uniformes, de medios a profundos, detrás de las etiquetas
- Una zona focal en el espacio libre del centro inferior
- Una versión más oscura o más clara para cada modo de apariencia
Paralaje, zoom y recortes al desplazar
Los móviles no siempre muestran el fondo exactamente como lo hiciste. Algunos aplican un ligero zoom o mueven la imagen al inclinar el móvil, lo que recorta los bordes. Algunos launchers de Android desplazan el fondo en horizontal al pasar de una pantalla de inicio a otra, mostrando por partes una imagen más ancha. Y el móvil puede ampliar la imagen automáticamente si no tiene la forma de la pantalla.
La solución es el margen. Mantén todo lo que deba seguir visible, como un resplandor focal o un pequeño detalle, bien dentro del marco, más o menos a un 10 por ciento de cada borde. Los degradados lo llevan todo con elegancia, porque recortar una mezcla solo muestra un poco menos de ella. Si tu móvil permite desactivar el efecto de zoom o de movimiento, hazlo cuando quieras un encaje exacto.
Cómo hacer un fondo de pantalla que encaje
- 1
Averigua tu tamaño exacto
Haz una captura de pantalla y mira sus dimensiones en píxeles. Ese es tu lienzo.
- 2
Mantén tranquilo el tercio superior
Luminosidad uniforme detrás del reloj y los widgets, para que la hora se lea con claridad.
- 3
Coloca la luz abajo
Pon el resplandor o el punto focal en el centro inferior, el espacio libre más visible.
- 4
Deja margen
Mantén el detalle importante a un 10 por ciento de cada borde, más o menos, para que sobreviva al zoom y al paralaje.
- 5
Exporta sin escalones
PNG o JPEG de alta calidad, con un grano fino para evitar el banding. Consulta los degradados con grano.
- 6
Prueba las dos pantallas
Revisa la pantalla de bloqueo y la de inicio, en apariencia clara y oscura si tu móvil cambia entre ellas.
En Gradiently puedes definir un tamaño personalizado que coincida exactamente con tu captura, de 200 a 8000 píxeles por lado, y diseñar con cualquier Mark como fondo. Para una versión en movimiento, un Mark se puede exportar como un bucle de 5 a 30 segundos para un fondo de pantalla animado.
Preguntas frecuentes
¿Qué tamaño tiene un fondo de pantalla de móvil?
La resolución exacta de tu pantalla. La mayoría de los móviles actuales tienen unos 9:19,5 a 9:20, más o menos 1080 por 2340 a 2400 a 1080 píxeles de ancho, pero compruébalo en el tuyo con una captura.
¿Cómo averiguo la resolución de la pantalla de mi móvil?
Haz una captura de pantalla y mira sus detalles en tu app de fotos. Las capturas se guardan a la resolución completa de la pantalla, así que esas dimensiones son el tamaño del fondo.
¿Por qué mi fondo de pantalla se ve ampliado?
O la imagen no tiene la misma forma que tu pantalla, o el móvil aplica un efecto de zoom o de movimiento. Usa la forma exacta de la pantalla y desactiva el efecto si quieres un encaje perfecto.
¿1080 por 1920 es un buen tamaño de fondo de pantalla para el móvil?
Es una forma 9:16, más baja que la mayoría de los móviles actuales, así que se recortará o se ampliará para llenar la pantalla. Una imagen más alta con la forma de tu móvil encaja mejor.
Escrito por Gradiently
El equipo detrás de Gradiently, una herramienta de diseño creada en torno a los Marks: degradados vivos que hacen que todo lo que diseñas parezca tuyo.
Ver nuestro perfil
