WhatsApp tem novo visual no Android

Mais uma atualização chegou no WhatsApp afim de deixar o aplicativo mais agradável para os usuários

[{"selector":"#anim-813cc6a1-0667-4fee-bd17-916b9cba982d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-42d167f2-a068-4251-ba99-42eebe090fac","keyframes":{"transform":["translate3d(0px, 234.64057%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-80f5c1b0-dcd1-48b7-90e7-edab0289770d [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

Depois de muitos testes, finalmente o WhatsApp disponibilizou o novo visual para os usuários Android

[{"selector":"#anim-5af3929b-8796-4132-98a9-ceb170c4764a [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-52fe9ec7-bee2-4196-8c9e-053d8b51b353","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-120d8506-3223-44af-9a53-3bb4af17d4a7","keyframes":{"transform":["translate3d(0px, 223.71620%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

A atualização está disponível para o WhatsApp Beta e limitada para quem se inscreveu no programa experimental

[{"selector":"#anim-d3aff809-53cf-4dfc-9579-e5feeaaddef0 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-2a63e0f4-4210-44db-94f1-1664db6a2302","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6fd3a723-1b19-4d8f-8c7e-8c58fbfb00fe","keyframes":{"transform":["translate3d(0px, 179.34378%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

O aplicativo de mensagens agora tem novos ícones, paleta de cores e um menu inédito para o Android

[{"selector":"#anim-0163f330-5ace-4e40-bb5b-0cff194cfcbf [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-7f9d745a-2114-4813-b54a-e15de4d0217f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b0dcc4d8-0ffa-4d5d-a50e-b53902c61bd1","keyframes":{"transform":["translate3d(0px, 224.55652%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

A mudança principal está no menu de atalhos

[{"selector":"#anim-aebe5f10-224b-46b3-9b1a-5b04d3ae5ee9 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-b74be734-5cf9-4805-b94d-2ec8b55e40d6","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6898548e-23dc-415f-8dde-3e83cc89a048","keyframes":{"transform":["translate3d(0px, 378.70362%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Com o novo visual, foi adicionado um menu na parte inferior do WhatsApp afim de comportar as telas de comunidades

[{"selector":"#anim-30d7e8e1-eb00-4ce9-aeb8-42af2ae85f33 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-490140c9-c7ec-46b2-a93a-76115176a07b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e4aa12c9-a55a-4f7e-8b03-829c73671362","keyframes":{"transform":["translate3d(0px, 188.73975%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

A barra superior não existe mais e agora conta com a nova seção para facilitar a navegação no aplicativo

[{"selector":"#anim-ce716846-d0f8-4ba2-9fb0-cc216b5dbfc6 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-a9047053-ac4e-475f-8ab8-86b2f3ab8860","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-53dacd2d-41a9-4fd1-a570-e95b3197beac","keyframes":{"transform":["translate3d(0px, 237.16159%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

O objetivo principal é destacar os novos canais e outros chats

[{"selector":"#anim-0344f61d-38c3-44a2-9878-97973c5de1d8 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-d5244b1e-2169-40d2-a9c1-24f06b1bfe5a","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-54652df0-637e-4b41-856e-e49f7c88999e","keyframes":{"transform":["translate3d(0px, 313.58020%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Além disso, o app adicionou a tipografia na parte superior da tela, trocou ícones de chamadas e adotou novos tons verdes para botões e configurações

[{"selector":"#anim-b3774805-105f-4576-af0e-ae9bf5b5432d [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-7d969a3b-61bf-432e-944c-a362cf7735a3","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cd2c9f5f-0c23-4217-b505-e05bbcff92f2","keyframes":{"transform":["translate3d(0px, 135.03457%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Alguns menus já seguem as diretrizes do Material Design 3, voltado para o padrão de design do Android

[{"selector":"#anim-ce2f13cb-af5d-483f-9e61-02a19d509211 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-223ca05b-4e07-4a49-acda-4ec6ccff3595","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9b7e0d02-33ed-4c73-8550-eea2de347784","keyframes":{"transform":["translate3d(0px, 189.41092%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

O WhatsApp já usava a interface anos atrás, então o novo visual acaba sendo bem-vindo para uma experiência mais moderna

[{"selector":"#anim-60df2119-7b63-4f53-b914-49722ff61b45 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-1d83a509-4106-4672-a200-5d5c67b2e8b7","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c5492f0c-21e8-4f2d-8f43-0d7a4f5bbe54","keyframes":{"transform":["translate3d(0px, 189.41092%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

O resultado deve tornar padrão o design do aplicativo nas versões para iOS e Android

[{"selector":"#anim-1509c6bc-7830-410a-93a6-cb07aac692e8 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-5306ed3e-6ab3-4211-a3e5-d489e11633ff","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5907e852-f711-4eae-b2db-9cd375cf40cb","keyframes":{"transform":["translate3d(0px, 237.16159%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Fonte: https://wabetainfo.com/whatsapp-is-rolling-out-a-new-revamped-interface-for-the-android-beta-app/

[{"selector":"#anim-81707dec-1d02-4ece-80a3-aab657f65f38 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-9befd5b2-a203-40f3-a181-91c8ae353b2d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-030db6e8-b8c6-4e69-a30e-df249896a577","keyframes":{"transform":["translate3d(0px, 189.41092%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

[{"selector":"#anim-c9dee22c-6def-4883-af5b-8b128a0ce9f0 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Entrar agora