Diseño Más detalle C · Convención de la industria

Skeuomorphism

Skeuomorfismo

El skeuomorfismo copia objetos reales familiares para explicar un control digital. También puede copiar sus materiales.

Ver cómo funciona
Podrías llamarlo SkeuomorphismUI realistametáfora física

Ver cómo funciona

Ejemplo trabajado originalSkeuomorfismo

Otro ejemplo

Una app de grabación parece un micrófono. Sus controles de aspecto físico hacen que el propósito sea claro.

Partes principales

  1. 01Content surface
  2. 02Distinct visual treatment
  3. 03Action and readability check

Úsalo cuando

Úsalo cuando un ejemplo real hace que el producto sea más fácil de aprender o agrega un carácter útil.

No lo uses cuando

Nunca agregues decoración realista que desperdicie espacio o parezca utilizable cuando no lo es.

Nombre usado en código

material metaphor

Antes de lanzarlo

Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience.

Solicitud que puedes copiar

Outcome: Complete the task with Skeuomorfismo (Skeuomorphism). User context: Una app de grabación parece un micrófono. Sus controles de aspecto físico hacen que el propósito sea claro. Design concept to apply: Skeuomorfismo (Skeuomorphism). Why it fits: Úsalo cuando un ejemplo real hace que el producto sea más fácil de aprender o agrega un carácter útil. Do not use it when: Nunca agregues decoración realista que desperdicie espacio o parezca utilizable cuando no lo es. Design requirements: Set the content order, shared design values, and reusable components. Define how the layout changes by screen size and state. Keep useful design choices separate from decoration. Inclusion and resilience: Check contrast, zoom, languages, themes, and reduced motion when needed. Do not use color or effects as the only way to show meaning. Acceptance criteria: The design stays clear on phones and desktops, at zoom, in every theme, and in all supported languages. Interactive states stay clear and consistent. Evidence and limits (evidence boundary): Ningún estándar oficial único controla todo el término. Su significado puede cambiar según equipos, plataformas o marcos. Unknowns to confirm: Brand limits, amount of content, supported themes and languages, target devices, and design-system rules.

Revisa esta petición

Review how Skeuomorfismo (Skeuomorphism) is used now. Definition: El skeuomorfismo copia objetos reales familiares para explicar un control digital. También puede copiar sus materiales. Release checks: Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.

C
Qué tan oficial es este término?

Convención de la industria

La gente a menudo usa este término en el trabajo. Las fuentes listadas pueden apoyar la práctica o las limitaciones. No definen cada parte del término.

Ningún estándar oficial único controla todo el término. Su significado puede cambiar según equipos, plataformas o marcos.

Alcance
Ningún documento formal único lo cubre todo
Estado del documento
no aplicable
Comprobado el
2026-07-30

Fuentes de evidencia y alcance

Origen del fondoNo hay una definición única y autorizadaLa gente usa este nombre en el trabajo, pero ninguna fuente oficial lo define completamente. Vibulary escribió este significado y ejemplo como ayuda de aprendizaje.

Cópialo tú mismo

El navegador no pudo copiar esto. Selecciona la solicitud a continuación y cópiala tú mismo.