06 Agosto 2024
O Google oficializou vários elementos novos para o Material Design 3 durante o evento IO23 no ano passado. Agora o engenheiro de software Dylan Roussel revelou que mais mudanças devem ser implementadas em breve em aplicativos Android com animações aprimoradas e novas opções de vetores.
Spatial motion tokens are for animations that may change shapes or bounds. Effects are the other ones.
— Dylan Roussel (@evowizz) August 4, 2024
For example,
Expand/Collapse animation -> Spatial
Color animation -> Effect
Both of these categories will have 3 durations: Default, Slow, Fast. pic.twitter.com/bhxuUBNTl9
Começando pelas animações, Roussel diz que o Material You terá elementos mais interativos ao toque do usuário. Os movimentos terão duas categorias: Efeitos e Espaciais. As animações terão 3 durações: padrão, rápido e lento.
O primeiro mudará as cores do elemento visual clicado, como o vídeo da direita com o botão que fica roxo ao ser pressionado. O Espacial mudará a forma do elemento para mostrar mais informações, como o nome do botão e a sua função.
Toggle Buttons. Notice how the corners radius changes when pressed. 👀 pic.twitter.com/ANFYBjfVQz
— Dylan Roussel (@evowizz) August 4, 2024
Além disso, certos botões poderão mudar de forma ao serem pressionados, combinando animações espaciais e efeitos para gerar um impacto maior, como no exemplo acima.
Os desenvolvedores terão a liberdade de escolher o tamanho dos botões e eles serão interativos com o conteúdo ao seu redor, como outros botões.
Button Group. When a button is pressed, its width and the width of buttons surrounding it are changed. pic.twitter.com/kVw0JiaiFO
— Dylan Roussel (@evowizz) August 4, 2024
Ainda falando de botões, o Material Design 3 terá 5 opções de tamanhos que vão de extra pequeno até extra grande nos formatos circular e quadrado com cantos arredondados.
Worth mentioning: Icon buttons will now support multiple sizes. From Extra Small to Extra Large.
— Dylan Roussel (@evowizz) August 4, 2024
They will also support 3 width: Uniform, Narrow, Wide, as well as round or square shapes. 😍 pic.twitter.com/qCOtTO524h
A barra inferior dos aplicativos será reduzida para ocupar menos espaço na tela em smartphones e tablets. Veja abaixo um comparativo entre a atual e a nova barra inferior:
A diferença o tamanho da borda inferior, que ocupa um espaço adicional na versão atual. Além disso, esta barra será ainda mais fina em tablets e telas de tamanho médio, pois os nomes ficarão ao lado dos ícones:
Por fim, o menu lateral dos aplicativos terá a forma de um retângulo arredondado ao invés de um quadrado para se adequar ao Material You, pois o seu formato não muda desde o Android 5.0 Lollipop. Embora pareça algo irrelevante, aplicativos como X, Telegram, Gmail, Feedly, Google Authenticator e Google Drive ainda o usam para mostrar menus importantes.
A expectativa é que o Google oficialize estas novidades no Material Design 3 nas próxima semanas, provavelmente durante o evento de lançamento da série Pixel 9 em 13 de agosto.
Comentários