[Dúvida] Proporcionalidade de imagens | Figma: trabalhando na construção de um Design System

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