Una guía de estilo puede ser descrita como una serie de pautas sobre el uso de ciertos elementos particulares, usualmente asociados a una marca. Como ya debes saber, la coherencia debe ser una característica fundamental de todo diseño, un sitio web no es una excepción a esta regla.
Para poder lograr la tan ansiada coherencia es necesario establecer una serie de reglas en referencia a ciertos elementos propios de una interfaz como lo son los colores y las fuentes. En estos casos, es de gran utilidad contar con una guía de estilo para no perder de vista las normas sobre el diseño en todo momento. Aunque a principio la guía de estilo puede ser escrita en un documento Word, tiene mucho más valor si se realiza apropiadamente como un documento PDF en InDesign u otro programa similar ya que puedes colocar elementos visuales con mayor libertad y además, plasmar la identidad de la marca en el mismo documento que habla sobre la guía de estilo.
Pero, ¿cuáles son las secciones esenciales que debe contener una guía de estilo? En este artículo te mencionamos cuáles son:
Breve introducción de la marca
Ya que un sitio web es solo uno de los medios en donde la marca se ve representada, se debería empezar por dar una breve introducción sobre la empresa y su público objetivo. De esta manera, cualquier diseñador puede entender a grandes rasgos qué actividades realiza la empresa, qué servicios o productos ofrece, cuál es su público objetivo, así como los valores y la personalidad de la marca.
Más que ofrecer información textual sobre la historia de la empresa, en este documento se pueden añadir imágenes que sirvan como apoyo para mejorar la comprensión de los principales puntos de esta guía. Así que, aparte de describir al público objetivo, se puede añadir una fotografía que represente a este grupo. Gracias a este apoyo visual, los diseñadores podrán entender rápidamente todos los temas relevantes relacionados a la marca.
Diseño del logo y posibles variaciones
Una vez que se ha presentado la marca, los diseñadores pasan a leer sobre la primera representación visual de la marca con la que tienen contacto el público objetivo: el logo. El logo incluye una serie de fuentes, figuras y colores que sirven para diferenciar a la marca. En estos elementos se encuentran tanto los valores como la personalidad de la marca y el rubro al que va dirigida.
El logo también incluye una serie de variaciones como blanco y negro, grises, en negativo, etc. En algunos casos, el logo presenta una serie de combinaciones de colores aceptadas que varían. Es una técnica que se suele emplear para marcas que se asocian con lo versátil o lo creativo.
Una vez que los diseñadores tienen un conocimiento básico sobre la marca, deben ver el logo y verificar cuáles son los usos permitidos y prohibidos para evitar utilizar el logo de la marca de una forma no adecuada.
Paleta de colores
En la misma sección de logo, los diseñadores han podido apreciar un poco sobre las combinaciones de colores. Es usual que los colores empleados en el logo se utilicen como parte de la línea gráfica para toda la marca. En otros casos se añaden uno o dos colores como apoyo, que sirven para realzar el contraste en medios o situaciones particulares.
Ya que el color posee una gran expresividad, es esencial que se considere al crear un sitio web para alguna marca. En mayor o menor medida, los colores utilizados en el logo deberían ser empleados en el sitio web asociado a la marca. En ciertos casos, es posible utilizar un fondo blanco y aplicar color a ciertas zonas, todo depende de la personalidad de la marca.
Estudia la combinación de colores del logo y analiza cómo puedes utilizarla en el sitio web. En la guía de estilo también se suele incluir cuál es el color primario y secundario, así como el porcentaje de uso de cada uno de ellos. Utiliza esta información para aplicar de manera más acertada la paleta de colores característica de la marca.
Tipografías
Otro punto a considerar es la tipografía. Es posible que en el logo se haya utilizado una tipografía manuscrita o experimental. En este caso, no puedes emplearla para cuerpos de texto, aunque tal vez sí para algunos títulos específicos. Es en este momento donde ya se comienzan a tomar decisiones de diseño que involucran a la marca. Es bastante probable que tengas que seleccionar nuevas fuentes para el sitio web pues incluso si la fuente del logo el lo suficientemente legible, puede que descubras que debido a otras razones no es óptima para textos largos.
Es necesario que consideres todo lo previamente aprendido sobre la marca para poder tomar una decisión acertada sobre las fuentes, tomando en cuenta la propia personalidad de la marca. Sin embargo, también puedes optar por una fuente neutra que se adapta a cualquier propósito ya que una de las principales características que debes tener en cuenta al seleccionar fuentes es la legibilidad. Así que puedes dejar que el color y las imágenes se encarguen de reforzar el mensaje mientras una fuente fácilmente adaptable comunica de forma textual.
Texturas y patrones
Aunque los colores y las fuentes son elementos básicos de toda marca, en ciertos casos también se utilizan ciertas texturas o patrones relacionados a la marca. Estos son elementos que pueden emplearse como recurso para fondos y que, al mismo tiempo, refuercen aspectos de la marca como la personalidad, por ejemplo.
Como ya mencionamos, no son elementos que todas las marcas utilicen, a diferencia de los colores y las fuentes. Sin embargo, alguna textura o patrón sutil podrían ser de ayuda para mantener la coherencia de la marca ya que se utilizaría como fondo en el sitio web. Es un recurso directo para mantener unificado el sitio web y relacionar a la marca. Por supuesto, no es el único elemento que apoya el vínculo entre la marca y el sitio web, pero sí que puede ser de ayuda.
Estilo fotográfico
El estilo fotográfico hace referencia al tipo de fotografías que se encuentran asociadas a la marca. Se puede especificar tanto la perspectiva de las tomas como los sujetos de la fotografía e incluso indicar el tipo de fondo que se empleará. Todas estas indicaciones sobre la fotografía permite emplear un solo tipo de imágenes y mantener la coherencia en diversos medios, tanto si se trata de impresos como de web, de una interfaz web como un banner publicitario.
En algunos casos se puede mencionar también el tipo de modificación que se realiza a las fotografías. Por ejemplo, si se suele aplicar duotono, algún tipo de filtro fotográfico particular, alguna decoración o elemento ilustrado en ciertas zonas de la fotografía.
Iconos
Los iconos son otro elemento web común en la gran mayoría de proyectos, ya sea en menor o mayor medida. En algunos casos, se emplean solo como enlace a otras plataformas o elemento decorativo en algunos botones. En otros casos, los iconos se utilizan en secciones para describir beneficios y características de algún servicio o producto.
En la mayoría de casos, se emplean iconos provenientes de alguna librería. De ser así, debe mencionarse la librería que se utiliza y añadir el enlace de descarga. Además, puede se de gran ayuda especificar el uso de dichos iconos, por ejemplo, si suele aplicar un solo color o varios, si se encierran en un círculo o algún otro elemento, etc.
