Com o anúncio do novo iPhone X adicionando outra relação de aspecto ao esquadrão do iPhone, descobri que não entendia totalmente algum do vocabulário de design que estava sendo usado. Como já fiz com muitos tópicos que tive dificuldade em entender, tais como conformidade com ADA e criptografia, escrevi sobre isso. Se você se viu lutando para compreender alguns conceitos básicos de design, estas explicações comuns de vocabulário de design vão ajudar.
Tamanho de tela, resoluções, pixels e proporções de aspecto para iPhones
Tamanho de tela
As dimensões físicas de uma tela. Similar a como TVs e monitores são medidos, é o comprimento, em polegadas, da tela desde um canto até o canto diagonal.
Pixels
Tela exibe imagens através de pixels. Um pixel é um ponto que pode ser manipulado. Eles são como blocos de construção; muitos são necessários para construir uma imagem. Se você colorisse os quadrados em um pedaço de papel gráfico para criar uma imagem, cada um desses quadrados seria como um pixel. Os pixels nem sempre são do mesmo tamanho de dispositivo para dispositivo.
Vamos dizer que você tem um desenho em uma folha de papel normal que você quer duplicar em uma parede. Imagine adicionar uma grade sobreposta de 10 caixas por 10 caixas, criando uma grade 10×10 no novo espaço e depois transferir a imagem, caixa por caixa, para a parede. Você teria o mesmo número de pixels e a mesma imagem, apenas os pixels têm um tamanho maior.
Resolução
Este é o número de pixels exibidos na tela. Ele é frequentemente formatado como largura x altura ou pixels por polegada. Como os pixels nem sempre são do mesmo tamanho, é possível ter dois dispositivos com o mesmo tamanho de tela e resoluções diferentes. Quanto maior a resolução, maior a qualidade da imagem e mais detalhes incluídos na imagem.
Aspect Ratio
Que proporção é a largura da tela em relação à altura? A relação de aspecto mede a largura para a altura e depois a reduz, como se você fosse uma fração. Uma tela de 4 x 8 ou 20 x 40 teria ambas resoluções de 1:2. Isto é importante porque uma imagem que seja 2:3 não caberá perfeitamente em uma tela 1:2. As bordas ou iriam além do que é visível na tela, teriam seções da tela que não são cobertas pela imagem, ou uma imagem esticada.
Ajude-o a entender um pouco mais o design? Você tem outros conceitos nos quais você fica preso? Deixe-nos saber!
