Diseño Más detalle D · Nombre de uso cotidiano o de uso especial

Claymorphism

Claymorphism

Claymorphism es un estilo divertido con formas hinchadas y esquinas redondas. Las sombras suaves y los colores pastel hacen que parezca arcilla.

Ver cómo funciona
Podrías llamarlo ClaymorphismUI de arcillainterfaz suave 3D

Ver cómo funciona

Ejemplo trabajado originalClaymorphism

Otro ejemplo

Una app de hábitos para niños convierte cada meta cumplida en una insignia suave, parecida a un juguete.

Partes principales

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

Úsalo cuando

Úselo para una marca amigable, un momento liderado por ilustraciones o unos pocos objetos principales y lúdicos.

No lo uses cuando

Nunca use formas gruesas y suaves en controles saturados donde el espacio y el contraste ya son limitados.

Nombre usado en código

rounded volume + soft dual shadows

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 Claymorphism (Claymorphism). User context: Una app de hábitos para niños convierte cada meta cumplida en una insignia suave, parecida a un juguete. Design concept to apply: Claymorphism (Claymorphism). Why it fits: Úselo para una marca amigable, un momento liderado por ilustraciones o unos pocos objetos principales y lúdicos. Do not use it when: Nunca use formas gruesas y suaves en controles saturados donde el espacio y el contraste ya son limitados. 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): Esto no es un estándar normativo. Su nombre, límites y comportamiento esperado pueden cambiar de una fuente a otra. Unknowns to confirm: Brand limits, amount of content, supported themes and languages, target devices, and design-system rules.

Revisa esta petición

Review how Claymorphism (Claymorphism) is used now. Definition: Claymorphism es un estilo divertido con formas hinchadas y esquinas redondas. Las sombras suaves y los colores pastel hacen que parezca arcilla. 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.

D
Qué tan oficial es este término?

Nombre de uso cotidiano o de uso especial

Este puede ser un nombre cotidiano o antiguo, un nombre usado por una compañía o una categoría de Vibulary. Las fuentes pueden apoyar la práctica o las limitaciones, pero pueden no definir el nombre.

Esto no es un estándar normativo. Su nombre, límites y comportamiento esperado pueden cambiar de una fuente a otra.

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.