Todos los que tienen un sitio web necesitan una guía de estilo. Es así de simple. Si desea inculcar más consistencia en su proyecto y obtener a todos en la misma página, su guía de estilo será invaluable.
Ahora que lo hemos dejado de lado, ¿qué es exactamente lo que ponen en esa guía? ¿Y cómo se asegura de que otras personas del equipo sigan las reglas para que su presencia visual mantenga la coherencia? Eso es un poco más complicado. Vamos a sumergirnos en el tema de hoy.
Visión general de la marca
Crear una guía de estilo desde cero puede ser bastante intimidante si nunca lo has hecho antes. Los usuarios primerizos pueden beneficiarse al encontrar una guía que les guste (MailChimp tiene una de las mejores y la pone a disposición bajo una licencia de Creative Commons) y usarla como modelo para comenzar.
La mayoría de las guías de estilo tienen dos partes:
- Pautas de redacción
- Lineamientos visuales
Cada conjunto de pautas es igualmente importante y debe formar parte de su guía de estilo general. Poner los elementos juntos establecerá una identidad general. Cada marca o negocio o sitio web es un poco diferente también. Elija un tono y un estilo que funcionen bien en términos de copia y visuales, pero que también se relacionen con usted y su audiencia en general.
Considere los usuarios y las partes interesadas al establecer una identidad, ¿es la marca lo que quieren y esperan? ¿Pueden relacionarse con eso? ¿Quieren interactuar con él?
Voz y tono
Nos centraremos principalmente en los aspectos visuales de su guía de estilo, pero la voz y el tono son importantes. Parte de tu identidad está en la forma en que hablas? a los usuarios. ¿Es ese estilo formal o casual? ¿Es verbosa o más sucinta?
Escriba su guía de estilo de la misma manera que la copia en su sitio web. Esto ayudará a guiar a su equipo sobre lo que se espera y cómo el lenguaje debe contribuir a la identidad de la marca.
Esta voz y tono deben usarse en cada comunicación tuya. Regrese a los esquemas de MailChimp para una visión integral de la construcción de voz de marca. Observe la forma en que la compañía habla de su mascota, por ejemplo: Freddie es nuestra mascota. No lo usamos en combinación con nuestro logo. Freddie siempre se enfrenta a la derecha, y siempre guiña un ojo.
?¿Reglas? y uso
Tu guía de estilo debe ser tu libro de jugadas de diseño. (¿No suena eso más amigable que? ¿Reglas?)
Debe describir cómo y cuándo usar el tipo, el color y todos los demás tipos de elementos de diseño de una manera que sea fácil de entender. Aquí hay una lista de cosas para incluir:
- Paleta de colores, incluyendo valores y tintes aceptables.
- Paleta de tipografía, con todos los pesos, tamaños, principales y usos aceptables.
- Logotipo, incluidas las pautas de tamaño y ubicación.
- Estilos de íconos o elementos (esto incluye el tratamiento de los elementos desde botones hasta íconos de redes sociales)
- Ortografía, selección de palabras y estilo de copia (¿Qué directrices editoriales debe seguir? ¿APA, AP, algo más?)
- Directrices de fotografía, incluyendo color, cultivo y presencia visual.
- Información SEO como etiquetas alt y palabras clave
- Estándares de Grid (para web e impresos).
- Consideraciones de espaciado (si el diseño es flojo o ajustado)
- Punto de contacto (donde los miembros del equipo pueden ir con preguntas o para aclaraciones)
Conceptos simples y específicos
Ahora aquí está la parte difícil. Debe tomar toda la información anterior y resumirla en conceptos simples, específicos y prácticos.
- No exageres con el contenido cuando se trata de tu guía de estilo. Esta es una referencia visual; diseñarlo de esa manera.
- Agrupe los elementos relacionados en páginas para una referencia rápida: una página para color, otra página para tipografía, una página para fotografía, etc.
- Muestra ejemplos de cómo deberían ser las cosas. No explique las cosas por escrito cuando una imagen será suficiente.
- Proporcionar detalles que son utilizables. Las muestras de color, por ejemplo, deben incluir mezclas RGB (o HEX) y CMYK para que el color sea consistente en todos los usos.
- Separe las partes del diseño para mostrar cómo se deben usar los elementos.
Fragmentos y ejemplos
Ya sea que su guía de estilo esté impresa o sea un documento digital o basado en la web, debe incluir herramientas útiles. Uno de los elementos que puede ser increíblemente útil son los ejemplos de hacer y no hacer de la marca. Puede ser fácil poner énfasis en lo que quiere ver visualmente con la marca.
Luego, cree un catálogo de piezas que sean fácilmente accesibles. Cree bibliotecas (o un conjunto de elementos comunes, dependiendo de su uso del software) para todos los miembros del equipo. Guarde los archivos en una ubicación común que sea fácilmente accesible y que los cambios sean relativamente fáciles de realizar.
Proporcionar una lista de herramientas para software basado en la nube para todos los involucrados en el proyecto. (Esto incluye enlaces, nombres de usuario y otra información básica). Asegúrese de que todos los paquetes de fuentes, logotipos y archivos de imagen estén en una ubicación común y que todos los usuarios sepan dónde están. (Mantenga una copia de seguridad en otro lugar también en caso de que alguien corte y guarde el original).
Cree una lista maestra para fragmentos de código que sean fáciles de copiar y pegar en proyectos. No tiene sentido tener que crear y recrear todo lo nuevo cada vez. Los elementos comunes deben vivir en una ubicación compartida a la que todos tengan acceso.
La última parte de esto es recordar evolucionar. Las cosas cambiarán, y deberían hacerlo. Smashing Magazine tiene un maravilloso estudio de caso que describe una "guía de estilo de vida".
Hacer cumplir la guía de estilo
Finalmente, la pregunta más importante es: ¿cómo lograr que las personas sigan las reglas? Ya es un buen camino si ha diseñado la guía siguiendo algunos de los esquemas anteriores, en particular la sección sobre el uso de conceptos simples y específicos.
La guía debe ser fácil de seguir y utilizar (como su sitio web). El lenguaje debe ser simple y no de microgestión, para que las personas quieran seguir las pautas.
Debe ser una guía que deje mucho espacio para la flexibilidad y el diseño real. Diseñar dentro de un conjunto de restricciones puede ayudar a los miembros del equipo a liberar su creatividad mientras crean algo que se parece a su marca. La guía de estilo también debe tener un propietario. Esta es la persona que aprueba las actualizaciones y los cambios y puede responder preguntas sobre las decisiones de diseño. ¿El propietario? Puede ser un individuo o un equipo, dependiendo del tamaño de su organización.
Conclusión
¿Ya tienes una guía de estilo o es hora de una nueva? Este es un proyecto que debe abordar anualmente, para que la guía esté actualizada en todo momento. (No puede culpar a un miembro del equipo si tiene estándares antiguos flotando por ahí).
¿Tienes o has visto algunas excelentes guías de estilo? Soy un geek total para estas cosas y me encantaría verlas. Puedes pegarme en Twitter o enviarme un correo electrónico.