iwtraining

iPhone 6 Plus e o @3x iOS

iPhone 6 Plus e o @3x

Para quem trabalha com design para dispositivos móveis, a Apple introduziu, para o iPhone 6 Plus, o conceito Super Retina. Basicamente, temos 50% a mais (1.5) a acrescentar de imagem para otimizar nosso app para este novo tamanho de tela.

novo@3x

Caso você não prepare seu app para que tenha suporte ao @3x, a diferença visual não será tão grosseira como era quando tivemos a mudança do @1x para o @2x, afinal, trata-se, desde vez, de um aumento de 50%, e não de 100%.

Em resumo, digamos que você esteja criando uma imagem de tamanho real (sem retina) de 80 x 80 pixels, você teria:

  • Normal / @1x, de tamanho 80 X 80
  • Retina / @2x, de tamanho 160 X 160
  • Super Retina (Retina HD) / @3x – de tamanho 240 X 240)

Tamanhos (em pixels) para ícones e imagens customizadas

Recurso

iPhone 6 Plus (@3x)

iPhone 6 e iPhone 5 (@2x)

iPhone 4s (@2x)

iPad e iPad mini (@2x)

iPad 2 e iPad mini (@1x)

Ícone do App (obrigatório para todos os apps)

180 x 180

120 x 120

120 x 120

152 x 152

76 x 76

Ícone do App para App Store (obrigatório para todos os apps)

1024 x 1024

1024 x 1024

1024 x 1024

1024 x 1024

1024 x 1024

Launch file ou imagem (Splash)

(obrigatório para todos os apps)

Use o recurso launch file

Para iPhone 6, use o recurso launch file

Para iPhone 5, 640 x 1136

640 x 960

1536 x 2048 (retrato)

2048 x 1536 (paisagem)

768 x 1024 (retrato)

1024 x 768 (paisagem)

Ícone para Resultado de busca pelo Spotlight (recomendado)

120 x 120

80 x 80

80 x 80

80 x 80

40 x 40

Ícone dos Ajustes (Settings) (recommended)

87 x 87

58 x 58

58 x 58

58 x 58

29 x 29

Ícone para Toolbar e para navigation bar  (pcional)

Em torno: 66 x 66

Em torno: 44 x 44

Em torno: 44 x 44

Em torno: 44 x 44

Em torno: 22 x 22

Ícone da Tab bar (opcional)

Em torno: 75 x 75 (máximo: 144 x 96)

Em torno: 50 x 50 (máximo: 96 x 64)

Em torno: 50 x 50 (máximo: 96 x 64)

Em torno: 50 x 50 (máximo: 96 x 64)

Em torno: 25 x 25 (máximo: 48 x 32)

Share this article

Em seus 12 anos de experiência, tanto em design como em desenvolvimento, trabalhou em diversos projetos, muitos de grande porte, para clientes como Banco do Nordeste, Sebrae, Anna Pegova, Grupo Deib Otoch, dentre outros. Como designer, trabalha com o Adobe Photoshop desde a versão 3.0, além do Illustrator, sendo certificado pela Adobe (ACE e ACI) nestes softwares. Como desenvolvedor, foca seus esforços atualmente no ActionScript 3.0 (Plataforma Flash) e Objective-C (iOS). Ministra, desde 2005, treinamentos na @iwtraining para estudantes e profissionais, além de grandes empresas como Cagece, TRE, TRT, Esmaltec, Grupo Edson Queiroz, Sebrae, Senac, Correios.

Posts Relacionados

Deixe um comentário