Advertisement
  1. Design & Illustration
  2. Branding
Design

Como crear sus Propia Normas de Marca

by
Length:LongLanguages:

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

Imagen: ©Barbican Centre/North

Aquí vamos a echar un vistazo a algunas de los mejores ejemplos de documentos de pautas de marcas, también conocidas como "Guías de estilo". Un magnífico documento de Normas de Marca, no solamente establece las reglas para usar sus "recursos de marca", incluyendo logos, colores y fuentes, sino también inyecta vida a su marca, ¡y hace de la marca visual una satisfacción no una ocupación!

Desde exhaustivos biblias de estilos hasta guías que cortan la respiración de la vida nueva en tradicionales identidades corporativas, escogeremos las mejores lecciones de cada guía, y propondremos cómo puede aplicar estos tips a su propio trabajo de diseño de marca.

1. ¿Qué es una Guía de Estilo?

Ilustradores independientes, fotógrafos y diseñadores. Negocios pequeños. Corporaciones Multi-nacionales.

¿Qué es lo que todos ellos tienen en común? Todos se beneficiarían igual de tener una guía de estilo —un documento que establece la reglas para aplicar a sus "recursos de marca", las cuales incluyen cosas útiles como logotipos, colores de marca y fuentes de marca.

foursquare brand guide cover

Guía de Marca de Foursquare

El propósito principal del documento de Guías de Marca es el de dar una orientación a otros de acuerdo a como pueden usar la marca de la compañía cunado crean algo nuevo, tal como unas tarjetas de negocios, anuncios, sitios web, embalaje…, básicamente cualquier cosa que visualmente represente el negocio en alguna manera.

easygroup colors
Manual de Marca de easyGroup 

Incluso si su compañía tiene solamente un empleado, es decir; usted, una guía de estilo le ayudará a unir las diferentes manera que usted presenta visualmente, y le ayudará a crear una "identidad de marca" en el proceso.

Cualquiera que sea la escala del negocio, crear una guía de estilo sirve como un propósito práctico y es divertido hacerlo!

2. ¿Por qué necesito una Guía de Estilo?

O, como en realidad debería haber sido redactada esa pregunta:

"Me gusta crear y diseñar cosas, ¡es divertido!". Así que…, ¿por qué necesitaría un documento que va a poner restricciones cuán creativo puedo ser?

Los diseñadores encajan en dos grupos —si trabajas por tu cuenta, como independiente, o para una agencia, y haces variados trabajos, podrías haberte acostumbrado a trabajar dentro de restricciones pautas de marcas de varios clientes aunque puedas haber tenido la sensación de tener un poco más de creatividad "libre" en su trabajo diario.

Un cliente podría subcontratar a un diseñador independiente o una agencia para conseguir una perspectiva diferente de su marca, de sus anuncios o de su mercadeo, y como resultado podría estar dispuestos a dejar las restricciones de su marca corporativa un poco para obtener el beneficio de ese creativo conocimiento nuevo.

Después de todo, grandes clientes a menudo tienen equipos trabajando en casa cuyos trabajos giran alrededor conforme a la guía de estilo de la compañía y crea más materiales estandarizados para la compañía. Dentro del segundo grupo —los diseñadores que trabajan en casa, exclusivamente para un negocio u organización.

El primer grupo de diseñadores podría sentir un poco de pena por el segundo grupo, debido a que creen que estos no tienen mucho trabajo creativo. Aunque esto podría ser cierto para algunos diseñadores que trabajan desde sus casas, sin embargo, para otros esto sencillamente no sería el caso. Todo se reduce a la calidad de sus normas de marcas de sus empleados. Si su guía de estilo es exitosa, entonces no sofocará la creatividad, ¡sino que la encauzará!

Las cuales nos conducirá hacia esta magnífica afirmación, y a un lema esencial para cualquier creador de guía de estilo:

"¡Una guía de estilo solamente debería de ser eso —una guía, pero jamás restringir, la creatividad!".

barbican poster on tube

Normas de Marca de Barbican

Vamos a echar un vistazo a algunas de las guías de estilo las cuales se adhieren fielmente a este lema y da algunas orientaciones sobre los bloques de construcción esenciales de una guía de estilo eficaz.

3. Los Bloques de Construcción de una Guía de Estilo

Roma no se construyo en un día, como dice el refrán. Y las normas de marca son iguales. Cada estilo de guía toma un poco de trabajo, pero cuánto trabajas depende de usted. La siguiente guía lo guiará a través de los elementos esenciales de cualquier buen guía de estilo, pero es completamente su elección si quiere expandir la guía hasta la NASA o British Rail, en proporciones (ver a continuación).

british rail logos

El exhaustivo manual de identidad corporativa (literalmente exhaustivo, el original Manual de Identidad Corporativa de British Rail circula en cuatro volumenes), es un clásico, pero solamente lo leen los fanáticos de las marcas. Ha sido advertido

nasa logo colors

NASA no quiere que nadie se equivoque con los colores de su logo…, ni siquiera cuando está en sepia.

Cada guía de estilo tiene su valor y tendrán los siguientes elementos:

  • Una portada
  • Una página de contenidos
  • Un lema/ética (opcional).
  • Un guía de logotipo
  • Una guía de color
  • Una guía de fuente
  • Una guía para gráficos y/o fotografías
  • Una guía de prácticas recomendadas, con ejemplos útiles
  • Una nota para agradecer a cualquiera que haya leído la guía hasta el final (¡se lo merecen!).

Vamos a echar un vistazo a algunos ejemplos eficaces de estos en acción:

1. La Portada

La Portada Frontal de una guía de estilo es la primera parte que llamará la atención de un lector, y como resultado es un magnífico lugar para hacer una declaración sobre la identidad de su marca. Es el lugar perfecto tanto para resumir los elementos principales de su marca (logotipo, colores y tipos de fuentes principales) como mostrar el estilo de su marca en una forma creativa y que  acapara la atención.

Aquí, la aplicación de la compañía Foursquare combina los tres elementos principales de la identidad de su marca —logo, colores y tipos de fuentes—, para crear un sorprendente diseño de portada que tiene un efecto hipnótico difuso sobre el lector, lo cual no está mal.

foursquare style guide cover

Guía de Marca de Fousquare

La portada de la Universidad del Este de Anglia, combina el balance entre la formalidad con sencillez, vinculando el logotipo de UEA en un tamaño grande con el color azul intenso de la marca de la universidad. No es necesario el alboroto aquí.

university of east anglia style guide cover

Universidad del Este de Anglia (Reino Unido) Normas de Identidad de Marca.

2. Contenidos

Ya sea si su documento consta de algunas páginas o algunos volúmenes (nosotros veremos, British Rail) siempre será una muy buena idea incluir una página de Contenidos como parte de su guía de estilo. Esto ayuda a orientar a los mismos lectores y transforma el documento en un manual de marca que los lectores pueden usar para encontrar orientación en las fuentes, por ejemplo, simplemente, al buscar en esa página relevante.

¿Qué es lo que hace que una página de contenidos sea buena? Que sea sencillo, libre del desorden, fácil de leer (nada de fuentes con tamaños diminutos por favor), y divida el documento en en secciones si está mirando un poco larga.

La marca de seguros Lloyds, alegra su página de contenidos con una gama de colores de su marca, sin comprometer la sencillez y la facilidad de uso.

lloyds brand contents

Normas de Marca Lloyds

3. Los valores de sus marca.

La mayoría de las grandes compañías de hoy en día les encanta incluir unos valores de marca o un eslogan al comienzo de sus guías de estilo.

Si usted es una persona de negocios independientes, esto puede parecer demasiado (aunque mi eslogan sin duda sería "Siempre toma café antes de intentar crear una guía de marca"), sin embargo, para las grandes compañías esto puede ser una forma estupenda de dejar que sus empleados conozcan cómo funciona la relación de la marca con la compañía a gran escala, y cómo se desarrollará el progreso de la compañía y el éxito en el futuro.

Foursquare, lo presenta en simples términos (y una fuente larga).

foursquare ethos

Normas de Marca Foursquare 

easyGroup, establece sus "valores de marca" en forma fácil, y con un amigable color naranja.

easygroup brand values

Manual de Marca easyGroup

4. Guía para los Logotipos

Ya sea que usted sea un trabajador independiente o el director ejecutivo de Apple, la identidad visual de su negocio estará arraigada en su logotipo.

Un logotipo es el elemento instantáneamente más reconocible de la identidad de su marca. Podría ser estar basada en un tipo (quizás una firma o en un componente de diseño), simbólico (un gráfico) o una combinación de los dos, pero, definitivamente usted querrá determinar la reglas de cómo debería de ser utilizado su logo.

Algunas cosas que se deberán de considerar y explicar en su guía de estilo:

  • ¿Tiene diferentes versiones del logotipo para diferentes usos (por ejemplo, una versión para los membretes, otra versión para la página de inicio de su sitio web)?
  • ¿Su logotipo aparece en un versión de color o tiene varias versiones de colores diferentes? ¿Le permitirá a las personas usar una versión blanco-negro de su logotipo?
  • ¿Deberá tener restricciones, por ejemplo, jamas debería ser colocado en un tamaño pequeño o más grande que x cosa?
  • ¿El logotipo necesita adecuar márgenes alrededor de su perímetro, para establecerlo como parte de otro documento? 
  • ¿Cómo no debería ser utilizado su logotipo? ¿Puede demostrar algunos ejemplos del uso incorrecto (vea los ejemplos del logotipo de la NASA)?

Penguin, demuestra que recomienda un tamaño mínimo de impresión del icónico logotipo, y sugiere orientaciones para los márgenes.

penguin logo

Normas del Logotipo Penguin

No se complique con hacer lo mismo que hizo el equipo de marca de la NASA. Estarán muy molestos si usted aplica el logotipo en una de las muchísimas formas equivocadas que demuestran en su sistema de identidad.

nasa forbidden logos

Sistema de Identidad de NASA

5. Orientaciones del Color

A menos que solamente pueda imprimir su marca en una antigua impresora láser blanco y negro, parece muy probable que estará buscando usar color en los materiales de su marca.

El color soplar vida en una marca, haciéndola más emocionante, accesible, lujosa, seria o alegre, entre muchas otras cualidades emotivas que asociamos con colores particulares y combinaciones de colores.

El abuso del uso de color puede ser lamentablemente injustificado. Para evitar que alguien aplique un "resplandor" de neón al tipo de fuente de su marca o vuelva a elaborar su estimado logotipo en tonos de color pastel, entonces dedique una página de su guía de estilo para informar acerca de la aplicación correcta de su logotipo.

Éstas son algunas cosas en las que tiene que pensar incluir en la guía:

  • ¿Tiene un color(es) principal(es) de la marca que deberían ser usados en primera instancia? ¿Tiene algún soporte para los colores de su marca que pueden ser usados en un sitio web, en materiales de publicidad, etc.?
  • Defina la muestra de color Pantone de cada color de su marca, e incluya las versiones de color CMYK, RGB y HEX de cada uno, de modo que el color pueda ser aplicado en todos los medios impresos o en línea.

easyGroup da a los lectores una completa gama de opciones para aplicar su color de marca naranja.

easygroup brand colors

Manual de Marca de easyGroup 

MailChimp, solamente proporciona sus colores de marca en formato de código HEX. Quizás no sea normal, pero se ajusta bien a la compañía, ya que ésta es completamente digital y hace que sea fácil la aplicación de los colores en línea.

mailchimp brand colors

Recursos de Marca de MailChimp

6. Domé esos Tipos de fuentes

Detenga a su colega para que deje de desfigurar la tarjeta de negocios con una fuente novedosa incumpliendo las leyes los principios de cómo debería ser usada.

Es importante definir las fuentes que le gustaría usar para los materiales de marca, así como también, definir las reglas de cómo debería de ser usadas las fuentes. Así que considere incluir las siguientes consideraciones:

  • La importancia de cada tipo de fuente (por ejemplo, Regular, Bold, Light)  que componen su portafolio de su tipo de fuentes.
  • ¿Tiene una fuente para los títulos y otra para el cuerpo del texto? Si es así, ¡aclárelo!
  • ¿Tiene especificaciones de tamaño para su texto, por ejemplo, esta fuente jamas deberá ser más grande que x?
  • ¿Tiene preferencias para la tipografía (por ejemplo, mayúsculas, alineaciones de párrafos, espacio entre caracteres, etc.)? Recuerde, si no lo dice, entonces nadie sabrá cual es la tipografía ideal de la marca y como debería de lucir.
  • Usted podría tener un tipo de fuente que use exclusivamente en su logotipo. Expliquelo si no quiere que sea utilizado en cualquier parte.

Las normas de marca de Barbican Theater son un considerado y altamente efectivo ejemplo de como presentar información sobre los tipos de fuentes en una manera de diseño de futuro. Haga volar la fuente "Futura" y ajustela en un color de mucho contraste que le de a la fuente más sentido y que sea inolvidable.

barbican font
barbican type weights

Las orientaciones sobre los tamaños de fuentes y la alineación presentada en una forma juguetona, en un estilo de color colorido que hace que las reglas parezcan inspirar, no irritar.

barbican type sizes
barbican flushed type

Normas de Marca de Barbican

7. Cómo usar Gráficos y Fotografía

Ninguna marca existe en una burbuja. Los diseños de marca de éxito responden a la flexibilidad —la mayoría de los buenos logotipos serán tan efectivos con los gráficos y/o la fotografía como lo serían por su cuenta propia.

Pero (adivinó) necesita especificar en su guía de estilo cómo deberán ser usadas las imágenes al lado de otros elementos de su marca.

Asegúrese de pensar en lo siguiente y proporcione algunas imágenes para demostrar buenos (y malos) ejemplos:

  • ¿Puede el logotipo o el tipo de marca ser puesto sobre la parte de arriba de los gráficos o fotografías? Aconseje a otros para que eviten ajustar su logotipo sobre fondos demasiado cargados, ya que, por lo general es un buen consejo estándar que aplicará a cualquier diseño de marca.
  • ¿Tiene elementos gráficos que pueden ser levantado desde su diseño de logotipo, y que puede ser utilizado en una manera flexible en todos los materiales (a continuación, vea el ejemplo de Las Fuerzas Armadas Suecas)?
  • Las fotos y los gráficos que fueron seleccionados que deberán ser publicados junto al logotipo, tienen temas en particular o cualidades emotivas?
  • ¿Hay fotos y gráficos que debería evitar?

La guía de estilos clara y concisa utilizada por las Fuerzas Armadas Suecas funciona simple, una cantidad mínima de páginas para el uso adecuado de gráficos y fotografía.

swedish armed forces graphics
swedish armed forces permitted photography
swedish armed forces forbidden images

Manual de Marca de las Fuerzas Armadas Suecas

8. Mejores Prácticas

Puede haber incluido un par de ejemplos de su marca en acción en uno u otro lugar, sin embargo, también es buena idea, dedicar una página o dos de su guía de estilo para mostrar ejemplos de las mejores prácticas.

Estos pueden ser ejemplos de carteles en la vida real, exhibición de materiales, volantes, etc. como está demostrado en el siguiente ejemplo de la marca Barbican. O podría incluir algunas muestras de tarjetas de negocios y otros elementos, mostrando cómo sus recursos de marca (logotipos, tipos de texto, color, etc.) deberían de ser ubicados e impresos.

La sección de las mejores prácticas de la guía de Barbican muestra la marca Barbican en acción, poniendo los gráficos juntos, la fotografía, el tipo, el logotipo y color para crear carteles de marca y volantes.

barbican poster on tube
barbican posters

Normas de Marca Barbican

¿Por qué no mostrar la flexibilidad y el potencial creativo de la marca al presentar los ejemplos de la marca empaquetados? En el siguiente ejemplo, la marca Bagel Street Café, expande el estilo de la etiqueta de la botella de agua.

bagel street cafe mock-up

Identidad Visual de Bagel Street Café

9. Diga ¡gracias!

Aunque ciertamente es, o más bien no es un componente esencial de la guía de estilo, sin embargo, es un excelente toque; dejar una breve nota de gratitud al final de su guía. Si el lector llegó hasta el final de su documento, esto significa que les importa bastante su marca y cómo es presentada.

No suponga que alguien más en su estudio/negocio o compañía va a cuidar tanto como usted sobre su marca. La mayoría recibirá un PDF grande en sus bandejas de entrada de sus correos y, por lo general, pronto se olvidarán de él. Ésta es la razón por la cual muchas compañías ahora proporcionan una marca en línea o "portal" para sus empleados, la cual es una versión más concisa de una guía de estilo que existe solamente en línea. Y, además, es más accesible y útil, ya que proporciona la descarga instantánea de los logotipos, fuentes y gráficos para que los empleados los usen. 

Si está compartiendo recursos de marca con un número de personas, entonces considere alojar su marca en línea.

La marca Swarm (propietaria de Foursquare) proporciona una gama de logotipos e iconos sobre su sitio web para que los usuarios puedan descargarlo con facilidad.

swarm logo files

Recursos en Línea de Swarm 

En conclusión

Las guías de marca deberían de ayudarle a usted y a sus empleados a sentirse confiados en crear materiales de marca que van apegarse a las reglas de su marca, pero también, darles las orientaciones de libertad para ser creativos con su marca. Después de todo, el diseño, incluso dentro de las restricciones de una marca deberían de "verse" divertido.

Tome inspiración de los ejemplos fantásticos y trate de crear su propia guía de estilo usando la siguiente estructura simple:

  • Una cubierta
  • Una página de contenidos
  • Valores/eslogan de su marca (opcional).
  • Una guía para el logotipo
  • Una guía para el color
  • Una guía para el tipo de fuente
  • Una guía para los gráficos y/o fotografías
  • Una guía para las mejores prácticas de uso, con ejemplos útiles
  • Una nota de agradecimiento

Si desea más orientación en la creación de su propia guía de estilo, revise lo que hicimos para crear la guía de estilo para Team Awesome aquí en Tuts+ y siéntase libre de compartir sus propias ideas de guías de estilo en la sección de comentarios.

team awesome brand guidelines
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.