Neumorfismo

Estilo de interface com sombras suaves que fazem os elementos parecerem extrudados da própria superfície.

Hard

O que é

Neumorfismo é um estilo visual em que botões e cartões parecem emergir do fundo, ou afundar nele, por meio de duas sombras suaves, uma clara e uma escura. O resultado é macio, monocromático, quase esculpido na mesma cor da tela. Surgiu como uma releitura do skeuomorfismo depois de anos de flat design.

O problema é que esse efeito vive de contraste sutil, e contraste sutil costuma reprovar em acessibilidade. Botão que mal se distingue do fundo confunde quem tem baixa visão e some em tela com brilho. Por isso o estilo ficou mais como exercício estético do que como linguagem de produto real.

É um estilo de nicho. Conhecer serve pra reconhecer quando aparece e pra saber argumentar por que raramente é a melhor escolha pra um produto que precisa ser usável por muita gente.

Em uma frase

Curti o visual neumórfico da proposta, mas o contraste não passa, então não dá pra levar.

A pergunta que ele responde

Por que aquele estilo de botão macio e esculpido que vi nunca pega em produto de verdade?

Quando usar

Em peças decorativas ou conceituais onde acessibilidade não é o critério principal, e com muita cautela.

Como não usar

Adotar como linguagem de um produto real: o contraste insuficiente quebra usabilidade e acessibilidade.

Na prática

Um time propõe um painel todo neumórfico, e o teste de contraste reprova os botões. A beleza não passou no básico de acessibilidade.

Não confunda com

Neumorfismo não é flat design: o flat abre mão de volume e sombra em nome da clareza, o neumorfismo reintroduz volume suave. E não é skeuomorfismo: não imita objeto do mundo real, só sugere relevo na mesma superfície.

D

Em inglês

Neumorphism

Pronúncia

ne-u-mor-fis-mo

Também chamado de

neumorfismo, soft UI

Origem

n/a

Fonte

Saiba mais

Nielsen Norman Group, artigo sobre contraste e acessibilidade visual