Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Design Theory
Webdesign

Trabajando con las marcas y normas de diseño

by
Length:ShortLanguages:
This post is part of a series called Design School for Developers.
Selecting Your Own Color Scheme
Typography Basics for Developers

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

En ocasiones, particularmente cuando trabajas con compañías y sus marcas ya establecidas, puedes encontrarte con un conjunto de normas de diseño. Como desarrollador que podrías estar trabajando en un sitio web sin mucha ayuda de diseño, este puede ser algo que puedes usar, en verdad, para tu propia ventaja, guiándote en las decisiones que tengas que tomar.


Pero… ¿Qué son las Marcas y Guías de Diseño?

Las guías de Marca , por lo general, ofrecen un conjunto de documentos, los cuales muestran como deberían ser utlizados los elementos de diseño para una marca. A menudo, creados para ser utilizados por los diseñadores dentro de una compañía, así como también, por equipos de diseño externos. Estos documentos existen para dar consistencia a una marca a través de todos los medios de comunicación.

Podrías encontrar detalles acerca de la forma de como la marca de una empresa ha seleccionado un tipo de fuente y cómo deberían ser utilizadas, además de los esquemas de color disponibles para que puedas usarlos (y cómo es que debes usarlos), incluso, cuánto espacio debes dar alrededor del logotipo.

From MailChimp's Voice and Tone
Voice and Tone de MailChimp

Las mejores guías de marca dan a conocer más que solamente los elementos visuales de diseño. Además, ofrecen información acerca del estilo del contenido, o el tono de la voz que va a ser utilizado, expresando, no solamente la presencia visual, sino también los valores y, también, la personalidad.

Guru Brand Design Guidelines by Naomi Atkinson Design
Una muestra del Guru de las guías de marca, diseñado por Naomi Alkinson, presentando un esquema de color de una marca.

Trabajando con esquemas de color

En la mayoría de las guías de marcar se te proporcionará un esquema de color, el cual, la marca usa a través de sus diversos medios fuera de línea y, también, medios en línea. Esto puede ser un firme punto de partida cuando escoges un esquema de color para un diseño, y aunque pueda parecer un poco limitado tener un conjunto de esquemas de color ya dado, que no te detenga nada a impulsarte a lo que hagas con estos colores y experimenta combinándolos en diferentes maneras de las que ya se utilizan.

Bluegg Brand Guidelines for Charter Housing
Una muestra de la guía de marca de Charter Housing, diseñado para Bluegg, mostrando la paleta de color de la marca.

Trabajando con Guías de Marca robustas (o no tanto).

Dependiendo del tipo de proyecto o clientes que tengas, a menudo te encontrarás con un grado variable de identidad de marca con las que tendrás que trabajar. No pienses que el tamaño de una compañía puede determinar cuán robusta o débil aparente ser una marca. A menudo, la eficacia de una marca, y posteriormente su marca y su guía de diseño, podrá variar bastante dependiendo del nivel de trabajo que se ponga en la marca desde el inicio.

Brand Guidelines for Locality by Naomi Atkinson Design
Una parte de la guía de marca de Locality, diseñado por Naomi Atkinson. El diseño presenta el uso correcto del logotipo.

Cuando trabajas con diseños y guías de marca de gran envergadura, es, sencillamente, estupendo para los diseñadores. Las guías de marca ofrecen un buen inicio en la creación de un diseño que es relevante para el medio escrito, pero también muy exacto para la marca. Una firme guía de marca te permite, simplemente, tomarlas y, luego, representar esa marca en la mejor forma posible que puedas en una forma diferente (en la web).

New York City Transit Authority Graphics Standards Manual from 1970
Manual estándar de los gráficos de las autoridades de tránsito de la ciudad de Nueva York de 1970

Por otra parte, algunas veces podrá ser que tengas que confrontar con trabajar con una marca y una guía de diseño que son tan robustas, ya sea que esto signifique que no están en lo correcto, o que ofrecen asistencia o información técnica equivocada (tales como la información errónea de los colores y de los tipos de fuente) o sencillamente no son consistentes con el mensaje que la marca intenta comunicar.

Charter Housing Brand Guidelines by Bluegg
Una parte de la guía de marca de Chart Housing, diseñado por Bluegg, mostrando cómo debería ser utilizado el logotipo.

Cuando sientas como si estás en una posición en dónde has estado trabajando con guías de marca bastante deficientes, o si sientes como si se pueden hacer mejoras a la marca y cómo es que esto se puede representar en tu diseño, simplemente habla con tu cliente. Recuerda que los clientes están abiertos y yo siempre prefiero trabajar con mis clientes que para ellos, y la comunicación es la clave para lograr esto. Cuentale a tu cliente acerca de tus preocupaciones y ten a la mano algunas sugerencias listas para la forma en que la imagen de la marca puede ser mejorada a través de ideas para su diseño. Algunas veces, particularmente si un cliente no es creativo o no tiene mucha comprensión técnica, puede que no se hayan dado cuenta de que hubo un problema hasta que les digas algo tú mismo.


Avanzando más allá de los límites.

Cuando trabajas con las normas de marcas, no te preocupes por ir más allá del límite o de lo que puedas o no puedas hacer con las directrices que te han dado.

Tampoco te preocupes de hablar con tus clientes y viendo que se puede avanzar más de las directrices en las que has estado siempre. Muy a menudo, los clientes están deseando escuchar y, también, darte una idea de cuánto puedes cambiar las reglas. Siempre que tengas firmes razones detrás de los cambios que quieras hacer, entonces ningún cliente desestimará tus ideas. Diciendo eso, todavía ellos pueden decir que no, si sienten, por ejemplo, que lo que propones se aleja demasiado del concepto que tienen de su marca.

En realidad, cuando trabajas con directrices de marca, piensa en eso como todo lo que son, es decir; una guía para ayudarte con la forma en que tú representas una marca en tus diseños. Es muy importante que no te sientas restringido, hablando en términos de tus ideas o de tu creatividad, en lugar de eso, mira las directrices como una pequeña plataforma que puede ayudarte a crear una marca más exacta y un diseño refinado.

Brand Guidelines for Exocad designed by Naomi Atkinson Design
Directrices de marca para Exocad, diseñado por Diseños Naomi Atkinson, mostrando los tipos de fuentes utilizados en la marca.

Asignación

¿Por qué no enfocarse en esto desde el otro lado del escritorio? Toma una plantilla visual de una marca (tal como esta de Graham Smith) y mira, por ejemplo, si puedes construir unas directrices para una marca que ya existe. Primero, empieza por tomar todo lo que te parece familiar o con lo que ya estás familiarizado pues son bien conocidos internacionalmente, es decir; colores y tipografía, luego seleccionalos meticulosamente y colocalos dentro de una plantilla. Muy pronto estarás consciente de la manera en la cual su marca está siento controlada detrás de escena.

¡Sé el primero en conocer las nuevas traducciones–sigue @tutsplus_es en Twitter!

Advertisement
Advertisement
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.