Referencia de diseño de marca

Qué aprenderás

Descubre cómo hacer que tu empresa se vea profesional y fiable a través de los colores, los diseños, las fuentes y los conceptos de marca. Esta guía te guiará por:

• Crear un concepto de diseño
• Elegir colores de la marca
• Elegir fuentes de marca
• Diseño del logotipo

Crear un concepto de diseño

Para empezar, deberías tener al menos una idea general de tu plan de negocio y de tu audiencia. Antes de lanzarte a crear un logotipo o elegir tipografías, tienes que definir una idea de concepto de diseño que aporte credibilidad a la marca y atraiga a clientes. En primer lugar, asegúrate de comprender bien a tu audiencia. Es fundamental saber qué tipo de medios consume tu audiencia y dónde pasa el tiempo, tanto dentro como fuera de internet. Con esa información, ve a los sitios de la competencia y observa sus colores, tipografías, logotipos, fotografías y otros elementos de diseño. ¿Qué colores utilizan? ¿Tienen tipografías script, serif o sans serif? ¿Cuál es la imaginería básica que utilizan para desarrollar su marca? Toma notas de lo que te gusta y de lo que funciona bien.

Elegir colores de la marca

Decidir qué colores usar puede resultar abrumador. El color puede influir en cómo responde la gente a la marca, pero su significado depende del contexto. Utiliza las asociaciones que se indican a continuación como punto de partida al elegir colores para la audiencia.

• Azul
  Evoca confianza, inteligencia, seguridad, fiabilidad y tranquilidad.

El azul puede sugerir fiabilidad y confianza. Lo verás en la identidad de marca de hospitales, compañías farmacéuticas, gobiernos y empresas tecnológicas. Mira las aplicaciones del teléfono que contienen información confidencial y piensa en cómo sus colores influyen en la impresión que te causan.

• Rojo
  Connota excitación, atención, estimulación, fuerza.

El rojo puede atraer la atención, por lo que es una opción para logotipos y llamadas a la acción (CTA). Ten en cuenta cómo funciona con el resto del diseño y el mensaje que quieres transmitir.

• Verde
  Indica sostenibilidad, durabilidad, salud, frescura y amabilidad.

El verde aporta una energía amistosa y sostenible. La verás en opciones de comida saludable y marcas para actividades al aire libre.

Otros colores, como el amarillo (alegre, positivo), el morado (glamur, misterio) y el negro (VIP, de alta gama, exclusivo), también se usan en el diseño de logotipos, pero no son tan comunes como los colores anteriores.

Empieza eligiendo 1 color neutro, 2 colores llamativos y 1 color de llamada a la acción (CTA). Elige un color que te guste y que encaje con el mensaje que quieres transmitir, y luego crea el resto de la paleta a partir de él. Asegúrate de que los colores combinen bien entre sí y de que el texto sea fácil de leer sobre el fondo.

Para inspirarte con la combinación de colores, usa el generador de paletas de colores de Adobe Express para explorar paletas y crear combinaciones de colores para la marca.

Cuando estés eligiendo los colores de la marca, lo más importante es reflexionar sobre el mensaje que quieres transmitir a los clientes. Piensa en cómo se van a traducir los colores en el diseño del logotipo, en los sitios web e incluso en el merchandising que podrías vender. Una vez que tengas una idea de la paleta de colores, puedes pasar a las fuentes.

Elegir fuentes de marca

Encontrar y elegir tipografías de marca puede parecer una tarea desalentadora. Al fin y al cabo, hay miles de tipografías. Pero lo más importante que debes saber es que, en última instancia, las tipografías se dividen en unas pocas categorías ( serif, sans serif, script y display).

• Serif
  Las fuentes serif tienen líneas al final de cada letra. Son clásicas, tradicionales y serias.

• Sans Serif
  Sans Serif significa literalmente «sin serif». Estas fuentes no tienen líneas al final de sus letras, lo que les da un aspecto más moderno. Tanto las fuentes serif como las sans serif suelen ser fáciles de leer, con una ligera ventaja para las fuentes sans serif.

• Script
  Las fuentes Script son las que más se parecen a la escritura a mano y tienen letras que están conectadas de una forma u otra. Han ganado mucha popularidad en los últimos años y transmiten un aire de diversión y bricolaje. Se utilizan en logotipos y encabezados, pero rara vez se usan en el cuerpo del texto.

• Pantalla
  Las fuentes de pantalla llaman la atención. Son las más difíciles de leer y deben usarse de forma intencionada y poco frecuente.

Puedes añadir profundidad y carácter a la marca y al sitio web combinando diferentes grosores de la misma fuente o distintos tipos de fuentes. Por ejemplo, usa una tipografía serif o sans serif en negrita para los encabezados y un grosor más ligero de esa misma tipografía para el cuerpo del texto.

Usar distintos tipos de letra, por otro lado, podría parecerse a combinar una tipografía con serif y otra sans serif. Por lo general, la tipografía con serif se usa como encabezado y la tipografía sans serif se usa para el cuerpo del texto. También puedes usar tipografías script y display como encabezado con una tipografía con serif o sans serif, pero con precaución. Al final, lo que quieres es asegurarte de que el contenido sea fácil de leer. Por último, no elijas tipografías que estén estrechamente vinculadas a otra marca (p. ej., Coca-Cola, Los Soprano, Harry Potter, etc.). Un gran recurso para descargar fuentes gratuitas es Google Fonts.

Si planeas usar una fuente de marca personalizada en Klaviyo Email, elige una fuente alternativa segura para la web de un estilo similar. Algunas bandejas de entrada no admiten fuentes personalizadas y, en su lugar, usan una alternativa. Descubre cómo añadir fuentes personalizadas a las plantillas de email.

Diseño del logotipo

Ahora que has hecho el trabajo duro de investigar el diseño de la competencia, crear una combinación de colores y elegir tipografías que crees que funcionarán bien para tu marca, es hora de crear tu logotipo. Pero, antes de empezar, vamos a repasar algunos conceptos que debes tener en cuenta mientras creas tu logotipo.

Tu logotipo debe ser:

1. Sencillo
2. Escalable (es decir, tan fácil de leer en un dispositivo móvil como en una valla publicitaria)
3. Principalmente horizontal

Tienes 2 opciones a la hora de crear un logotipo. Puedes diseñar un logotipo tú mismo o hacer que otra persona lo diseñe por ti. Si eliges diseñar algo tú mismo o quieres barajar algunas opciones, pero no quieres invertir en un software nuevo y caro, GIMP, Inkscape, Pixlr y Canva ofrecen opciones gratuitas de edición o diseño de imágenes que puedes usar para crear el logotipo. Algunas funciones o recursos pueden requerir pago.

Al diseñar, ten en cuenta que necesitarás las siguientes variantes de logotipo para conseguir la mejor escalabilidad de la marca: 

• Versiones con fondos transparentes y blancos.
• Versiones con texto de color oscuro y claro.
• Versiones cuadradas y horizontales, además de una versión para un favicon.

Si prefieres empezar con una plantilla de logo, Shopify Logo Maker puede ayudarte a diseñar un logo gratis. Solo asegúrate de que el logo encaje tanto con la marca como con el sector.

Una vez que tengas el sitio en marcha, puede que necesites algunas fotos y vídeos de stock para dar vida a tus emails, sitio web y otras comunicaciones. Unsplash, Gratisography y Pexels son fuentes de imágenes de stock para usar en las comunicaciones de tu marca.

Resultado

Ya tienes los colores de la marca, el estilo y un logotipo, ¿y ahora qué? A continuación, decide dónde tienes previsto alojar el sitio web. ¿Vendes algo? Configura una tienda de comercio electrónico y ten en cuenta las decisiones de marca del sitio web. Consulta nuestro artículo sobre integraciones para empresas de comercio electrónico. Una vez hayas definido la marca y el diseño, crear contenido de marca se vuelve mucho más fácil.

Recursos adicionales