La zona de protección es el área alrededor de un logo en la que no puede entrar nada más: ni texto, ni otros logos, ni fotografía, ni el borde de la página. Es una de las primeras reglas de cualquier manual de marca y una de las que más se incumplen, normalmente porque se documentó de una forma que nadie podía aplicar. Este artículo explica cómo se define la zona de protección, cómo dibujarla en Illustrator paso a paso, cómo presentarla en un manual, y los errores que hacen la regla inutilizable. La última sección muestra cómo generarla automáticamente.
Qué es la zona de protección, y por qué es una proporción
Un logo aparece a 12 mm en una tarjeta de visita y a 3 m en un edificio. Una regla escrita en píxeles o milímetros no puede sobrevivir a ese rango, así que la zona de protección se escribe como una proporción del propio logo. Los manuales eligen una unidad, casi siempre llamada X, tomada de una dimensión del símbolo: la altura del logomark, la altura de mayúsculas del logotipo, o la altura de una letra del logotipo. Como X escala con el logo, la regla se mantiene a cualquier tamaño, y quien la aplica solo necesita una regla.
La dimensión que elijas importa menos que elegir una que exista en cada versión del logo (lockup). Si el logomark está presente en todas las versiones, su altura es la unidad natural. Si el logotipo puede aparecer solo, define X a partir de su altura de mayúsculas, o de una letra concreta, para que la unidad sea visible dentro del propio dibujo.
Las convenciones habituales
Muchos manuales documentan más de una distancia, porque la regla generosa que queda bien en un cartel es imposible en una franja de co-branding. Las etiquetas varían, pero las proporciones suelen caer en una escalera sencilla.
| Zona | Distancia desde el logo | Dónde se aplica |
|---|---|---|
| Zona de exclusión | X | Papelería, señalética, portadas, cualquier composición con espacio |
| Zona de protección óptima | X/2 | Uso cotidiano: documentos, cabeceras web, diapositivas |
| Zona de protección mínima | X/4 | Ubicaciones ajustadas: composiciones con partners, pies de página, letra pequeña |
Algunas marcas se saltan la escalera y dan un solo valor, a menudo la altura de una letra minúscula o el ancho de una contraforma. Está bien siempre que la referencia esté dibujada en la página. Una regla que dice "la zona de protección es igual a la altura de la o", con la o resaltada, es más fácil de aplicar que "la zona de protección es igual a 0,5X" con X definida en una nota al pie.
Dibujarla a mano en Illustrator
Los pasos siguientes asumen un logo terminado en un archivo maestro. Trabaja sobre una copia, o en una capa aparte y bloqueada, para que el dibujo en sí nunca se toque.
1. Prepara el archivo
Pon el logo en su propia capa y bloquéala (Ventana > Capas, F7). Crea una capa nueva encima llamada Zona de protección. Si el logotipo sigue siendo texto editable, selecciónalo y elige Texto > Crear contornos (Shift+Cmd+O, Shift+Ctrl+O en Windows) en esta copia: los límites de un objeto de texto incluyen el interlineado y los márgenes laterales de los glifos, y lo que quieres son los límites de las letras, no los de la caja de texto. Si el símbolo usa trazos o efectos, expándelos (Objeto > Expandir apariencia, después Objeto > Expandir) o activa Usar límites de previsualización en Illustrator > Ajustes > Generales (Edición > Preferencias > Generales en Windows) para que el panel Transformar mida el borde visible.
2. Mide la referencia
Selecciona el logomark solo y abre Ventana > Transformar (Shift+F8). Lee An y Al, el ancho y el alto. Decide cuál de los dos es X y anota el número, idealmente en el nombre de la capa: Zona de protección, X = 24 mm (altura del símbolo). Si tu referencia es la altura de mayúsculas del logotipo, selecciona una sola mayúscula convertida a contornos y lee Al.
3. Dibuja el rectángulo de exclusión
Selecciona el logo completo, el símbolo y el logotipo juntos, coloca el punto de referencia del panel Transformar en la esquina superior izquierda, y anota X, Y, An y Al. Elige la herramienta Rectángulo (M), haz un clic en la mesa de trabajo, introduce los mismos An y Al, y luego escribe los mismos X e Y en el panel Transformar con el mismo punto de referencia. Ahora tienes un rectángulo que coincide exactamente con el cuadro delimitador del logo.
Con el rectángulo seleccionado, elige Objeto > Trazado > Desplazamiento, introduce X como desplazamiento, ajusta Uniones a Ángulo y haz clic en OK. Illustrator crea un segundo rectángulo X más grande por cada lado: esa es la zona de exclusión. Repite desde el cuadro delimitador con X/2 y X/4 si documentas una zona óptima y una mínima.
Desplazamiento aplicado directamente al logo seguiría su contorno en lugar de dibujar un rectángulo, y por eso el cuadro delimitador va primero.
4. Da estilo a las zonas
Deja los rectángulos sin relleno y con un trazo fino; 0,5 pt es más que suficiente. Abre Ventana > Trazo (Cmd+F10, Ctrl+F10 en Windows), marca Línea discontinua, introduce un guion de 3 pt y un espacio de 3 pt, y activa la opción que alinea los guiones con las esquinas y los extremos del trazado para que las esquinas queden limpias. Usa un color que no pertenezca a la marca, magenta o cian, para que nadie confunda la zona con el dibujo. Añade la unidad: dibuja un cuadrado pequeño de X por X situado entre el logo y el borde de exclusión y etiquétalo como X con una leyenda breve.
5. Conviértelas en guías
Para tu propio archivo de trabajo, las guías son más limpias que los trazados. Activa la capa Zona de protección, selecciona los rectángulos y elige Ver > Guías > Crear guías (Cmd+5, Ctrl+5 en Windows). Los rectángulos se convierten en guías rectangulares que se ajustan como cualquier otra guía. Bloquéalas con Ver > Guías > Bloquear guías (Cmd+Opt+;, Ctrl+Alt+; en Windows) y muéstralas u ocúltalas con Cmd+; (Ctrl+; en Windows). Las guías pierden el patrón discontinuo, así que conserva una copia discontinua en una capa oculta para la página del manual. Ver > Guías > Soltar guías (Cmd+Opt+5, Ctrl+Alt+5 en Windows) las devuelve a trazados cuando necesites editarlas.
Cómo mostrarla en el manual de marca
Una página por versión del logo es la maquetación habitual: el logomark solo, el logo horizontal, el logo apilado, y el logotipo solo si está permitido. Cada página muestra el logo a un tamaño cómodo, el límite de exclusión como un rectángulo discontinuo, la unidad X como un cuadrado pequeño marcado, y una frase que enuncia la regla con palabras: mantén en cada lado un área igual a X libre de texto, imágenes y otras marcas; X es la altura del logomark. Si documentas una zona óptima y una mínima, dibuja ambas y etiqueta la mínima como mínima, para que nadie lea el valor más ajustado como el valor por defecto.
El tamaño mínimo es una regla distinta, pero pertenece a la misma doble página, porque las dos preguntas llegan juntas: hasta qué punto puede reducirse, y cuánto espacio necesita.
Mantén los rectángulos discontinuos fuera de los archivos de logo entregados. La zona de protección es documentación. Un SVG que arrastra una caja discontinua perdida es un ticket de soporte esperando a ocurrir.
Errores que hacen la regla inutilizable
- Documentar en píxeles. Una zona de protección de 20 px no significa nada a 3 m y nada para una imprenta. Defínela como una proporción y, si no queda más remedio, da un único ejemplo resuelto en milímetros.
- Olvidar el logotipo. Si el logotipo puede aparecer solo, necesita su propia zona de protección, con una referencia tomada de sus propias letras.
- Referencias inconsistentes. Una página deriva X de la altura del símbolo, la siguiente de la altura de mayúsculas del logotipo, y las zonas resultantes no tienen la misma proporción. Elige una referencia, o enuncia ambas explícitamente con un dibujo.
- Medir la caja de texto. El texto editable mide más ancho y más alto que sus glifos. Convierte una copia a contornos antes de medir.
- Ignorar trazos y efectos. Un símbolo con trazo medido sin Usar límites de previsualización da una X demasiado pequeña.
- Entregar la zona dentro del logo. El rectángulo discontinuo pertenece al manual, no al SVG que recibe el desarrollador.
- No revisarla. Un símbolo refinado con una contraforma más alta cambia X. Reconstruye las zonas cada vez que el logo se mueva.
Preguntas
¿X debe salir del logomark o del logotipo?
Del elemento que aparece en todas las versiones del logo. Si el logomark siempre está presente, usa su altura, porque se mantiene igual tanto si el logotipo va a su lado como debajo. Si el logotipo puede ir solo, define una segunda X a partir de su altura de mayúsculas y muestra ambas, cada una en su propia página, para que nadie tenga que adivinar cuál se aplica.
¿Es X/2 suficiente zona de protección?
Para las ubicaciones cotidianas, normalmente sí, y por eso muchos manuales la llaman la óptima. La X completa es el valor generoso por defecto para composiciones con espacio, y X/4 es el suelo para franjas con partners y letra pequeña. Elijas lo que elijas, dibújalo junto al logo. Una proporción que el lector puede ver se aplica mucho más a menudo que una que tiene que calcular.
¿Puedo convertir la zona de protección en guías de Illustrator?
Sí. Selecciona los rectángulos discontinuos y elige Ver > Guías > Crear guías, Cmd+5 en macOS o Ctrl+5 en Windows. Las formas se convierten en guías en la capa activa, se ajustan como cualquier otra guía, y pueden bloquearse con Ver > Guías > Bloquear guías. Conserva una copia de la versión discontinua en una capa oculta, porque las guías no mantienen el patrón discontinuo.
¿Cuánta zona de protección debe tener un logo?
La suficiente para que el logo se lea como un objeto independiente a cualquier tamaño, lo que en la práctica está entre un cuarto y una altura completa del logomark, medida desde su cuadro delimitador. X es el valor seguro por defecto cuando la composición tiene espacio, X/2 funciona para la mayoría de ubicaciones cotidianas, y X/4 es lo mínimo que una franja con partners o un pie de página deberían mantener. No hay un número universal: un símbolo geométrico pesado puede vivir con menos que un logotipo caligráfico fino, así que prueba la distancia en una composición cargada antes de escribirla.
¿Es la zona de protección lo mismo que la zona de exclusión, el área de seguridad o la zona de aislamiento?
Sí, con pequeñas diferencias de costumbre. Zona de exclusión y zona de aislamiento son las palabras que los manuales usan para el área en la que nada puede entrar, y ambas suelen significar la distancia X completa de la escalera anterior. Área de seguridad viene del vídeo y del trabajo con iconos de app, donde significa la región que se garantiza visible después de un recorte; cuando un manual la toma prestada para un logo, significa zona de protección. Clearspace, en una sola palabra, es la misma regla escrita como prefieren algunos estudios anglosajones. Elige un término, defínelo una vez con un dibujo, y úsalo en todo el documento.
¿Existe un generador de zona de protección para logos?
Los scripts gratuitos de los foros de Adobe pueden desplazar un rectángulo alrededor de una selección, y cualquiera de ellos ahorra unos minutos una vez que has decidido X. El método manual de arriba lleva unos diez minutos por versión del logo. Anchr Grid, descrito más abajo, hace la medición, las tres zonas y las capas en un solo paso, y puede convertir el resultado en guías nativas.
Hazlo en un clic
Anchr Grid es la pestaña de cuadrícula del panel Anchr Tools para Illustrator. Selecciona el logomark, o el símbolo y el logotipo juntos, y elige la guía de zona de protección. X se toma de la dimensión mayor de la selección, o puedes escribirla en px, cm o in. Grid dibuja entonces la zona de exclusión (X), la zona de protección óptima (X/2) y la mínima (X/4) como zonas discontinuas en capas nombradas, y el dibujo en sí nunca se modifica. Un botón Crear guías convierte esas capas en guías nativas de Illustrator cuando quieres trabajar con ellas en lugar de documentarlas. Todos los planes incluyen las cinco herramientas, con una prueba de 7 días; consulta los precios o instala el panel.