Tamanho do fundo de ecrã do telemóvel e como desenhar para o bloqueio

O tamanho de fundo de ecrã do telemóvel certo é a resolução exata do teu ecrã. A maioria dos telemóveis atuais tem ecrãs altos, entre 9:19,5 e 9:20, o que com 1080 píxeis de largura dá cerca de 2340 a 2400 píxeis de altura, mas os modelos variam, por isso confirma o teu. A forma mais rápida: faz uma captura de ecrã e vê as dimensões no painel de informações da tua aplicação de fotos. As capturas de ecrã são guardadas na resolução total do ecrã, por isso esse número é o tamanho em que deves desenhar.

O resto deste guia trata das formas, das zonas que a interface do telemóvel tapa e de como desenhar um fundo que continue a ficar bem por baixo de um relógio, de widgets e de uma grelha de ícones. Para ideias de cor, vê fundos de ecrã em gradiente e fundos estéticos.

Tamanhos e proporções de fundos de ecrã de telemóvel

A proporção importa mais do que o número exato de píxeis. Uma imagem na forma certa escala sem problemas para qualquer ecrã dessa forma; uma imagem na forma errada é recortada ou esticada. As imagens de story de 1080 por 1920 (9:16) são um erro comum: são visivelmente mais baixas do que a maioria dos ecrãs de telemóvel atuais.

Story 9:16, 1080×1920

1080 × 1920

Cerca de 9:19,5

1080 × 2340

Cerca de 9:20

1080 × 2400

O que tapa o fundo do teu ecrã bloqueado

O fundo de um ecrã bloqueado nunca é visto sozinho. O telemóvel desenha a sua interface por cima, e cada zona tem uma função. Planeia o fundo para que a sua parte mais agitada ou mais clara não lute com o que lá fica.

• Margem superior: a barra de estado com hora, rede e bateria. Mantém-na calma.
• Terço superior: o relógio grande e a data e, em muitos telemóveis, uma fila de widgets. É a zona mais tapada.
• Meio: as notificações empilham-se aqui e podem enchê-lo. O pormenor carregado torna-as mais difíceis de ler.
• Cantos e margem inferiores: atalhos como a lanterna e a câmara, e o indicador para deslizar.
• Meio inferior: normalmente o espaço livre mais visível, e um bom sítio para a luz ou o ponto focal.

Alguns telemóveis deixam o tema de uma foto sobrepor-se ao relógio, pondo a hora por trás de uma cabeça ou de uma montanha. Isso só funciona quando o tema fica no terço superior e o telemóvel o consegue separar do fundo. Para fundos abstratos e em gradiente, vale a regra mais simples: mantém o terço superior calmo e com luminosidade uniforme, para que o relógio se leia em branco ou em escuro.

Fundos do ecrã principal: ícones, widgets e a doca

No ecrã principal, os ícones cobrem a maior parte do ecrã numa grelha, com uma doca ao longo da base. Aqui o fundo deve funcionar como pano de fundo sossegado para dezenas de pequenas formas coloridas. Pormenor à escala dos ícones, como padrões finos ou texto, transforma o ecrã em ruído.

Paralaxe, ampliação e recortes ao deslizar

Os telemóveis nem sempre mostram o fundo exatamente como o fizeste. Alguns aplicam uma ligeira ampliação ou movem a imagem quando inclinas o telemóvel, o que corta as margens. Alguns launchers Android deslocam o fundo para o lado quando passas de um ecrã principal para outro, o que mostra partes de uma imagem mais larga. E o telemóvel pode ampliar automaticamente se a tua imagem não tiver a forma do ecrã.

A solução é margem. Mantém tudo o que tem de ficar visível, como um brilho focal ou um pequeno pormenor, bem dentro do enquadramento, a cerca de 10 por cento de cada margem. Os gradientes lidam bem com tudo isto, porque recortar uma mistura mostra apenas um pouco menos dela. Se o teu telemóvel permitir desligar a ampliação ou o efeito de movimento, fá-lo quando quiseres um encaixe exato.

Como fazer um fundo de ecrã de telemóvel que encaixa

1. 1

   Descobre o teu tamanho exato

   Faz uma captura de ecrã e lê as suas dimensões em píxeis. Essa é a tua tela.

2. 2

   Mantém o terço superior calmo

   Luminosidade uniforme por trás do relógio e dos widgets, para que a hora se leia com clareza.

3. 3

   Põe a luz em baixo

   Coloca o brilho ou o ponto focal no meio inferior, o espaço livre mais visível.

4. 4

   Deixa margem

   Mantém o pormenor importante a cerca de 10 por cento de cada margem para sobreviver à ampliação e à paralaxe.

5. 5

   Exporta com suavidade

   PNG ou JPEG de alta qualidade, com grão fino para evitar faixas. Vê gradientes com grão.

6. 6

   Testa os dois ecrãs

   Verifica o ecrã bloqueado e o ecrã principal, nos modos claro e escuro se o teu telemóvel alternar.

Na Gradiently, podes definir um tamanho personalizado igual à tua captura de ecrã, entre 200 e 8000 píxeis de cada lado, e criar com qualquer Mark como fundo. Para uma versão em movimento, um Mark pode ser exportado como um loop de 5 a 30 segundos para um fundo animado.