IU do Android através dos tempos: do Droid Sans ao material que você

Fonte: Nick Sutrich / Android Central

O sistema operacional Android existe desde 2008 e, nessa época, sua interface do usuário foi reinventada várias vezes. A interface original do Android 1.0 que estreou no T-Mobile G1 - o primeiro telefone Android - era simples e muito feia para os padrões modernos. Não foi até o Android 4.0, três anos após o início da vida do sistema operacional, que houve qualquer tipo de linguagem de design abrangente para telefones Android.

A aparência do Android tem evoluído constantemente desde então, muitas vezes com passos de bebê para a frente, mas às vezes com saltos gigantescos, como ocorreu com a introdução do Material Design em 2014. Android 12 nos dá o terceiro grande redesenho abrangente da plataforma na forma de Material Você - um esforço ambicioso para tornar o Android mais pessoal, com esquemas de cores individuais retirados da paleta de materiais.

À medida que entramos na quarta era de design do Android - após os primeiros dias, Holo e Material Design - é hora de revisitar os últimos 13 anos na IU do Android e lembrar como chegamos aqui.

Fonte: Android Central

Fonte: Android Central

Nos primeiros dois anos de sua existência, o Android careceu de qualquer direção de design forte. Do Android 1.0 ao 2.2 Froyo, a aparência do sistema operacional foi melhor descrita como genérica, funcional e sem graça. Parecendo inspirar-se nos smartphones antigos da época, a aparência inicial do Android consistia em ícones grossos, menus gradientes e muito cinza.

A aparência do Android padrão simplesmente não importava muito.

Essa estética simples fazia sentido para as telas pequenas e de baixa resolução dos smartphones do final dos anos 2000. Embora o Google estivesse (meio que) vendendo telefones naquela época, na forma do T-Mobile G1 e, eventualmente, do Nexus One, a maioria os consumidores experimentariam o Android através das lentes de uma pele de fabricante que consome tudo, como HTC Sense ou Samsung TouchWiz. A aparência de estoque Android simplesmente não importava muito quando o melhores telefones Android não está usando nada perto disso.

No entanto, olhando para o software do T-Mobile G1, muitos dos elementos-chave e reconhecíveis de design do Android de hoje estão presentes. As telas iniciais de várias páginas com suporte a widget, a gaveta de aplicativos e o menu suspenso de notificação são todos lá, mesmo se eles estiverem envoltos em uma IU que se assemelha mais a um sistema operacional de computador desktop dos anos 90 do que o Android de hoje.

O lançamento do smartphone Nexus One pelo Google coincidiu com alguns pequenos ajustes no design do Android 2.1 Eclair, incorporando atalhos rápidos para o aplicativo de telefone e navegador ao lado do ícone de gaveta do aplicativo. O primeiro telefone Nexus também ganhou uma grade de aplicativos animados em 3D. Mas basicamente, este era o Android padrão até o final de 2010: bastante monótono, frio e utilitário.

Fonte: Android Central

A chegada do ex-designer da Palm, Matias Duarte, ao Google - primeiro como diretor de design do Android, depois para toda a empresa - definiu o curso da IU do Android na década seguinte.

Duarte foi contratado pouco antes de o Google lançar o Android 2.3 Gingerbread e o telefone Nexus S, então sua influência sobre o Gingerbread foi limitada. No entanto, o Android 2.3 foi a revisão de design mais significativa que o Android já viu, com cores mais escuras em uma homenagem à popularidade crescente das telas OLED. o Android verde matiz foi usado como uma cor de destaque para realçar os ícones, e os pressionamentos de menu foram pontuados por flashes de laranja. Caso contrário, esta foi uma continuação do Android de aparência antiga.

A chegada da primeira versão específica para tablet do Android mudou tudo, com a influência de Duarte claramente vista no lançamento do Android 3.0 Honeycomb no início de 2011. O Honeycomb alimentou os primeiros rivais do iPad e exibiu uma interface arrojada no estilo sci-fi com uma paleta de cores azul e roxo profundo.

Esta versão nos apresentou as teclas na tela, o paradigma de navegação que permanece com o Android até hoje em alguns telefones. Acabando com o menu antigo e os botões de pesquisa do Gingerbread e versões anteriores, os dispositivos Honeycomb podiam ser navegados com três teclas de navegação virtual: home, back e apps recentes. Empurrar o último ativou o novo alternador de tarefas do Android, mostrando uma pequena prévia dos aplicativos em execução em uma lista de rolagem.

O Honeycomb, lançado ao mercado na tentativa de combater o iPad, atuou como uma espécie de protótipo para o que chegou mais tarde em 2011: Android 4.0 Ice Cream Sandwich e a nova linguagem de design "Holo" - abreviação de holográfico.

Fonte: Alex Dobie / Android Central

'O que é alma do Android? '

Matias Duarte apareceu no palco no evento de lançamento em Hong Kong do novo Galaxy Nexus do Google e da Samsung, o primeiro telefone com Android 4.0, para falar Holo.

Duarte disse aos participantes que, enquanto o Google buscava lançar as bases para a próxima meia década do Android, perguntou a seus usuários o que o Android significava para eles. Ele descobriu que, em 2011, "embora as pessoas gostem do Android, as pessoas precisam do Android, as pessoas não amar Android. "

E então o Google se perguntou, pela primeira vez, "o que é alma do Android? "

"O Android é encantador. Algo lindo, sedutor, algo pelo qual você realmente possa se apaixonar. Android é fácil. Isso simplifica cada parte da minha vida. E o Android deve fazer com que eu me sinta poderoso e inteligente ", disse Duarte aos participantes. A nova IU do Android, com seu tema Holo, foi criada para exemplificar esses valores.

O Holo se baseou no que havia sido iniciado no lançamento do Honeycomb, adicionando a nova fonte Roboto, uma fonte que permanece o padrão na maioria dos dispositivos Android hoje. Ao contrário do Droid Sans, que ele substituiu, o Roboto foi construído para as telas de alta densidade que estavam começando a se tornar comuns na época, proporcionando uma aparência mais moderna e uma experiência de leitura agradável. Em outro lugar, as bordas chanfradas e os botões e menus em relevo foram retirados do Android e substituídos por ícones e móveis de IU mais simples e geométricos.

Fonte: J4lambert, CC BY-SA 4.0, via Wikimedia Commons

Holo Blue (a.k.a # 33B5E5) foi a cor de destaque principal do Ice Cream Sandwich e do lançamento subsequente do Jelly Bean, fazendo com que o Android 4 pareça nítido e futurista, embora nitidamente menos Tron-influenciado do que o Honeycomb havia sido. A paleta de cores mais escuras do Android 2.3 e 3.0 permaneceu, entretanto, e parecia um bom ajuste para o Galaxy Nexus, particularmente com sua tela AMOLED expansiva e de alto contraste.

A maioria dos principais fabricantes de Android continuaria a fazer suas próprias coisas, no entanto. Empresas como Samsung, HTC e LG mais uma vez engessaram o Android com suas próprias camadas de interface personalizadas, muitas vezes executando de maneira bruta o Holo em um esforço para diferenciar seus produtos. Como resultado, um telefone Samsung rodando Gingerbread era praticamente o mesmo que um telefone Samsung rodando Ice Cream Sandwich. Por exemplo, no Galaxy S3, o primeiro grande aparelho Samsung a ser lançado após o Galaxy Nexus co-branded, você teria que olhar realmente difícil ver qualquer trabalho de Duarte e sua equipe.

No entanto, o Holo antigo era uma linguagem de design bastante opinativa, que não poderia ser casada facilmente com as preferências de design da própria empresa. Em total contraste com um dos princípios fundamentais da Material Você, o distinto azul do Holo foi embutido no tema do Holo, sem nenhuma maneira de alterá-lo nos dispositivos Android padrão.

O Android 4.4 KitKat domesticou um pouco o Holo, substituindo os detalhes em azul por brancos mais brilhantes, tornando-se um melhor ajuste ao lado de aplicativos, papéis de parede e ícones usando uma paleta de cores mais diversificada. E isso eventualmente seguiria para o segundo grande redesenho do Android que ocorreu no final de 2014.

Fonte: Android Central

Na conferência de desenvolvedores Google I / O 2014 em San Francisco, Matias Duarte, em sua nova função como vice-presidente de design para todo o Google, revelou o novo Design material língua.

O material design era "uma visão consistente, para dispositivos móveis, desktops e muito mais", disse Duarte. Assim como o Holo chegou bem a tempo para as telas móveis de alta resolução do início dos anos 2010, Material O design aproveitou a potência gráfica aprimorada do hardware móvel disponível no meio desse década. Mas não era apenas para telefones - o material design viveria em tablets, smartwatches, Chromebooks e na web.

“Queríamos um design claro e simples, e que as pessoas entendessem intuitivamente”, explicou Duarte. "Então imaginamos: e se os pixels não tivessem apenas cor, mas também profundidade? E se houvesse um material inteligente que fosse tão simples quanto papel, mas pudesse se transformar e mudar de forma em resposta ao toque? "

Fonte: Phil Nickinson / Android Central

'E se houvesse um material inteligente que fosse tão simples como papel, mas pudesse se transformar e mudar de forma?'

O "papel digital" estava no cerne da visão original do Material Design: IU que parecia uma folha de papel, com sombras sutis para transmitir profundidade, além de ser capaz de expandir, redimensionar, combinar e fazer a transição conforme precisava. Cada superfície em um aplicativo Android agora pode ter um valor de elevação, com a estrutura do Android renderizando adequadamente a iluminação e as sombras sob este papel digital.

O Material Design foi apresentado como simples, geométrico e em camadas, com uma paleta de cores ousada e animações deliciosas. Floresce simples como um botão de reprodução se dividindo em um ícone de pausa quando tocado ou os ícones de contato se expandem para visualizar enquanto carregam define um aplicativo de material à parte da linguagem de design anterior do Holo e permanece como parte do Android hoje.

O material original mostrava isso, junto com tons altamente vibrantes e aplicativos com muitas camadas com animações elegantes que nunca foram completamente percebido quando a linguagem de design foi lançada no Android 5.0 Lollipop. A implementação do material no mundo real acabou sendo mais conservadora, à medida que os engenheiros do Google se esforçavam para preparar a vasta gama de aplicativos Android da empresa para Material. O Android era um grande navio a se dirigir, e a "materialização" do sistema operacional e seus aplicativos acabou sendo um processo de vários anos.

No entanto, o material design no Android Lollipop introduziu vários elementos-chave de design que persistiram por mais de meia década: O botão de ação flutuante eram os principais recursos de localização, como iniciar uma nova mensagem em um aplicativo de mensagens de texto ou adicionar um item a um Lista. E menus deslizantes de "hambúrguer" surgiram como uma forma favorita de navegar entre as principais áreas dos aplicativos. E o botão pressionado e o estouro florescem que estreou com o Material Design no Android 5 e se manteve até o Android 11.

E com o Google exercendo mais controle sobre o ecossistema Android - e a nova linguagem de design sendo mais aberta à personalização - o material design foi mais prontamente incorporado nas skins do Android dos fabricantes em comparação com Holo.

O Material Design sempre teve a intenção de acompanhar o tempo.

No entanto, o material design nunca foi concebido para ser um conjunto estático de diretrizes e continuou a evoluir nas versões subsequentes do Android. O lançamento do Android 6 Marshmallow de 2015 se afastou das cores saturadas que vimos na apresentação inicial do Material. O menu de aplicativos recentes no estilo Rolodex foi desativado no Android 9. E os menus de navegação "Hambúrguer" entraram em conflito com a navegação por gestos do Android 10 e agora foram retirados de muitos aplicativos.

Fonte: Alex Dobie / Android Central

Em 2016, o Google estreou seus primeiros smartphones Pixel, levando a uma evolução ainda maior no material design e uma divergência em relação à visão original de 2014. Com a chegada dos pixels subsequentes, o fabricante do hardware Google procurou diferenciar ainda mais o software do seu telefone. Os aplicativos do Google tornaram-se menos coloridos e, em vez disso, adotaram um esquema de cores limpo em branco e azul. Em 2020, a maioria dos principais aplicativos do Google, como Fotos, Gmail, Notícias e Mapas, haviam adotado essa estética de "Tema material", junto com botões de navegação inferiores semelhantes aos do iPhone.

Os aplicativos do Google de 2020 estavam muito longe do protótipo de material colorido mostrado em 2014. Felizmente, porém, uma reforma de material mais vibrante foi planejada para o Android 12 em 2021.

Fonte: Google

Sete anos depois da estreia do Material Design, a conferência Google I / O foi mais uma vez o local para um grande anúncio de design Android. E Matias Duarte voltou ao palco em Mountain View, desta vez para mostrar a próxima iteração da linguagem de design do Google em Android 12 Material You.

"Em vez da forma seguir a função, e se a forma seguir o sentimento? Em vez do azul do Google, imaginamos Material You - um novo design que inclui você como co-criador, permitindo que você transforme a aparência de todos os seus aplicativos. "

Fonte: Google

'Em vez do azul do Google, imaginamos Material You.'

A magia por trás Material Você foi um projeto conhecido internamente no Google como "Monet". Monet pode examinar a tela inicial que você escolheu plano de fundo, escolha as cores-chave da paleta de materiais e use-as para personalizar todos os aplicativos em seu telefone. Matizes mais suaves seriam usados ​​para planos de fundo, enquanto cores vibrantes e atraentes podem ser aplicadas a botões ou interruptores importantes.

Em contraste com o "Digital Paper" do Material Design 1.0, o Material You parece mais plano e abstrato. As camadas da IU estão ainda está lá, como evidenciado pelos níveis sobrepostos de botões de configurações rápidas, painéis de notificação e bordas ao puxar para baixo a aba de notificação do Android 12.

Fonte: Google

Mas as sombras e bordas afiadas como papel do Android Lollipop sumiram, substituídas por cantos arredondados com raios largos. Até mesmo os widgets da tela inicial foram reformulados com cantos arredondados. O Material You também atua como um antídoto para os aplicativos do Google, muitas vezes enfadonhos, aos quais os usuários se acostumaram no Android 10 e 11. O Android 12, afirma o Google, pode ajudá-lo a escolher uma paleta personalizada que ele sabe que ficará bem em aplicativos, menus e até mesmo em widgets da tela inicial. É uma abordagem de design mais pessoal e expressiva para o que é, afinal, o computador mais pessoal que a maioria das pessoas possui.

E, embora a antiga e fiel fonte Roboto ainda seja usada em alguns lugares, o Material You enfatiza o Google Sans, a fonte oficial da empresa, que traz mais personalidade. O Google Sans é usado em todos os lugares, desde legendas de ícones a menus no aplicativo Configurações, e é ampliado em Tela de bloqueio do Android 12 para preencher a tela com um relógio colorido quando não houver pendências notificações.

Fonte: Nick Sutrich / Android Central

Uma nova direção ousada para o design do Android, mas será que os fabricantes irão embarcar?

A animação floresce em Material You também é uma evolução natural do material design inicial. O relógio Ambient Display ganha vida quando o telefone é atendido, tornando-se mais ousado e colorido. E dependendo de como você bloqueia ou desbloqueia seu telefone, você verá uma aura animada acompanhando a ação.

Material You estreia no Android 12 em telefones Google Pixel no final de 2021, e é provável que alguns outros fabricantes irão incorporá-lo em seus skins Android, bem como o lançamento de atualizações. No entanto, assim como aconteceu com o Holo e o Material Design, não há garantia de que os fabricantes de telefones sigam o exemplo do Google. Os usuários do Android 12 também terão que esperar que os desenvolvedores atualizem seus aplicativos para oferecer suporte aos recursos de troca de paleta do Material You. Se a transição para o material design em 2014 for alguma coisa a se considerar, isso pode levar algum tempo.

No entanto, o que vimos do Material You até agora dá ao Android em geral - e aos dispositivos Google Pixel em particular - um forte identidade de design, com uma linguagem de design bem adaptada aos telefones, relógios, tablets e outras superfícies inteligentes do 2020s.

Se a história for um indicador, estaremos checando novamente em algum lugar por volta de 2026 para saber para onde o material design está indo em seguida.