El neomorfismo es un estilo de interfaz que mezcla skeumorfismo y diseño plano. Usa sombras suaves, una clara y una oscura, para que los elementos parezcan salir del fondo, como si fueran del mismo material.
Por qué llama la atención
Se ve moderno y táctil sin recargar la pantalla. Funciona bien en mockups y en conceptos de apps de domótica, música o termostatos, como los ejemplos que se muestran más abajo.
El problema: el contraste
Las pautas WCAG 2.2, en el criterio 1.4.11, piden que los componentes de interfaz y los objetos gráficos tengan al menos 3:1 de contraste frente a los colores que los rodean (W3C). En el neomorfismo, un botón se distingue del fondo solo por una sombra sutil del mismo tono, así que suele quedar por debajo de ese umbral. Para una persona con baja visión, el control puede volverse invisible.
Cuándo usarlo
- En elementos decorativos o de baja prioridad, como tarjetas informativas.
- Con un borde o un color de acento que marque los controles.
- No en botones, campos ni estados (activo, desactivado, error) si dependen solo de la sombra.
Antes de publicar un diseño
Mide el contraste de los bordes de cada control contra el fondo. Si no llega a 3:1, agrega un borde, un relleno de color o un ícono de apoyo, y evalúa el contraste antes de aplicar este estilo en tu próximo proyecto.
Ejemplos Destacados de Neomorfismo
Algunos exponentes notables del Neomorfismo incluyen la app de control de hogar inteligente diseñada por Igor Lutsenko y la rediseñada interfaz de usuario de Tesla Smart App por Gavrisov Dmitri. Además, la aplicación de música de Filip Legierski y el concepto de la app de termostato por Andrew Millen destacan por su uso efectivo de sombras sutiles y transiciones suaves para crear una experiencia táctil y atractiva. Estos ejemplos muestran cómo el Neomorfismo puede ser aplicado en diversas industrias, desde el entretenimiento hasta la gestión del hogar, ofreciendo interfaces que son tanto funcionales como estéticamente agradables.