Tamanho dos quadros de tela para iPhone

O design de interfaces de usuário para um iPhone ou iPod Touch é semelhante ao design de interfaces para sistemas operacionais Mac ou Windows, incluindo o uso de quadros para criar rascunhos de interface do usuário (UIs). Compreender as dimensões e rádios que você deve usar na tela de um iPhone e seus aplicativos o ajudará a criar quadros mais precisos.

Dimensões da tela

O iPhone original foi lançado com uma tela de 3,5 polegadas (8,89 centímetros), 480×320 pixels e uma resolução de 163 pixels por polegada (ppi). O tamanho físico da tela de um iPhone não mudou até 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 960×640 pixels. Nos dois modelos, as dimensões da tela são 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 que o iPhone original até sua terceira geração, a tela Retina foi apresentada 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ê estiver projetando para um site ou aplicativo compatível com o iPhone, os elementos da interface do usuário usados ​​no 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 Web seja executado em tela cheia, para que você possa definir as configurações de exibição para uma escala ideal para os sites do Safari.

Ferramentas de quadro

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

As melhores técnicas

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

 

Você pode estar interessado:

Deixe um comentário