Nomenclatura para imagens de apps iOS



Boa tarde seres criativos!

Estou aqui outra vez para explicar a nomenclatura de imagens para quem desenvolve apps para iOS ou "Como não enlouquecer o programador" rsrsrsrsrsrsrsrrs!

Você, designer, que faz layouts para apps em equipe precisa saber que cada sistema operacional tem lá suas excentricidades e para não pirar o programador é necessário que o "naming" esteja correto.

Imagens para iPhone 5:


nomedoarquivo-568h@2x~iphone.png

Imagens para iPhone retina:
nomedoarquivo@2x~iphone.png


Imagens para iPhone (anterior ao retina):
nomedoarquivo~iphone.png

Se você seguir esse padrão, vai evitar muita demora e dor de cabeça no projeto.

=)


Update: Quando for especificar a orientação da imagem, retrato ou paisagem do splash por exemplo, siga o esqueminha abaixo:


768 x 1004 pixels: Default-Portrait.png     

1024 x 748 pixels: Default-Landscape.png

1536 x 2008 pixels: Default-Portrait@2x.png     

2048 x 1496 pixels: Default-Landscape@2x.png 

Obs. Se a imagem for um Splash do aplicativo, então o nome dela é exatamente como os descritos acima. Exemplo: Splash do iPhone retina retrato seria Default-Portrait@2x.png.

Update: Um app super legal pra acelerar a produção é o Prepo, nele você arrasta o ícone 1024x1024 pixels e ele exporta e nomeia em todos os formatos necessários. 


    =)