---

name: closure description: El cerebro completa formas incompletas. Use cuando diseñe iconos minimalistas, logos, o interfaces que sugieren más de lo que muestran explícitamente. metadata: author: ux-ui-skills version: "1.0" category: gestalt

Principio de Cierre

Resumen

El cerebro tiende a completar formas incompletas o fragmentadas, rellenando los vacíos para percibir objetos completos y familiares.

Origen

• Escuela: Psicología de la Gestalt
• Año: ~1920s
• Autores principales: Max Wertheimer, Kurt Koffka, Wolfgang Köhler

Fundamento Psicológico

El sistema visual busca patrones completos y reconocibles. Cuando encuentra elementos incompletos pero sugerentes, automáticamente "cierra" los gaps para formar figuras coherentes. Esto permite diseños más limpios que comunican con menos elementos visuales.

Aplicación en Diseño

Iconografía Minimalista

• Iconos con formas sugeridas, no cerradas
• Símbolos que implican acción sin mostrarla completa
• Logos que usan espacio negativo
• Indicadores con elementos parciales

Cards y Containers

• Cards sin bordes completos
• Secciones delimitadas por elementos parciales
• Fondos que sugieren límites
• Shadows que implican separación

Carousels y Listas

• Items parcialmente visibles sugieren más contenido
• Peek de siguiente elemento
• Scroll indicators implícitos
• "Ver más" sugerido visualmente

Navegación

• Menús que se "cortan" sugiriendo scroll
• Tabs que continúan fuera del viewport
• Breadcrumbs con elementos truncados
• Indicadores de paginación parciales

Ejemplos

• IBM Logo: Líneas horizontales que el ojo completa
• WWF Panda: Figura formada por espacios negativos
• Carousels: Item parcial visible sugiere más
• Loading skeletons: Formas sugieren contenido
• macOS Dock: Reflejo parcial implica profundidad

Anti-patterns

• ❌ Formas tan incompletas que no se reconocen
• ❌ Elementos cortados que parecen bugs
• ❌ Iconos demasiado abstractos para cerrar
• ❌ Contenido oculto sin indicación de más
• ❌ Gaps que el usuario no puede completar mentalmente

Métricas

• Icon Recognition Rate: Usuarios identifican iconos correctamente
• Content Discovery: % que encuentra contenido parcialmente visible
• Minimalism Score: Elementos necesarios vs superfluos
• Visual Completion Test: Formas reconocidas vs no reconocidas

Principios Relacionados

• [[pragnanz]] - Tendencia a formas simples
• [[figure-ground]] - Separar figura del fondo
• [[continuity]] - Completar líneas y curvas

Referencias

• Wertheimer, M. (1923). "Laws of Organization in Perceptual Forms"
• Lidwell, W. et al. (2010). "Universal Principles of Design"
• https://www.nngroup.com/articles/gestalt-closure/