Principios de composición (CRAP)
Principios de composición (CRAP)
12 reglasAplica CRAP como filtro final, no como receta
Los cuatro principios, Contraste, Repetición, Alineación y Proximidad, son un checklist que pasas sobre la pieza terminada, en ese orden, no una fórmula que sigues desde la página en blanco. Diseña primero el contenido guiado por el mensaje y luego audítalo: hay algo casi-pero-no-del-todo distinto, se repite un sistema, todo alinea con algo, están agrupados los elementos relacionados. Usar CRAP como receta inicial produce maquetas mecánicas; usarlo como pase final atrapa los errores reales.
C ontraste · R epetición · A lineación · P roximidad
Si dos cosas difieren, hazlas claramente distintas
La regla del contraste es tajante: si dos elementos no son iguales, no los hagas casi iguales, hazlos muy diferentes. Un titular a 32pt junto a un cuerpo de 14pt es contraste; el mismo titular a 16pt es solo ruido, tan parecido que se lee como error. Las diferencias tímidas, un tamaño un poco mayor, un gris apenas más oscuro, se leen como accidentes; comprométete con el salto para que el ojo registre los dos como deliberadamente distintos.
Usa el contraste para crear un punto de entrada
El contraste es cómo construyes jerarquía y le dices al ojo dónde empezar. El elemento con mayor peso visual, por tamaño, peso de fuente, color o espacio alrededor, debe ser lo primero que se lee; todo lo demás baja un escalón desde él. Si varios elementos comparten el peso máximo, el ojo no tiene punto de entrada y duda. Elige un elemento dominante por composición y deja que el contraste lo corone.
Repite un elemento visual en cada página
La repetición ata páginas sueltas en un solo documento. Lleva al menos un elemento visual, un color de acento, una regla, un estilo de viñeta, la tipografía de titulares, a través de cada página para que el lector perciba un sistema y no una pila de hojas sin relación. El elemento repetido es el tejido conectivo: sin él, cada página parece diseñada por una mano distinta.
Repite el patrón, varía el contenido
La repetición no es monotonía. Repite el tratamiento, el mismo estilo de folio, el mismo marco de pull-quote, la misma pareja foto-pie, mientras el contenido dentro cambia página a página. Cuando la repetición congela patrón y contenido a la vez, el ojo se cansa y deja de leer; cuando el patrón se mantiene pero el contenido se mueve, el lector obtiene ritmo más sorpresa. Consistencia de sistema, variedad de sustancia.
Da a cada elemento una línea invisible con otro
La regla central de la alineación: nada en la página se coloca arbitrariamente. Todo elemento debe compartir un borde invisible, un margen izquierdo, una línea base, un centro, con al menos otro elemento, para que el ojo sienta un orden no visto. El movimiento amateur clásico es centrar un bloque de texto entre elementos alineados a la izquierda solo porque se sintió balanceado; en su lugar, cuélgalo de un borde existente. La alineación fuerte se siente aun cuando no se puede nombrar.
Elige una alineación dominante por documento
Comprométete con una sola alineación dominante, normalmente a la izquierda, que es la más legible en textos largos porque cada línea arranca del mismo borde predecible. Usa la alineación contraria solo como acento deliberado, un pie a la derecha, un título centrado en una portada formal, nunca mezclada sin criterio. Centrar y justificar cosas dispersas por todo un documento es la señal más segura de una mano sin formación.
Agrupa lo relacionado más cerca que lo no relacionado
La proximidad dice que la distancia física codifica relación. Agrupa lo relacionado, título más subtítulo más autor, pie pegado a su foto, a menos de la mitad de la distancia que los separa de elementos no relacionados. El ojo lee grupos antes que contenido: si el pie queda equidistante de dos fotos, no pertenece a ninguna. Aprieta lo relacionado, abre espacio alrededor de lo que no lo está.
Prueba la proximidad tapando lo demás
Prueba rápida de proximidad: tapa todo menos dos bloques y pregúntate si su espaciado por sí solo te dice si están relacionados. Si no puedes decidir, la proximidad falló, y el arreglo es el espaciado, no una línea divisoria. Agregar reglas o cajas para señalar agrupación es tratar el síntoma; reespacía los elementos hasta que la distancia cargue el significado por sí misma.
Nunca arregles la estructura rota con línea o caja
Una regla o caja no sustituye a la estructura. Si el lector necesita un separador para entender qué va con qué, el problema real es alineación o proximidad rota, arréglalas primero. Líneas y cajas agregan ruido visual y a menudo solo tapan una maqueta que nunca agrupó ni alineó sus partes. Resuelve la relación con espacio y bordes; recurre a una regla solo cuando la estructura ya se lee y la línea aporta énfasis genuino.
Detecta los tres delatores amateur
Tres síntomas delatan una maqueta sin formación de un vistazo: texto centrado sin un patrón consistente, mucho texto en la misma alineación pero nunca agrupado por proximidad, y decoración, líneas, cajas, sombras, usada para compensar la falta de estructura. Cuando los veas, no agregues más; quita la decoración y reconstruye con contraste, alineación y proximidad. La cura casi siempre es restar más mejor espaciado.
Aplica CRAP también a portada y contraportada
La portada y la contraportada son donde el lector decide primero si el documento tiene sistema. Pásales los mismos cuatro filtros: gana el título por contraste, se repiten el color de acento y la tipografía del interior, alinea cada elemento con un borde compartido, están agrupados por proximidad los elementos relacionados, título y subtítulo, logo y lema. Un interior pulido tras una portada caótica se lee como suerte, no como intención.
- R-345 Aplica CRAP como filtro final, no como receta
- R-346 Si dos cosas difieren, hazlas claramente distintas
- R-347 Usa el contraste para crear un punto de entrada
- R-348 Repite un elemento visual en cada página
- R-349 Repite el patrón, varía el contenido
- R-350 Da a cada elemento una línea invisible con otro
- R-351 Elige una alineación dominante por documento
- R-352 Agrupa lo relacionado más cerca que lo no relacionado
- R-353 Prueba la proximidad tapando lo demás
- R-354 Nunca arregles la estructura rota con línea o caja
- R-355 Detecta los tres delatores amateur
- R-356 Aplica CRAP también a portada y contraportada