Una marca de iluminación prepara una campaña con una fotografía panorámica, un titular fino y un acento amarillo. Al trasladarla a una publicación vertical, el producto queda cortado y el título apenas se lee. En la web, otra persona cambia la tipografía para que quepa. Las piezas proceden de una misma idea, pero ya no parecen relacionadas. Un sistema visual de campaña debe anticipar estas adaptaciones y definir qué rasgos se conservan, cuáles cambian y cómo revisar el conjunto en los tamaños donde será utilizado.
Identifica los rasgos que sostienen el reconocimiento
Selecciona pocos elementos reconocibles: una familia tipográfica, un tratamiento de fotografía, un acento de color y una manera de ordenar títulos, por ejemplo. Distingue estos rasgos de decisiones circunstanciales como la posición exacta del logo en una pieza. Crea un tablero con aplicaciones de distintos tamaños y comprueba si se perciben relacionadas sin ser idénticas. Para la marca de iluminación, puede mantenerse una fotografía de producto sobre fondos sobrios mientras cambia la composición. La guía debe explicar estas relaciones para que el equipo pueda adaptar una pieza nueva sin copiar rígidamente una distribución que no corresponde a su formato.
Define jerarquías tipográficas que soporten variaciones
Establece funciones para titular, descripción breve, datos secundarios y firma de marca. Prueba textos reales, incluidos títulos largos y palabras con acentos. No reduzcas toda la letra para hacer encajar una composición: revisa saltos de línea, cantidad de contenido y espacio disponible. En la web, el texto debe adaptarse al ancho y conservar su legibilidad al ampliarse. Una imagen del anuncio con todas las palabras incrustadas dificulta esa adaptación. Documenta ejemplos de títulos cortos y extensos para que quien edita sepa cuándo cambiar la estructura en lugar de deformar las proporciones del sistema.
Asigna funciones al color y prepara recortes
Indica qué color actúa como fondo, cuál destaca información y qué combinaciones permiten leer el texto. El amarillo de una gran superficie no necesariamente funciona para letras pequeñas sobre blanco. Comprueba las parejas utilizadas en cada aplicación. Para las fotografías, define un punto de interés y prepara recortes que conserven el producto completo cuando sea relevante. El elemento picture permite ofrecer alternativas de imagen según condiciones de presentación, útil cuando distintos espacios requieren una composición específica. No oscurezcas ni alteres automáticamente todas las fotos para acomodar texto; evalúa primero separar la zona de lectura del sujeto principal.
Revisa el conjunto en sus tamaños de uso
Monta las piezas como aparecerán en un teléfono, una pantalla amplia y los otros soportes previstos. Comprueba márgenes, tamaño del logo, equilibrio entre imagen y texto y consistencia del tratamiento fotográfico. Una revisión ampliada puede ocultar problemas que aparecen al reducir. Reúne las variaciones aprobadas con notas sobre recortes y límites de texto. Si una aplicación requiere una excepción, explica su motivo y verifica que conserve los rasgos principales. Actualiza la referencia compartida cuando se apruebe una mejora para evitar que el equipo siga copiando versiones antiguas que ya no representan las decisiones de la campaña.
DE LA LECTURA A LA ACCIÓN
Para aplicar hoy
- Define rasgos visuales constantes y permite composiciones propias de cada formato.
- Prueba jerarquía tipográfica y contraste con contenido real en tamaño de uso.
- Prepara recortes y ejemplos aprobados que permitan reproducir las decisiones visuales.
Fuentes y referencias
Documentación para profundizar. Los ejemplos de esta guía son didácticos.