Neumorphism

ニューモーフィズム / late 2010s– / Estilo / Estilos de interfaz

Convierte fondo y controles en un solo material, mostrando el relieve solo mediante sombras suaves.

Neumorphism — interpretación generada por IA 1
Interpretación generada por IA, no una obra de referencia
Neumorphism — Vectorium, elementos de interfaz neumórficos, 2020 — Wikimedia Commons / CC BY-SA 4.0
Vectorium, elementos de interfaz neumórficos, 2020 — Wikimedia Commons / CC BY-SA 4.0 · CC BY-SA 4.0
Neumorphism — Joefou, botones neumórficos sobre fondos claros y oscuros, 2020 — Wikimedia Commons / CC BY-SA 4.0
Joefou, botones neumórficos sobre fondos claros y oscuros, 2020 — Wikimedia Commons / CC BY-SA 4.0 · CC BY-SA 4.0

De un vistazo

Rasgos visuales

  • Superficies del mismo color
  • Sombras en dos direcciones
  • Piezas redondeadas
  • Bajo contraste

Usos idóneos

  • Pantallas conceptuales con poca interacción
  • Una impresión de producto suave y silenciosa

Usar este estilo

Lleva el resumen al proyecto o entrega la especificación estructurada a una herramienta de IA.

Guía detallada y fuentesReglas de producción, obras de referencia, comparaciones, investigación y citas

Entrada del diccionario

Tipografía
Sans serif sobria
Composición
Márgenes amplios, pocos controles
Material
Fondo pálido, una sombra clara y otra oscura, esquinas redondeadas
Precaución
La falta de contraste aparece con facilidad, así que las acciones importantes y los estados se marcan también con color y contorno.
Para profundizar
Alexander Plyuto / Michał Malewicz

Entradas relacionadas

Se confunde a menudo con

Más de Estilos de interfaz

Continúa con estilos de Estilos de interfaz, priorizados por sus efectos compartidos.

Ver todas las entradas de Estilos de interfaz

Citar esta entrada

El diccionario existe para que se enlace. Toma la forma que encaje donde estés escribiendo.

Link
https://indexstyle.org/es/styles/neumorphism
Markdown
[Neumorphism — IndexStyle](https://indexstyle.org/es/styles/neumorphism)
HTML
<a href="https://indexstyle.org/es/styles/neumorphism">Neumorphism — IndexStyle</a>

Volver a su posición en el índice