>> Tecnologia eletrônica >  >> Celulares e Acessórios Celulares >> iPhones

Tamanho dos Wireframes iPhone Tela

Projetando interfaces de usuário para o iPhone ou iPod Touch é semelhante ao design de interfaces para os sistemas operacionais Mac ou Windows, incluindo o uso de wireframes para criar interface de usuário (UI) modelos de design . Compreender as dimensões e proporções utilizadas na tela do iPhone e seus aplicativos ajuda você a criar wireframes mais precisos. Dimensões tela

O iPhone original lançado com uma de 3,5 polegadas , tela de 480 por 320 pixels de resolução a uma resolução de 163 pixels por polegada (PPI) . O tamanho físico da tela do iPhone não mudou através do iPhone 4S , mas com a introdução do Retina Display , o iPhone 4 e 4S telas apresentam uma tela de 326 PPI , que é 960 por 640 pixels. Em ambos os modelos , as dimensões do ecrã são de 2,94 por 1,96 polegadas , para uma proporção de 1,5 para 1 . O iPod Touch usa a mesma tela como o iPhone original por meio de sua terceira geração , a atualização para o Retina Display para sua quarta geração .
IPhone Wireframes

Se você está pensando em criar seus próprios modelos de estrutura de arame , você deve usar a proporção de 1,5 para 1 e projetar seus elementos de interface com o tamanho relativo apropriado. Se você está projetando um site compatível com o iPhone ou o aplicativo da Web, os elementos da interface do navegador Safari pode reduzir as dimensões da tela utilizáveis. Apple oferecer uma API para ocultar UI do Safari e deixar um aplicativo Web usar a tela cheia, e você pode definir configurações de viewport para dimensionar de forma otimizada suas páginas da Web no Safari.

Wireframe Ferramentas

aplicativos de terceiros , como wireframe FlairBuilder ou Axure RP , ou modelos de estrutura de arame para software de uso geral , como o Photoshop ou OmniGraffle , pode ajudar você a criar o seu aplicativo mais rapidamente. Muitos pacotes wireframing de terceiros oferecem arrastar e soltar elementos de interface do usuário padrão e outras características , que também ajudá-lo a seguir as recomendações de design da Apple.
Melhores Práticas

Apple recomenda concepção seu iPhone apps utilizando pontos em vez de pixels para as medições , para as dimensões de elementos da interface do usuário mais consistentes em modelos. Por exemplo , o tamanho mínimo recomendado confortável para um elemento da interface do usuário acionável é de 44 por 44 pontos , traduzindo-se 44 pixels quadrados na tela do iPhone original e 88 pixels quadrados no Retina Display . A Apple também sugere que , enquanto você pode projetar seu aplicativo para ambas as orientações da tela, o aplicativo deve começar na orientação retrato , porque tela inicial do iPhone só aparece nessa posição . Você pode encontrar mais orientação de design em developer.apple.com .