Referencia de diseño de marca

Objetivos del artículo

Aprende a hacer que tu empresa se vea profesional y confiable a través de los colores, los diseños, las tipografías y los conceptos de marca. Esta guía te llevará paso a paso por:

• Crear un concepto de diseño
• Elegir colores de marca
• Cómo elegir las fuentes de la marca
• Diseño de logotipo

Crear un concepto de diseño

Para empezar, conviene tener al menos una idea general del plan de negocio y del público. Antes de empezar a crear un logo o elegir las tipografías, es necesario definir una idea del concepto de diseño que le dé credibilidad a la marca y atraiga clientes. Primero, asegúrate de entender bien a tu público. Es fundamental saber qué tipos de medios consume el público y dónde pasa el tiempo, tanto en internet como fuera de él. Con esa información, ve a los sitios de la competencia y observa sus colores, tipografías, logos, fotografías y otros elementos de diseño. ¿Qué colores usan? ¿Usan tipografías de estilo manuscrito, con serif o sans serif? ¿Qué tipo de imágenes usan como base para desarrollar su marca? Toma nota de lo que te gusta y de lo que funciona bien.

Elegir colores de marca

Decidir qué colores usar puede ser abrumador. El color puede influir en cómo responde la gente a tu marca, pero su significado depende del contexto. Usa las asociaciones de abajo como punto de partida al elegir colores para tu audiencia.

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

El azul puede sugerir confianza y fiabilidad. Lo verás en el branding de hospitales, empresas farmacéuticas, gobiernos y empresas de tecnología. Observa las apps de tu teléfono que contienen información confidencial y considera cómo sus colores influyen en la impresión que te dan.

• Rojo
  Evoca emoción, atención, estimulación y fuerza.

El rojo puede atraer la atención, lo que lo convierte en una opción para logotipos y llamados a la acción. Considera cómo funciona con el resto del diseño y el mensaje que quieres transmitir.

• Verde
  Denota sostenibilidad, durabilidad, salud, frescura, amabilidad.

El verde transmite una energía amigable y sustentable. Lo verás en opciones de comida saludable y marcas de actividades al aire libre.

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

Empieza por elegir 1 color neutro, 2 colores llamativos y 1 color de llamado a la acción. Elige un color que te guste y que se ajuste al mensaje que quieres transmitir; luego, crea el resto de la paleta en torno a ese color. Asegúrate de que los colores combinen bien entre sí y de que el texto sea fácil de leer sobre su fondo.

Para inspirarte en esquemas de color, usa el generador de paletas de color de Adobe Express para explorar paletas y crear combinaciones de colores para tu marca.

Cuando elijas 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 traducirán los colores al diseño del logotipo, los sitios web e incluso la mercancía que podrías vender. Una vez que tengas una idea de la paleta de colores, ya puedes pasar a las fuentes.

Cómo elegir las fuentes de la marca

Encontrar y elegir las fuentes de la marca puede parecer una tarea abrumadora. Después de todo, hay miles de fuentes disponibles. Pero lo más importante es entender que, en última instancia, las fuentes se dividen en algunas categorías: serif, sans serif, script y display.

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

• Sans Serif
  Sans Serif literalmente significa “sin serif”. Estas fuentes no tienen líneas al final de sus letras, lo que les da un estilo más moderno. Tanto las fuentes serif como las sans serif suelen ser fáciles de leer, con una ligera ventaja para las 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. Se han vuelto muy populares en los últimos años y transmiten una sensación de diversión y estilo DIY. Se usan en logotipos y encabezados, pero rara vez se usan en el cuerpo del texto.

• Display
  Las fuentes display atraen la atención. Son las más difíciles de leer y se deben usar de manera intencional y con poca frecuencia.

Puedes darle más profundidad y personalidad a tu marca y sitio web si combinas diferentes grosores de la misma tipografía o distintos tipos de tipografías. Por ejemplo, usa una tipografía con serif o sans serif en negrita para los encabezados y un grosor más ligero de la misma tipografía para el cuerpo del texto.

Usar diferentes tipos de fuente, por otro lado, podría verse como combinar una fuente con serifas y una sin serifas. Por lo general, la fuente con serifas se usa como encabezado y la fuente sans serif se usa para el cuerpo del texto. También puedes usar tipografías script y display como encabezado junto con una tipografía serif o sans serif, pero con cuidado. Al final del día, conviene asegurarse de que el contenido sea fácil de leer. Por último, no elijas fuentes que estén muy vinculadas a otra marca (p. ej., Coca-Cola, Sopranos, Harry Potter, etc.). Un gran recurso para descargar fuentes gratuitas es Google Fonts.

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

Diseño de logotipo

Ahora que ya hiciste el trabajo pesado de investigar el diseño de la competencia, crear un esquema de colores y elegir fuentes que crees que funcionarán bien para la marca, es momento de crear el logotipo. Pero antes de comenzar, revisemos algunos conceptos que debes tener en cuenta mientras creas el logotipo.

El logotipo debe ser:

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

Tienes 2 opciones para crear un logotipo. Puedes diseñar un logotipo tú mismo o pedirle a alguien más que lo diseñe por ti. Si decides diseñar algo por tu cuenta o quieres evaluar algunas opciones, pero no quieres invertir en software nuevo y costoso, GIMP, Inkscape, Pixlr y Canva ofrecen opciones gratuitas de edición de imágenes o diseño que puedes usar para crear tu logotipo. Es posible que algunas funciones o recursos requieran pago.

Al diseñar, ten en cuenta que necesitarás las siguientes variantes de logotipo para lograr la mejor escalabilidad de tu 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 logotipo, Creador de logotipos de Shopify puede ayudarte a diseñar un logotipo gratis. Solo asegúrate de que el logotipo sea coherente tanto con tu marca como con tu sector.

Después de que tu sitio esté en funcionamiento, es posible que necesites algunas fotos y videos de stock para dar vida a tus correos electrónicos, 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

Entonces ya tienes los colores de la marca, el estilo y un logotipo; ¿y ahora qué? A continuación, define dónde planeas alojar el sitio web. ¿Estás vendiendo algo? Configura una tienda de ecommerce, teniendo en cuenta las opciones de marca del sitio web. Consulta nuestro artículo sobre integraciones para empresas de ecommerce. Una vez que hayas definido la marca y el diseño, crear contenido de marca se vuelve mucho más fácil.

Recursos adicionales