Tamanho dos quadros da tela para o iPhone

Dimensões da tela

O iPhone original foi lançado com uma tela de 3, 5 polegadas (8, 89 centímetros), 480x320 pixels e uma resolução de 163 pixels por polegada (ppi). O tamanho físico da tela de um iPhone não mudou até o 4S, mas com a introdução da tela Retina, as telas do iPhone 4 e 4S têm uma resolução de 326 ppi e suas dimensões são 960x640 pixels. Em ambos os modelos, as dimensões da tela são de 2, 94 x 1, 96 polegadas (7, 47 x 4, 98 centímetros) para um raio de 1, 5 a 1. O iPod Touch usa a mesma tela do iPhone original até a terceira geração, O display de retina foi apresentado até a quarta geração.

Molduras para iPhone

Se você estiver pensando em criar seus próprios designs de quadros, use o raio de 1, 5 a 1 para projetar os elementos da sua interface do usuário com o tamanho relativo apropriado. Se você está projetando para um site ou um aplicativo compatível com o iPhone, os elementos da interface do usuário usados ​​para o navegador Safari podem reduzir o tamanho utilizável da tela. A Apple oferece uma API que oculta a interface do usuário do Safari e permite que o aplicativo da Web seja executado em tela cheia, para que você possa definir as configurações de exibição para uma escala ideal para seus sites no Safari.

Ferramentas para o quadro

Aplicativos para estruturas de terceiros, como o FlairBuilder ou o Axure RP, ou algum outro programa comumente usado para criar designs, como PhotoShop ou OmniGraffle, podem ajudá-lo a projetar seu aplicativo mais rapidamente. Muitos produtos de design de terceiros oferecem elementos padrão em interfaces que você só precisa arrastar e soltar, além de outros recursos que ajudarão você a seguir as recomendações de design da Apple.

As melhores técnicas

A Apple recomenda projetar seu aplicativo para iPhone usando pontos em vez de pixels para medições para um dimensionamento mais consistente de elementos para sua interface do usuário em diferentes modelos. Por exemplo, o tamanho mínimo recomendado para um elemento da interface do usuário é de 44 x 44 pontos, isso se torna 44 pixels na tela original do iPhone e 88 pixels na tela Retina. A Apple também sugere que você pode projetar sua interface para ambas as orientações da tela, o aplicativo deve começar orientado como um retrato, porque a tela inicial do iPhone só está disponível nessa orientação. Você pode encontrar mais guias de design em developer.apple.com