Cómo crear un documento de guías de estilo de marca en Adobe InDesign

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product image — What You'll Be Creating

La marca es el pegamento visual que pone un sello distintivo a una compañía u organización. Una vez que has desarrollado la marca para un cliente o para tu propio negocio, deberías conjuntar todos los conceptos de la marca en un documento de guías de estilo de marca.

En este tutorial te guiaré por el proceso de cómo creé un sencillo documento de guías de estilo de marca para los autores de Diseño e Ilustración y para los miembros de la comunidad conocidos cariñosamente como Team Awesome! (¡fabuloso equipo!) También compartiré consejos realmente útiles para crear guías de estilo de marca para tus propios proyectos.

Necesitarás Adobe InDesign para este tutorial, que es adecuado para usuarios desde principiantes hasta intermedios.

1. ¿Qué son las guías de estilo de marca y por qué las necesito?

Casi toda compañía, incluso las que son relativamente pequeñas, tendrán sus propias guías de estilo de marca. Este documento debería ser una idea de último momento. Es un documento vital para mostrar al personal y los contratistas la manera correcta de aplicar tu marca a cualquier cosa que pudieran necesitar, desde cosas de escala más pequeña como papelería (tarjetas de presentación, membretes, etc.), folletos y materiales de marketing hasta interpretaciones más grandes de cómo la compañía está representada públicamente, como diseño de oficina, publicidad y diseño de sitio web.

Las guías de estilo de marca tiene como fin ser útiles, deberían proporcionar una guía transparente de cómo puedes utilizar elementos visuales de tu marca, como el logo y los colores, y cómo la marca puede interpretarse en los diferentes medios.

Las guías de estilo de marca tampoco tienen que limitarse a elementos visuales. Muchas compañías usan guías de estilo de marca como un lugar para explicar detalladamente los etos de la compañía y también definir reglas para el estilo de escritura (a veces llamado 'voz de marca'), cuando se escribe desde la perspectiva de la compañía.

Veamos el proceso de creación de un documento de guías de estilo de marca, para Team Awesome. Abre InDesign para seguir el tutorial. Puedes elegir incorporar elementos de otros tutoriales de la serie Estableciendo la marca de Team Awesome, o usar el documento que creamos como una plantilla para incluir tu propio contenido de marca.

¡Magnífico! Comencemos...

2. Crea un nuevo documento en InDesign

Paso 1

Con InDesign abierto, ve a Archivo > Nuevo > Documento.

En la ventana Nuevo documento, mantén la Calidad en Imprimir (aún si tu intención es compartir el documento final digitalmente), y establece el Número de páginas en 8, por el momento. Puedes agregar más páginas a tu propio documento posteriormente si las necesitas.

Desmarca la casilla Páginas opuestas y del menú Tamaño de página, selecciona A4. Cambia la Orientación a Apaisada. A menudo pienso que el formato de paisaje funciona mejor para las guías de estilo de marca, el formato apaisado te da mucho espacio en blanco para experimentar y mucho espacio para llenarlo con imágenes y encabezados.

En Márgenes, establece el Superior e Inferior en 15 mm y el Izquierdo y Derecho en 13 mm.

Establece el Sangrado en todos los lados en 3 mm. Haz clic en OK.

Paso 2

Con tu nuevo documento de ocho páginas creado, podemos comenzar a pensar en separar el documento en secciones.

La primera (Página 1) y la última página (Página 8) serán la portada y la contraportada de tu documento. La portada es un fabuloso lugar para crear un diseño de alto impacto que use algunos de los elementos más prominentes de la marca.

Primero necesitamos importar las muestras de color que vamos a utilizar en la portada. En un tutorial anterior, Crea una tarjeta de presentación con una marca para Team Awesome, creé un archivo Adobe Swatch Exchange (ASE) con dos muestras rojas. Si seguiste el tutorial de la tarjeta, dirígete al panel Muestras en InDesign (Ventana > Muestras) y elige Cargar muestras del menú desplegable del panel.

Dirígete hasta el archivo ASE, 'Team Awesome Brand Colors' y haz clic en Abrir.

De manera alternativa, puedes añadir manualmente las muestras rojas al elegir Nueva muestra de color... del menú del panel Muestras y crear dos nuevas muestras CMYK con los siguientes nombres y valores.

Team Awesome Rojo: C=10 M=81 Y=97 K=2
Team Awesome Rojo oscuro: C=23 M=84 Y=100 K=15

También deberías descargar e instalar la fuente de la marca, lista para usar en las guías de estilo. Para la marca de Team Awesome, usamos Picadilly, que es de descarga gratuita.

Instala la fuente y regresa a tu documento de InDesign.

Paso 3

Dirígete a la Página 1 del documento y toma la herramienta Rectángulo (M) del panel Herramientas. Arrastra por toda la página, hasta el sangrado de todos los lados y establece el Color de relleno en Team Awesome Rojo.

Expande el panel Capas (Ventana > Capas) y haz doble clic en el nombre predeterminado Layer 1 para abrir las Opciones de capa. Renombra la capa como Fondo.

Bloquea la capa y elige Nueva capa... del menú desplegable del panel para crear una segunda capa. Renombra la capa Content.

Puedes colocar el logo de la marca como una marca de agua en la parte superior izquierda de la portada.

Para hacer esto, localiza una versión vectorial del logo en Adobe Illustrator. Desagrupa los elementos vectoriales si lo necesitas y selecciona la versión de la silueta más simple del logo. Para el logo de Team Awesome, es el elemento blanco central.

En Illustrator ve a Edición > Copiar y luego regresa a InDesign.

Aplica Edición > Pegar para pegar el vector directamente en la Página 1.

Desde el panel Muestras (Ventana > Color > Muestras) puedes ajustar el Color de relleno del vector a la muestra roja más oscura, Team Awesome Rojo oscuro.

Expande el logo, presionando la tecla Mayúsculas para mantener las proporciones y colocarlo en la parte superior izquierda de la página, permitiendo que alguna parte del diseño se extienda más allá del borde de la página (el borde de corte).

Paso 4

Toma la herramienta Texto (T) y arrastra en la página para crear un cuadro de texto grande. Escribe 'Brand Guidelines' y establece la Fuente en Picadilly Regular, Tamaño 40 pt, Tracking en 80 y el Color de fuente en [Papel].

Selecciona el marco de texto y haz clic derecho (Windows) o Control-clic (Mac OS) > Transformar > Rotar 90 grados a la izquierda. Coloca el marco de texto en la esquina inferior derecha de la página, descansando contra el margen.

Tu portada está terminada, ¡fabuloso!

Puedes crear una contraportada similar copiando y pegando el color de fondo (Desbloquea primero la capa Fondo) y el logo en la Página 8 del documento y moviendo el logo a la esquina inferior derecha.

3. Estructura tu documento de guías de estilo de marca

La organización y una estructura clara son clave para un buen documento de guías de estilo de marca. Piensa en cómo dirigir al lector por los elementos de tu marca. Comienza con los elementos cruciales de la marca, el logo es un buen lugar para empezar. Luego ocúpate de los colores de la marca y otros recursos claves, como las fuentes y la mascota.

El final del documento debería enfocarse en reforzar las reglas del uso de los recursos de la marca, usando ejemplos claros de cómo utilizar y no utilizar sus diferentes elementos.

Lo primero que tienes que hacer en la creación de detalladas páginas de reglas es pensar en las páginas del contenido del documento. Esta será la primera página que el lector ve, y será una herramienta útil para navegar por las guías de estilo de marca.