Neomorfismo não é mais só uma tendência

Como a Apple aplicou o neomorfismo de forma sutil e sem prejudicar a acessibilidade no novo MacOS Big Sur!

Agora que a Apple Worldwide Developers Conference 2020 terminou, temos tempo para assimilar todas as informações e gerar conteúdo! E eu estava ansiosa para falar sobre o novo visual dos sistemas operacionais, em específico do MacOS.

Sobre as novidades de design (no Big Sur) em resumos (beeeem resumido) podemos destacar:

• O efeito translúcido, que aparece de forma abundante nas interface do Big Sur.
• O novo componente chamando SideBar, que democratiza o layout de três colunas nos aplicativos para Mac e iPad.
• E o neomorfismo, que chama atenção nos ícones!

No macOS 11, as janelas adotam toques visuais que lembram as interfaces do iOS.

Mas a grande estrelinha deste tecto será o neomorfismo! Você ainda não ouviu falar sobre ele? Calma, que eu vou te explicar…

Neomorfimo: pra que te quero?

A palavra Neomorfismo é um neologismo para o termo em inglês neumorphism (fica a dica aí pra pesquisar em sites estrageiros).

Ele é basicamente um novo estilo de design, como o Flat Design e o Esqueumorfismo. E apareceu como tendências nos radares de 2019/2020.

A proposta é unir o que há de melhor nos dois mundos: Simplicidade visual do Flat Design e a capacidade de indicar affordance do Esqueumorfismo. De forma simples e direta: Indicar características físicas dos objetos presentes na interface, sem deixar de ser minimalismo.

O neomorfismo vai utilizar de luz e sompra para dar volume aos objetos e através disto indicar suas funções (affordance). A interface ganha contornos de realismos, mesmo sem a aplicações de várias texturas (lembram de como era a interface do primeiro iPhone?) .

Freebie Neumorphic UX UI Elements by Emy Lascan on Dribbble.com

O neomorfimo foi bastante criticado (por mim também), principalmente em relação a acessibilidade.

Um dos grandes "segredos" para produzir o efeito é necessário combinar bem as cores. A cor do fundo tem que ser a mesma (ou bem próxima) dos elementos da interface, e isso de cara é um problema: Como fica o contraste nisso tudo?

A sombra é responsável por favorecer o contraste, mas em vários contextos, isso é um problema perante condições relacionadas a visão (inclua aqui: daltonismo, astigmatismo, baixa visão e outras condições comuns em nossa sociedade).

Maaaaaaas a Apple encontrou um jeito interessante de aplicar um pouco de neomorfismo na interface do Big Sur, sem enfrentar esses problemas! Por enquanto o estilo está restrito aos ícones (siiim, aos ícones).

Big Sur e seus ícones

Nesta WWDC (2020) a Apple transpareceu bastante que pretende cada vez mais unificar as linguagens visuais de seus produtos (temos visto principalmente a interface do Mac e do iPad se aproximarem bastante).

Os ícones do Mac anteriormente atendiam à um estilo de silhuetas únicas e próprias (que era bem interessante também), mas a empresa decidiu unificar a aparência, a partir de agora os ícones também prezarão a consistência entre as plataformas.

Como eles fizeram isso? Adotaram o formato clássico dos ícones do iOS e iPadOS, mas com a renderização mais realista típica dos ícones de macOS. E é aqui que surge o neomorfismo!

Os ícones de aplicativos combinam uma forma de retângulo arredondado, uma perspectiva frontal e uma sombra consistente para fornecer uma experiência visual unificada.

A sombra aparece bastante para criar aplicar o efeito realista nos ícones, mas sem texturas, buscando ainda um visual minimalista!

É um pequeno passo, se olharmos para a interface como um todo. Mas demostra a importância de ficar de olho nas tendências e pode indicar uma revolução de design nos próximos anos (podemos estar vivendo uma transição).

A dica é:

• Fique de olho nas tendências;
• Pratique os estilos comentados por aí;
• Não deixe de criticar, pois isso nos ajuda a compreender onde o estilo pode ser melhor aplicado;