Entrar Ainda não tem acesso?
1
resposta

[Dúvida] Proporcionalidade de imagens

Referente ao curso Figma: trabalhando na construção de um Design System

por Juliana de Mazi
| 39.5k xp | 5 posts

Olá todos! :)

Gostaria de entender um pouco melhor como funciona essa parte de proporcionalidade de imagens nos mais variados tamanhos de tela.

Durante a aula "Imagens" no tópico "Finalizando os princípios de design" do curso "Figma: trabalhando na construção de um design system", o professor André sugere que no layout sejam inseridos os tamanhos 21:9, 4:3 e 1:1 de imagens no projeto. O que eu queria entender é justamente essas proporções, como se usa (qual tamanho usar onde)?

Se alguém tiver algum material sobre esse assunto para me passar, agradeço! :)

1 resposta
por Felipe Labouriau
| 1025.1k xp | 1907 posts
Instrutor Instrutor

Olá, Juliana

Tudo bem?

A escolha de quais proporções serão usadas nas imagens será, em última análise, sua (da pessoa que está preparando o design system). De qualquer maneira, certos elementos costumam seguir alguns padrões, embora você não seja obrigada a usar exatamente esses valores. Portanto, é importante conhecê-los para não criar elementos que não funcionem nas suas aplicações. Por exemplo:

  • Capa: tendem a ter orientação mais horizontalizada. Assim, pode-se usar as proporções 21:9 ou 16:9;
  • Perfil (sejam imagens de pessoas ou de logos): costumam ser quadradas. Logo, tem a proporção 1:1; e
  • Topo de página: são mais verticais do que as capas, mas não chegam a ser quadradas. Proporção de 4:3.

O ponto principal aqui é identificar os grupos de imagens que acontecem no layout e categorizá-los de maneira que quando eles forem utilizados no design haja uma consistência visual na interface.

Espero ter ajudado!

Abraços