¿Qué debe estar en tu guía de estilo? (¿Y cómo lo haces cumplir?)
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 lograr que todos estén en la misma página, su guía de estilo será invaluable.
Ahora que tenemos eso fuera del camino, ¿qué pones exactamente en esa guía? ¿Y cómo se asegura de que otras personas en el 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 hoy.
Descripción de la marca
Crear una guía de estilo desde cero puede ser bastante intimidante si nunca lo ha hecho antes. Los principiantes 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 Creative Commons, y usarla como modelo para comenzar.
La mayoría de las guías de estilo tienen dos partes:
- Pautas de redacción
- Pautas visuales
Cada conjunto de pautas es igualmente importante y debe ser parte de su guía de estilo general. Poner los elementos juntos establecerá una identidad general. Cada marca, negocio o sitio web también es un poco diferente. 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 a los usuarios y 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 su identidad está en la forma en que "habla" con los usuarios. ¿Es ese estilo formal u casual? ¿Es detallado o más sucinto?
Escriba su guía de estilo de la misma manera que la copia en su sitio web. Esto ayudará a su equipo a identificar qué se espera y cómo el lenguaje debe contribuir a la identidad de la marca.
Esta voz y tono deben usarse en cada parte de la comunicación de usted. Vuelva a los contornos de MailChimp para obtener una visión integral de la construcción de la voz de la 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 logotipo. Freddie siempre mira a la derecha y siempre hace un guiño ".
"Reglas" y uso
Su guía de estilo debe ser su "libro de jugadas" de diseño. (¿No suena 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 fácil de entender. Aquí hay una lista de verificación de cosas para incluir:
- Paleta de colores, incluidos valores y tonos aceptables.
- Paleta de tipografía, con todos los pesos, tamaños, puntería y uso aceptables.
- Logotipo, incluidas las pautas de tamaño y ubicación
- Estilos de íconos o elementos (esto incluye el tratamiento de elementos desde botones hasta íconos para compartir en redes sociales)
- Ortografía, elección de palabras y estilo de copia (¿Qué pautas editoriales debe seguir? APA, AP, ¿algo más?)
- Pautas de fotografía, incluyendo color, recorte y presencia visual.
- Información de SEO como etiquetas y palabras clave
- Estándares de cuadrícula (para web e impresión)
- Consideraciones de espacio (si el diseño es flojo o apretado)
- Punto de contacto (donde los miembros del equipo pueden ir con preguntas o 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 procesables.
- No se exceda con el contenido cuando se trata de su guía de estilo. Esta es una referencia visual; diseñarlo de esa manera.
- Agrupe 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.
- Muestre ejemplos de cómo deberían ser las cosas. No explique las cosas por escrito cuando una imagen sea suficiente.
- Proporcione detalles que sean 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.
- Divida 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 estar repleto de herramientas utilizables. Uno de los elementos que pueden ser increíblemente útiles son ejemplos de lo que se debe hacer y lo que no se debe hacer. 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, según el uso de su software) para todos los miembros del equipo. Guarde los archivos en una ubicación común a la que se pueda acceder fácilmente para que los cambios sean relativamente fáciles de realizar.
Proporcione 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 imágenes 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 recorte 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 la gente siga las reglas?" Ya está bien si ha diseñado la guía siguiendo algunos de los esquemas anteriores, particularmente la sección sobre el uso de conceptos simples y específicos.
La guía debe ser fácil de seguir y usar (al igual que 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 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 contactarme en Twitter o enviarme un correo electrónico.
){kind=link}