# Closure

> El cerebro completa formas incompletas. Use cuando diseñe iconos minimalistas, logos, o interfaces que sugieren más de lo que muestran explícitamente.

- Skill: `majiayu000/closure` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds add majiayu000/closure`
- Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/closure/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: majiayu000 (https://skillmd.com/u/majiayu000)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/majiayu000/closure

---


# 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/