Como sabe, existem muitas coisas diferentes que precisa de ter em consideração quando está a construir uma aplicação móvel.
com tanto para manter o controle, certos elementos de desenvolvimento podem se perder na baralha. É por isso que eu sempre digo que você deve ficar organizado com listas de submissão e outras ferramentas.,
mas um fator que parece sempre ser varrido para baixo do tapete e esquecido é a tela real dos diferentes dispositivos.
Tamanho da tela e resolução da tela são duas coisas que você precisa ter em mente antes, durante e depois de ter desenvolvido uma aplicação móvel.porquê?
para começar, o tamanho da tela é importante porque existem muitos tamanhos de tela diferentes. Quer esteja a decidir construir para a Apple ou para o Android, ambas as plataformas têm toneladas de dispositivos diferentes.a resolução também é importante., Isso porque a resolução de diferentes telas pode afetar a forma como os designers constroem seus aplicativos. Com base nesta informação, existem certas ferramentas que todos os designers de aplicativos devem ter.
assim como você pode ver, tanto o tamanho da tela e o tamanho da resolução são importantes, mas por razões diferentes.
compreender o tamanho e a resolução pode ajudá-lo a otimizar o seu aplicativo móvel para uma variedade de dispositivos. Isto refere-se tanto a smartphones, tablets, e até mesmo TVs inteligentes ou outras telas onde os usuários podem baixar o seu aplicativo.com isso em mente, eu queria fornecer-lhe um guia informativo para estes tópicos., Não importa qual fase de desenvolvimento seu app está atualmente, tenho certeza que você vai achar isso muito útil.aqui está o que você precisa saber.
como calcular pixels por polegada
você tem que entender a diferença entre o tamanho da tela e as dimensões da Resolução da tela.
O tamanho do ecrã é medido usando polegadas. É o tamanho da tela real de um dispositivo em particular.
por exemplo, aqui estão os tamanhos de tela de alguns dos mais recentes iPhones da Apple que você provavelmente está familiarizado com.,
As medições são feitas de um canto do ecrã para o canto diagonal oposto. É bastante simples, e qualquer um com uma régua pode fazer isto.
A resolução do ecrã é um pouco diferente. A resolução é medida pelo número de pixels distinguíveis que podem ser exibidos em cada dimensão.
A resolução do ecrã do iPhone X é 2436 x 1125. Enquanto a nota 8 da Galáxia Samsung tem uma resolução de 2960 x 1440.
Você precisa saber o tamanho do ecrã, bem como a resolução para calcular os pixels por polegada (PPI) de um dispositivo., Veja aqui como calcular PPI:
- Adicione os quadrados dos números na resolução
- Tirar a raiz quadrada desse número
- Divida o número anterior pelo tamanho da tela
parece um pouco complicado, mas eu vou dar um exemplo para mostrar a você que eu estou falando. Provavelmente vais precisar de uma calculadora para fazer isto.
vamos usar o iPhone X, uma vez que é novo, e já cobrimos o tamanho e a resolução da tela. Temos toda a informação que precisamos para calcular o PPI.,
de acordo com as especificações técnicas da Apple, o seu PPI do iPhone X de 2436 x 1125 pixel de 5,8 polegadas é 458, por isso os nossos cálculos não estavam longe.
Usando esta fórmula, tente alguns exemplos sozinho. É fácil descobrir as especificações exatas de diferentes dispositivos, apenas olhando para cima a partir do site do fabricante.
basicamente, você tem que perceber que, uma vez que o tamanho da tela e a resolução da tela ambos desempenham um papel na determinação do PPI, ele pode dizer-lhe o quão bem uma imagem é exibida nesse dispositivo em particular.,
então o que acontece se você tentar combinar esta fórmula usando dois dispositivos de tamanhos e resoluções diferentes? Não vai correr bem.
Por exemplo, vamos pegar a resolução de um antigo modelo de iPhone como o 4-inch SE e aplicá-lo a 12.9-inch iPad Pro.
Siga a fórmula usando a resolução de pixels acima.
- 1136 x 1136 + 640 x 640= 1700096
- 1700096/1303.88 = 1303.88
Mas agora, em vez de dividir esse número pela tela de 4 polegadas de tamanho, como é suposto, vamos dividi-lo por 12.,9, que é o tamanho de um iPad Pro.
- 1303, 88/12, 9 = 101, 08
Como pode ver. O PPI é super baixo, o que significa que se esta resolução estivesse em uma tela maior, as imagens simplesmente não computariam bem.
é por isso que você precisa otimizar suas imagens para explicar vários tamanhos de tela, mas vamos discutir isso em mais detalhes em breve.
diferentes tipos de telas
então nós já estabelecemos que diferentes dispositivos têm uma ampla gama de tamanhos de tela e resoluções. Mas com isso dito, algumas resoluções são mais populares do que outras.,com base no tráfego da Internet de uma perspectiva global, os smartphones de 720 x 1280 pixels são os mais populares.
como você pode ver, estes números variam com base na localização. No entanto, ainda é uma informação valiosa. É sempre importante saber que tipos de dispositivos são os mais populares quando se trata da indústria de aplicativos móveis.isto pode ser extremamente útil se o seu mercado-alvo ou a maioria das pessoas que usam o seu dispositivo estiverem localizados nos países onde estas percentagens são elevadas.,
Você também tem que ter em conta outros tipos de ecrãs, tais como:
- ecrãs HD
- ecrãs QHD
HD significa alta definição, enquanto QHD significa Quarter high definition.
a resolução dos pixels para ecrãs de alta definição é 1920 x 1080. Os ecrãs de alta definição têm uma resolução de 960 x 540 pixels.alguns exemplos de telas QHD incluem:
- Sony Xperia M2
- HTC Desire 601
Samsung Galaxy S4
so, what’s more popular? Ecrãs HD completos ou ecrãs QHD?, Pesquisas mostram que as telas QHD estão vendo um declínio na popularidade.ao mesmo tempo, estamos vendo um aumento em telas HD completas em termos de tráfego global na web.
então planeie em conformidade quando estiver a construir e a desenhar vários elementos da sua aplicação móvel.
para aqueles que planeiam construir uma aplicação no futuro, deverá estar a concentrar-se mais nos ecrãs HD em vez dos ecrãs QHD.se estas tendências continuarem, o que espero que continuem, as telas QHD tornar-se-ão uma coisa do passado., Mas por agora, você ainda deve certificar-se de seu aplicativo, Imagens e projetos podem acomodar o maior número possível de dispositivos.
como pode tirar partido de diferentes tamanhos de ecrã
OK. Então telefones, tablets e outros dispositivos têm diferentes tamanhos de tela, resoluções e pixels por polegada. Existem até diferentes tipos de telas.e agora?
Como desenvolvedor, você só precisa manter todas essas informações em mente para que seu aplicativo seja otimizado para todos os diferentes tamanhos e dispositivos.,se você só está construindo seu aplicativo com um tipo de tela em mente, isso vai afetar negativamente a experiência do usuário de outros dispositivos. As más experiências do utilizador prejudicarão a sua conclusão, que é algo que obviamente quer evitar.
Como designer, você deve ter a liberdade e flexibilidade para se tornar criativo com seus projetos e animações.
certifique-se que tem em conta vários tamanhos de ecrã quando está a usar a disposição automática para criar animações iOS avançadas.aqui está outra coisa para ter em mente., Seu aplicativo e outras imagens ainda precisam carregar sem falhas, não importa como o usuário está segurando seu dispositivo.isso mesmo. Além das dimensões de seu tamanho de tela e resolução, Você também terá que se certificar de que há uma transição sem descontinuidades entre o modo retrato e paisagem.
dependendo do tamanho da tela, os usuários são mais propensos a inclinar-se para uma orientação sobre outra. Aqui estão alguns dados para mostrar do que estou falando.
isto é interessante., Como você pode ver, à medida que chegamos a dispositivos com tamanhos de tela maiores do que 9 polegadas, há um aumento significativo na quantidade de usuários que usam o modo paisagem.
assim, na maioria das vezes, podemos assumir que as pessoas preferem usar a orientação paisagística em suas placas.
mas com isso dito, você ainda tem que testar o seu aplicativo, Imagens e elementos de design para ambas as orientações e se certificar de que ele é otimizado para todas as resoluções.
conclusão
existe uma diferença entre o tamanho do ecrã e a resolução do ecrã.,
Você vai usar ambos os números para ajudá-lo a calcular os pixels por polegada (PPI) de dispositivos específicos.
isto é importante de saber porque afecta a forma como projecta a sua aplicação. Você não pode construí-lo com apenas um telefone, tablet, ou plataforma em mente.
para que os usuários tenham a melhor experiência, seu aplicativo precisa ser totalmente otimizado para o maior número possível de dispositivos.
Há também uma diferença entre ecrãs HD e QHD., Mesmo que os tamanhos de tela estão se movendo para uma resolução padrão, os designers de app ainda precisam estar cientes de que seu app será visto em muitos tipos diferentes de telas.
assim, para o futuro previsível, você vai precisar continuar projetando e testando para o maior número possível de contingências.
Como estão os elementos de design do seu aplicativo acomodando os vários tamanhos de tela e resoluções para usuários com diferentes dispositivos?