Estilo Visual WikiFSF - Guía de composición compacta y funcional
De FSF
🎯 Principio central
- El contenido debe ser compacto, claro y funcional
- Evitar espacios innecesarios y fragmentación
- Mostrar el máximo valor en el menor espacio posible
Menos espacio vacío, más contenido significativo
🧠 Filosofía
- La página no es solo texto → es un mapa mental
- El lector debe:
- Entender rápido (escaneo)
- Profundizar después (lectura)
- Aplicar (acción)
- El diseño guía la comprensión
📦 Estructura base
- Encabezado + imagen lateral
- Video principal
- Bloque de texto central (<small>)
- Tabla principal (mapa)
- Tablas secundarias (acción)
- Cierre con frase
🚫 Lo que se debe evitar
- Espacios vacíos innecesarios
- Saltos de línea excesivos
- Separar contenido que puede unificarse
- Repetir palabras o etiquetas visuales
- Tablas múltiples cuando pueden ser una
🧩 Tablas (regla clave)
- Usar tablas como estructura visual
- Agrupar información en una sola tabla cuando sea posible
- Usar rowspan para evitar repetición
- Usar color para separar bloques, no texto
Las tablas son mapas, no listas
🎨 Uso del color
- Cada bloque tiene un color suave distinto
- El color indica categoría mental:
- Azul → concepto / idea
- Naranja → acción / método
- Verde → resultado / cambio
- Amarillo → alerta / resistencia
- Morado → enfoque / sistema
- No saturar colores
- El color reemplaza separación visual
✍️ Texto
- Compacto, continuo, sin relleno
- Evitar listas largas innecesarias
- Priorizar flujo narrativo en <small>
- El texto debe sentirse vivo, no académico
⚙️ Elementos clave
- {{a2 | Texto }} → idea fuerte / corte mental
- {{a3 | Texto }} → agrupación visual dentro de tablas
- {{oro| Texto }} → cierre o frase clave
🧠 Flujo ideal
- Ver → entender rápido
- Leer → comprender
- Practicar → transformar
🔥 Regla de oro
Si algo puede unificarse, no lo separes.
📌 Aplicación en ED
- Permite escalar contenido sin perder calidad
- Reduce tiempo de creación
- Mejora experiencia del usuario
- Convierte la wiki en sistema visual
