"Cuadrícula de logo" abarca tres dibujos distintos que se confunden constantemente, en briefs, casos de estudio y manuales de marca. La cuadrícula base es aquella sobre la que diseñas. La cuadrícula de construcción muestra cómo está construido el logo terminado. La cuadrícula de zona de protección mantiene todo lo demás a distancia. Se hacen en momentos distintos para lectores distintos, y mezclarlas produce archivos en los que nadie puede trabajar y páginas de manual que nadie puede leer. Aquí tienes para qué sirve cada una, cómo dibujarla en Illustrator y los errores que delatan una cuadrícula.
Tres cuadrículas, tres funciones
La cuadrícula base
La cuadrícula base es la retícula sobre la que diseñas: cuadrada, isométrica a 30 grados, hexagonal, o una cuadrícula de proporción áurea hecha de cuadrados anidados. Existe antes que el logo. Su módulo fija la unidad más pequeña que el logo puede usar, normalmente un grosor de trazo, y sus ángulos deciden qué direcciones están disponibles. Es una restricción deliberada, y la razón por la que un símbolo geométrico se sostiene a cualquier tamaño.
La cuadrícula de construcción
La cuadrícula de construcción se dibuja a partir del logo terminado, no al revés. Muestra las anclas y los manejadores de los trazados, los contornos, líneas de retícula horizontales y verticales prolongadas desde los puntos clave, y los círculos a los que pertenecen las curvas principales. Su propósito es refinar, comprobar y documentar: si los extremos de los trazos están en una misma línea, si las curvas comparten un radio, si la contraforma está centrada. Convierte "se ve bien" en "esta es la razón".
La cuadrícula de zona de protección
La cuadrícula de zona de protección, también llamada zona de exclusión, es el área alrededor del logo que debe permanecer libre de texto, imágenes y otros logos. Se define a partir de las dimensiones del propio logo, normalmente una unidad X tomada de la altura del logomark o de una letra, de modo que escala con el logo. Se dibuja al final, una vez que las versiones del logo son definitivas, y es la única de las tres que necesita todo usuario del logo.
| Cuadrícula base | Cuadrícula de construcción | Cuadrícula de zona de protección | |
|---|---|---|---|
| Se dibuja | Antes del logo | A partir del logo terminado | Cuando las versiones son definitivas |
| Propósito | Diseñar dentro de un módulo y unos ángulos | Refinar, comprobar, documentar | Proteger el logo en las maquetaciones |
| Lector | El diseñador | Diseñador, director de arte | Todo el que coloca el logo |
| Unidades | Un módulo (px, mm, grosor de trazo) | Las mismas que la ilustración | Relativas al logo: X, X/2 |
| Dónde vive | Archivo de trabajo, como guías | Archivo de trabajo y caso de estudio | Manual de marca, en cada versión |
Qué mostrar y qué guardar
Los clientes rara vez necesitan la cuadrícula base. Una retícula cuadrada detrás de un logotipo no les dice nada sobre lo que puedan actuar, e invita a preguntar por qué no se alinea con las letras, y a menudo no lo hace, porque la tipografía no se diseña sobre ella. Consérvala en el archivo de trabajo como guías.
La cuadrícula de construcción tiene sitio en dos lugares: el archivo de trabajo, donde se gana su lugar durante el refinado, y el caso de estudio o la página de fundamentos del manual, donde una versión limpia explica la lógica del logo. Unos pocos círculos, las líneas que importan. La versión completa con cada ancla y cada manejador es para ti.
La cuadrícula de zona de protección va en el manual de marca, en la página del logo, para cada versión que entregues. Es el único dibujo que los demás proveedores del cliente usarán de verdad, así que necesita una unidad clara, una etiqueta legible y una versión para cada variante.
Dibuja una cuadrícula base en Illustrator
Para una cuadrícula cuadrada basta con la cuadrícula del documento. Abre Illustrator > Ajustes > Guías y cuadrícula (Edición > Preferencias > Guías y cuadrícula en Windows), ajusta Línea de cuadrícula cada a tu módulo, por ejemplo 10 px, y Subdivisiones a 1 o a un paso de trabajo más fino. Muéstrala con Ver > Mostrar cuadrícula (Cmd+", Ctrl+" en Windows), hazla magnética con Ver > Ajustar a cuadrícula (Shift+Cmd+", Shift+Ctrl+") y marca Cuadrículas atrás para que quede detrás de la ilustración.
La cuadrícula del documento no se puede rotar, así que las cuadrículas isométricas y hexagonales se dibujan como trazados. Dibuja una línea vertical con la herramienta Segmento de línea () manteniendo Shift, cópiala en horizontal con Objeto > Transformar > Mover (Shift+Cmd+M, Shift+Ctrl+M), introduciendo tu módulo como distancia horizontal y pulsando Copiar, y luego repite con Objeto > Transformar > Volver a transformar (Cmd+D, Ctrl+D). Rota una copia del conjunto 60 grados y otra menos 60 para obtener una retícula isométrica. Selecciona todo y elige Ver > Guías > Crear guías (Cmd+5, Ctrl+5) para que las líneas se ajusten y no estorben. Pon Ángulo de restricción en 30 grados en Ajustes > Generales y la herramienta Pluma sigue las mismas direcciones con Shift pulsado.
Dibuja una cuadrícula de construcción en Illustrator
Empieza con un duplicado del logo final en su propia capa, para que nada pueda dañar la ilustración. Cambia a Ver > Contornear (Cmd+Y, Ctrl+Y) para ver los trazados desnudos. Illustrator muestra las anclas y los manejadores solo en los trazados seleccionados y solo en pantalla, así que la cuadrícula tiene que dibujarse como objetos reales para sobrevivir a una exportación.
Anclas y manejadores: coloca un círculo pequeño en cada ancla y una línea fina hasta el extremo de cada manejador. Líneas de retícula: con las Guías inteligentes activadas (Cmd+U, Ctrl+U), dibuja líneas horizontales y verticales a través de las anclas que comparten una coordenada, prolongadas un poco más allá del logo, y elimina las que no revelan nada. Círculos: donde una curva es realmente un arco, dibuja un círculo que coincida con ella haciendo clic con Option (Alt) en su centro con la herramienta Elipse e introduciendo el diámetro; donde una curva es una Bézier libre, no le fuerces un círculo. Anchr Grid dibuja todo esto a partir del logo seleccionado, cada elemento en su propia capa con su propio color y trazo.
Mantén el estilo plano: un solo grosor de trazo fino, uno o dos colores, sin rellenos. El logo debe seguir siendo legible a través de ella.
Dibuja una cuadrícula de zona de protección en Illustrator
Decide la unidad X. Las opciones habituales son la altura del logomark, la altura de mayúsculas del logotipo o la altura de una letra distintiva. Selecciona la versión del logo y lee sus dimensiones en el panel Transformar (Ventana > Transformar).
Luego dibuja la zona. Dibuja un rectángulo que coincida con el cuadro delimitador de la versión, usando los valores An y Al del panel Transformar, y céntralo sobre el logo con el panel Alinear. Con el rectángulo seleccionado, elige Objeto > Trazado > Desplazamiento, introduce X como desplazamiento, elige uniones en ángulo (Miter) para una zona cuadrada o redondeadas para una zona redondeada, y pulsa OK. Elimina el original, dale al rectángulo desplazado un trazo discontinuo sin relleno, y añade en una esquina un cuadrado de lado X, etiquetado X, para que el lector vea la unidad. Para una zona mínima, repite a X/2 y etiquétala como mínimo.
Convierte la copia de trabajo en guías con Cmd+5, y conserva una copia visible en una capa para la página del manual. Compruébala con cada versión: la horizontal, la apilada y el logomark solo tienen cada una su propia X, porque la dimensión de referencia cambia.
Nombres de capa que mantienen un archivo cuerdo
Un archivo de construcción vive años y pasa por varias manos, así que nombra las capas por lo que contienen, no por cuándo las hiciste. Una estructura que funciona:
- Artwork, bloqueada una vez que el logo es definitivo
- Base Grid, como guías, bloqueada
- Construction, con las subcapas Anchors, Handles, Outlines, Gridlines y Circles
- Clear Space, con la zona de exclusión y la unidad X etiquetada
- Notes, para anotaciones y líneas de cota que nunca deben entregarse
Dale a cada capa su propio color en Opciones de capa (doble clic en la capa) para que las selecciones sean identificables, y desmarca Imprimir en las capas de cuadrícula y de notas para que un PDF extraviado no las arrastre. Al exportar los archivos de logo definitivos, oculta todo salvo Artwork y comprueba la exportación una vez al 100%.
Los errores que delatan una cuadrícula
El primero es la cuadrícula dibujada a posteriori y presentada como método: círculos ajustados a curvas que nunca fueron arcos, líneas de retícula que tocan una sola ancla cada una, una espiral que roza una esquina. Los revisores que han construido logos lo detectan en segundos, y cuesta más credibilidad que un honesto "dibujado a ojo, luego comprobado y corregido sobre una cuadrícula".
El segundo es la densidad. Una cuadrícula de construcción con cada ancla, cada manejador y una línea de retícula por cada uno de ellos es un dibujo de trabajo, no una presentación. Recórtala hasta que cada línea explique algo.
El tercero es la zona de protección en unidades absolutas. "Deja 10 mm alrededor del logo" falla en el momento en que el logo mide 8 mm de ancho en un bolígrafo o 2 m de ancho en una valla. La zona de protección es siempre un múltiplo de una dimensión del logo, y el diagrama debe mostrar de cuál.
Un cuarto, más pequeño: cuadrículas que se quedan en los archivos entregados. Un SVG que lleva una capa de construcción es una capa de construcción en la web del cliente.
Preguntas
¿Necesito las tres cuadrículas para cada logo?
No. Un logo dibujado a mano o caligráfico puede no tener cuadrícula base y solo un dibujo de construcción ligero. Todo logo necesita una cuadrícula de zona de protección, porque a todo logo lo colocan personas que no son su diseñador. Las cuadrículas base y de construcción son herramientas para ti y argumentos para tu caso de estudio; la zona de protección es una regla para todos los demás.
¿Debe ir la cuadrícula de construcción en el manual de marca?
Una versión simplificada, en una página de fundamentos o de construcción, si la geometría del logo forma parte de su historia. La versión completa, con cada ancla y cada manejador, se queda en el archivo. El manual lo leen personas que colocan el logo en una diapositiva con prisa, y necesitan la página de zona de protección mucho más que la de construcción.
¿Qué unidad debo usar para la zona de protección?
Una dimensión del propio logo, para que la zona escale con el logo. La altura del logomark es la opción más común; la altura de mayúsculas o la altura de una letra funciona para los logotipos. Llámala X en el diagrama, dibuja un cuadrado de lado X como referencia y deriva de ahí la zona mínima, normalmente X/2.
¿Puede la cuadrícula del documento de Illustrator ser isométrica o hexagonal?
No. La cuadrícula del documento en Ajustes > Guías y cuadrícula es cuadrada, con un espaciado y un número de subdivisiones, y no se puede rotar. Las cuadrículas base isométricas y hexagonales se dibujan como trazados a 30 y 60 grados y se convierten en guías con Cmd+5 (Ctrl+5), o las produce una extensión que las dibuja en una capa.
Hazlo en un clic
Anchr Grid cubre las tres cuadrículas desde el mismo panel en Illustrator. Dibuja cuadrículas base cuadradas, isométricas, hexagonales y de proporción áurea, y un botón Crear guías las convierte en guías nativas. A partir de un logo seleccionado dibuja la cuadrícula de construcción: anclas, manejadores, contornos, líneas de retícula con una sensibilidad ajustable y trayectorias circulares opcionales ajustadas a las curvas, cada elemento en su propia capa nombrada con su propio color, grosor de trazo y tamaño. Selecciona el logomark, o el símbolo y el logotipo juntos, y dibuja la guía de zona de protección: la zona de exclusión en X, la zona de protección óptima en X/2 y la mínima en X/4, donde X es la dimensión mayor de la selección o un valor que escribes en px, cm o in. Nunca modifica la ilustración. Consulta la página de Anchr Grid.