1
resposta

[Dúvida] Não entendi... o exemplo

"...o exemplo do botão citado em vídeo, que foi amplamente utilizado principalmente pela Apple, no iPhone."

Alguém sabe me explicar o exemplo citado...

Esqueumorfismo/Flat Design...ou Neumorfismo que junta os dois.?

1 resposta

Olá, Sonia. Tudo bem? Perdão pela demora em te responder.

O Esqueumorfismo é um termo comum na área de design, principalmente no design digital. É quando tentamos representar digitalmente, mas de uma maneira fiel, elementos analógicos do nosso cotidiano.

Quem trabalhava bastante com o Esqueumorfismo nos seus sistemas era a Apple, para fazer com que o usuário compreendesse qual ação ele iria realizar, já que o digital remetia o analógico, como podemos verificar na imagem abaixo.

Ícones dos aplicativos do Iphone, como Messages (mensagens) que possui um balão de mensagem branco em um fundo verde, Weather (clima) com o desenho de um sol em um fundo azul, Notes (notas) representado por um bloco de notas com folhas amarelas, Calendar (calendário) representado por um calendário com o dia da semana, Clock (relógio) que possui um fundo preto com um relógio, Reminders (lembretes) representado por uma lista.

Já o Flat Design é o completo oposto do Esquemorfismo. Nele, iremos trabalhar com formas simples, sem profundidade, iluminação e realismo, para a criação de elementos que sejam interpretados de forma clara e direta. Assim, o usuário tem mais facilidade para interpretar o que tem em sua tela.

Como exemplo de Flat Design, podemos destacar a interface do app da Nubank, pois eles trabalham muito bem com as principais características desse estilo visual.

Interface do app da Nubank com características do Flat Design como formas simples, fundo branco, cor roxa e cinza chapado, botões sem volume e visual clean.

Para completar a tríade dos estilos visuais no meio digital, temos o Neumorfismo, que junta os dois estilos anteriores, para indicar características físicas dos objetos presentes na interface de forma sutil, mantendo um certo minimalismo.

Assim como o Esqueumorfismo, ele irá utilizar de luz e sombra para ganhar volume e profundidade e somado a isso, irá fugir do “não tão literal” com o Flat Design.

Atualmente, quem tem utilizado o Neumorfismo de uma forma bastante sutil e bem aplicada é a Apple, no macOS Big Sur. Na imagem abaixo, é possível verificarmos as características do Neumorfirmo presente nos ícones do apps que encontramos no macOS Big Sur.

Imagem que mostra três ícones de aplicativos do macOS Big Sur que apresentam Neumorfismo, onde o primeiro ícone possui o fundo azul e um símbolo branco representando uma carta. Já o segundo ícone possui fundo branco com uma flor contendo oito pétalas com cores distintas. O último ícone, possui fundo cinza com ícone de engrenagem.

Eles adotaram o formato clássico dos ícones do iOS, mas com uma pitada de realismo típica dos ícones de macOS. E voilá, conseguiram chegar ao Neumorfismo!

Espero ter esclarecido a sua questão!

Qualquer dúvida estou à disposição. Até mais e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software