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