¿Has oído hablar de la guía de estilo de tu marca alguna vez pero no terminas de entender qué es y para qué sirve? ¿Eres consciente de que tu marca es mucho más que un logotipo? ¿No tienes un manual que explique todos los detalles sobre tu idea o negocio? ¡Está en el sitio correcto! Un manual de identidad corporativa es, en resumen, un documento (normalmente en PDF) que recoge los principales elementos gráficos de tu marca y explica cómo deben aplicarse visualmente (tanto online como offline). Tenerlo es crítico para que tu marca sea coherente y consistente en todos los sitios donde se muestren alguno de sus elementos (logotipo, tipografías, colores, etc). En esta guía te explico en detalle qué son cada uno de sus elementos y cómo diseñar una guía de identidad corporativa.

manual identidad corporativa guia estilo empresa que es elementos como elaborarlo

Todos los negocios, físicos y online (o ambos) generan piezas de comunicación constantemente, ya que necesitan expresarse de manera visual con frecuencia: anuncios, banners y folletos publicitarios, contenidos del blog, publicaciones en las redes sociales, invitaciones a eventos, etc. Por normal general, es muy habitual que tu mismo te encargues de hacer los diseños, pero hay ocasiones en las que necesitas contratar un diseñador gráfico o web (ya sea forma interna o externa). El objetivo del manual de identidad de empresa se encarga de facilitar la vida a esos terceras personas o profesionales, ya que te garantiza que todos manejan la misma información y siguen el mismo criterio para realizar cualquier diseño.

Una guía de identidad corporativa o guía de estilo une el corazón, alma, misión, visión y valores de la marca, y lo traduce en diseño. También le dice a todo el mundo cómo deben comunicar tu marca (con todo tipo de detalles). Es, al fin y al cabo, un documento que codifica cómo se presenta tu organizacióm al mundo. Dicho de otra manera, es la herramienta de referencia que ayuda a mantener coherencia y consistencia explicando cómo se ve, se siente y suena tu marca.

Un manual de identidad corporativa es como una especie de «DNI de tu marca», donde tiene que ir reflejada toda la información necesaria para que cualquiera, sin conocer tu marca y tu imagen visual, pueda reproducirla fielmente.

Llega a tener tanta importancia (sobre todo en empresas muy grandes), que algunas personas lo llegan a llamar la «Biblia de la marca«. De todas maneras, no dejes que eso te confunda o intimide, tan sólo son nombres diferentes para el mismo documento. Disponer de un manual de imagen corporativa te asegura que tu marca se vea y se sienta igual en todas partes, incluso cuando tienes con personas ajenas a tu actividad. Es perfecto para tener todo «atado» en lo que a diseño web y gráfico se refiere.

Diferencias entre imagen corporativa e identidad corporativa

Los términos de identidad e imagen corporativa pueden llevar a malentendidos, tanto a los empresarios como a muchos diseñadores gráficos y web, que son, en muchos casos. un pilar básico en su producción y desarrollo. Por ello, es básico que conozcas en qué se diferencia la imagen y la identidad corporativa, ya que al final ambas inciden en cómo se va a reflejar tu marca o empresa tanto interna como externamente (afectando directamente a tu reputación y éxito). Así, te contamos cómo diferenciar entre la identidad e imagen corporativa. Estas son sus diferencias más destacadas:

  • Identidad corporativa: La identidad corporativa va ligada al nombre de la empresa e implica todos los detalles que definen su personalidad, tanto en las cuestiones intangibles (filosofía, misión, visión y valores de la empresa, tono, estilo de comunicación) como en las cuestiones tangibles (productos y servicios que oferta). Todas estas elementos deben desarrollarse teniendo como base un mismo hilo conductor, que consolide y facilite la experiencia de marca única. Por ello, es muy importante tener marcada una línea creativa clara y concreta, sobre la que se definan, por un lado, los estímulos sensoriales a través, por ejemplo, del logotipo y la estética elegida. Esto es fundamental, porque es con lo que logras ese primer impacto en el público, quien debes conseguir que te reconozca de manera inmediata.

  • Imagen corporativa: La imagen corporativa es la fiel imagen de los valores y filosofía de la empresa. Es decir, el consumidor, una vez se ha impregnado de la identidad corporativa, ya sea a través de algún anuncio publicitario, a través del logo, del eslogan o hasta la música del anuncio, se hace una idea y una concepción concreta de la compañía. Esa concepción, esa imagen que se ha creado en su mente, es a lo que se refiere precisamente la imagen corporativa, que no es más que la concepción psicológica de la marca o la opinión que se forma como consumidor (ya sea buena o mala).

Por tanto, toda empresa debe ser coherente con los valores que pretende mostrar, cuidar su actitud, sus gráficos, sus campañas publicitarios,… Debe cuidar cada mínimo detalle con el fin de no confundir a su público objetivo e intentar que éste comprenda 100% la filosofía y valor por el que apuesta la marca. Tener clara la diferencia entre imagen corporativa e identidad corporativa supone el primer paso para poder desarrollar un buen trabajo desde un principio y tratar de influir e impactar al usuario de la mejor manera posible y, sobretodo, conseguir que se sienta identificado con los valores corporativos.

Componentes clave de la identidad visual de tu marca

Antes de crear el manual de identidad o guía de estilo de tu bitácora necesitas conocer en profundidad todos sus elementos y tu marca. Piensa en tu identidad de marca como la personalidad de tu empresa hacia el mundo. Es cómo el mundo te reconoce y empieza a confiar en ti. Si ves que una marca cambia su apariencia y forma de actuar a menudo, realmente sentirás que no sabes quienes son y nunca llegarás a confiar al 100% en ella.

Imagina a un compañero de trabajo que siempre lleva una camisa de vestir metida en los pantalones de vestir y con el pelo corto. Ahora imagínate si esa misma persona entra en el trabajo un día sin afeitar, vistiendo pantalones vaqueros desgastados y luciendo un tatuaje de un tigre montando una motocicleta con llamas de fondo. Probablemente te sentirás algo incómodo, porque no es a lo que estás acostumbrado (lo más seguro es que le preguntas «si va todo bien»). Puedes aplicar la misma lógica a las marcas: la inconsistencia confunde y produce rechazo en tus clientes.

Un manual de identidad corporativaguía de estilo es importante porque ayuda a que tu empresa se comunique de manera consistente en todos los equipos y canales. Por un lado debes definir la misión, visión, público objetivo, personalidad y valores fundamentales de la marca y, por otro, el logotipo, tipografias, colores corporativos, línea visual, tono y voz. Todos juntos son los pilares más importantes a la hora de establecer tu identidad de marca, porque le dicen al mundo lo que representas.

Hay seis elementos esenciales que deben desarrollarse para tener una guía de identidad completa para tu marca. Debes concentrar y priorizar tus esfuerzos y los del diseñador en la creación de estos elementos. De hecho, algunas partes puede que ya las tengas (el logotipo por ejemplo), pero estoy seguro de que después de leer esta guía querrás volver a la mesa de diseño de nuevo (un buen diseñador gráfico te asesorará y ayudará a coger esos estados de ánimo, sentimientos e imágenes y convertirlos en elementos tangibles de la marca). Deja que te explique cada uno por separado.

Elemento #1: Historia, misión, visión y valores de la marca

Introduce tu marca al mundo. Un simple resumen le dará a la gente una visión del corazón y el alma de tu empresa, lo que les ayudará a entender las misma. En esta parte puedes incluir los cinco componentes clave de la marca que he comentado más arriba: misión, visión, audiencia, personalidad y valores (también puedes elegir compartir sólo parte). Piensa muy bien qué incluir por su utilidad y como punto de referencia. Todas tus directrices debe ser fieles a estos componentes fundamentales. Deja bien definidos estos elementos:

  • Misión: La misión define principalmente cuál es tú labor o actividad en el mercado, pudiéndola completar haciendo referencia al público hacia el que va dirigido y con la singularidad, particularidad o factor diferencial, mediante la cual desarrolla su labor o actividad. Para definir la misión de tu negocio, te ayudará responder a las siguientes preguntas: ¿Qué haces?, ¿cuál es tu negocio?, ¿a qué te dedicas?, ¿cuál es tu razón de ser?, ¿quiénes son tu público objetivo?, ¿cuál es tu ámbito geográfico de acción?, ¿cuál es tu ventaja competitiva? y ¿qué te diferencia de nuestros competidores?

  • Visión: La visión define las metas que pretendes conseguir en el futuro. Estas metas tienen que ser realistas y alcanzables, puesto que la propuesta de visión tiene un carácter inspirador y motivador. Para la definición de  la visión de tu negocio, te ayudará responder a las siguientes preguntas: ¿Qué quieres lograr?, ¿dónde quieres estar en el futuro?, ¿para quién lo haré?, ¿ampliaré mi zona de actuación?

  • Público objetivo: Describe quiénes son tus clientes, por qué te necesitan y cómo tus productos o servicios resuelven sus problemas. Si has hecho un estudio de mercado, inclúyela para que tu equipo sepa comunicarse de una manera eficaz con tus clientes.

  • Personalidad: Haz una lista de 3-5 adjetivos que describen tu marca (las agencia de publicidad utilizan además el «Is/Is Not«, y también enumeran 3-5 adjetivos en los que no veas reflejada a tu marca). De esta manera estableces el tono para el diseño y el copywriting. Para la definición de  la personalidad de tu negocio, te ayudará responder a las siguientes preguntas: ¿Eres sofisticado o peculiar? ¿clásico o moderno?

  • Valores: Los valores son principios éticos sobre los que se asienta la cultura de tu negocio y te permiten crear las pautas de comportamiento. No olvides que los valores son la personalidad de tu negocio y que no pueden convertirse en una expresión de deseos de los dirigentes, sino que tienen que plasmar la realidad. No es recomendable formular más de 6-7 valores, si no pierdes credibilidad. Para definir los valores de tu negocio, te ayudará responder a las siguientes preguntas: ¿Cómo eres?, ¿en qué crees?

Una vez que hayas dado rienda suelta a tu imaginacióninspiración, es hora de empezar a trabajar para empezar a unirlo todo y darle forma. En este paso, siempre te recomendaré que trabajes con con un diseñador web y gráfico profesional con el que te puedes comunicar bien y que te haga sentir cómodo. La razón es sencilla: Tu cuando tienes que operarte, ¿Vas al médico especialista o intentas operarte a ti mismo en tu casa? Se que es un ejemplo algo agresivo, pero quiero que lo entiendas. Si no sabes, no lo hagas, porque vas a perder un tiempo que puedes aprovechar para otros menesteres.

El diseño de una imagen de marca es un proceso de descubrimiento continuo y el diseñador será un socio clave en dicho proceso. El, como profesional en su trabajo, puede tener ideas o sugerencias que tu no habías considerado. Además, el precio por contratar este tipo de servicio no es caro, y los resultados, créeme, serán espectaculares. Si, aún así, te resistes a molestar a tu bolsillo, al menos apóyate en este guía para que tu manual de marca sea lo más completo posible y se entienda correctamente.

Elemento #2: Logotipo

Llega el momento de crear el logotipo. Tu objetivo es que la gente se tome en serio tu proyecto, por lo que este necesita lucir bien y estar bien presentado y no tener un logo «pasable» no es una opción. Yo te recomiendo encarecidamente que contrates a un profesional (diseñador gráfico). Me se eso de «le pongo lo que sea para ir funcionando y ya me encargaré del logo«. ¡Pues no! Al final, y te lo digo por experiencia (a mi me ha pasado), se queda esa «plasta» (y va para largo).

Seguramente pienses que contratar a un profesional cueste mucho dinero, pero ¿y si te digo que a mi me han hecho logos profesionales por menos de 100€? ¿No te lo crees? Pues eso es porque no conoces las herramientas correctas. Se trata de recursos online que harán las maravillas de tu negocio, ofreciendo profesionales freelance muy cualificados a precios muy competitivos. Eso sí, ya te aviso que vas a necesitar ciertas herramientas para emprendedores que ya te había mostrado como Skype. Deja que te muestre mis páginas favoritas para pedir trabajos creativos de este tipo:

ganador 1

99designs

mejores herramientas marketing online diseño grafico 99designs

99designs es, sin lugar a dudas, el mejor plataforma líder en servicios de diseño gráfico incluyendo logos, diseño web y otros concursos de diseño gráfico. Además, si no te gusta el resultado, te devuelven el dinero. Lo uso en todos mis proyectos y los de mis clientes.

ganador 2

Fiverr

como hacer dinero por internet trabajo freelance desde casa fiverr

Fiverr es una plataforma digital de trabajos independientes y micro servicios (como escribir un post, una grabación de voz o un servicio de traducción) que te permite comprar o vender todo tipo de servicios o Gigs a partir de $5. Puedes encontrar casi de todo.

ganador 3

Freelancer

como hacer dinero por internet trabajo freelance desde casa freelancer

Freelancer es una plataforma online que te permite contratar programadores, diseñadores web y gráficos y muchos más a un precio muy competitivo, ya que eres tu el que decide el presupuesto y los profesionales son los que se unen al proyecto.

De todas maneras, antes de empezar a diseñar tu logo, lo mejor, como siempre, es echar un vistazo a tu competencia. Necesitas ideas y puedes encontrarlas rápidamente fijándote en las empresas que más visibilidad tengan en tu nicho de mercado y copia su estilo ¡Espera un segundo! ¿De verdad he escrito «copia»? ¡Pues sí! ¿Por qué no? En primer lugar, es muy probable que no tengas ni idea de cómo debe ser un buen diseño. En segundo lugar, hay muchas posibilidades de que tu competencia haya contratado a diseñadores profesionales para diseñar su marca.

No hace falta que sea igual, pero sí «que se de un aire», ya que los usuarios de ese sector ya estarán acostumbrados a esas formas o colores. Simplemente crea un algo que sea lo suficientemente parecido para que tu marca sea reconocida automáticamente como parte del nicho. Un buen ejemplo es Starbucks, y como decenas de empresas han «copiado» las formas de su logo para generar reconocimiento de marca (sin tener que gastar millones en el proceso). Hay millones de ejemplos sobre este tema, pero quédate con la idea de que no es una copia literal, sino coger lo que funciona y darle tu impronta.

Una vez que has hecho algo de investigación, estás listo para crear el logotipo de tu marca. Básicamente, los siguientes pasos son elegir un icono y una fuente (tipografía) que representen el proyecto. Puede llevarte algún tiempo encontrar la combinación correcta, así que tómate tu tiempo en estos 2 pasos. En el primer paso, aunque hay muchas páginas para descargar iconos gratuitos, lo ideal es encontrar un icono de calidad, que sea preferentemente gratuito (o muy barato), te puedo echar una mano:

ICON Academy

Sí estás cansado de ver siempre los mismos iconos aburridos en tu página web o perfiles sociales, quizá te interese este pack de iconos vectoriales. El pack ICON Academy es una colección muy completa que incluye iconos de diversas temáticas como SEO, diseño web ecommerce, redes sociales, marketing y mucho más.

  • Incluye iconos profesionales de diversas temáticas como SEO, diseño web ecommerce, redes sociales, marketing y mucho más.​

  • Incluye 2 formatos diferentes para los iconos (.JPG y .EPS).

  • Pack de iconos vectoriales pensado para diseñar y desarrollar páginas web profesionales.​

Social Academy

Sí estás cansado de ver siempre los mismos iconos sociales aburridos en tu página web, blog o tienda online, quizá te interese este pack de iconos vectoriales. El pack SOCIAL Academy es una colección muy completa que incluye diferentes iconos de las plataformas sociales más importantes.

  • Incluye iconos profesionales de las redes sociales más utilizadas para implementar botones sociales en tu sitio web.

  • Incluye 5 formatos diferentes EPS, AI, PSD, PNG y SVG.

  • Pack de iconos vectoriales pensado para diseñar botones para compartir tu contenido en redes sociales.

Elemento #3: Paleta de colores

¡Has llegado a los colores! Definir una paleta de colores hará a tu marca mucho más consistente, coherente y diferente. La mayoría de las marcas eligen 2 o menos colores principales y no se alejan demasiado de los tonos de color de su logotipo. Para ello, es una buena idea elegir un color claro para los fondos, un color más oscuro para el texto, un tono neutro y también uno que llame mucho la atención.

Tal y como hace YouTube (o yo mismo en mi página de branding) con el manual de marca, define diferentes colores e intégralos con tu marca. Por ejemplo, si tengo una empresa dedicada a los productos ecológicos, te viene fenomenal el verde (que es el color que todo el mundo espera ver en este tipo de productos), pero podría complementarlo con un amarillo o un azul. Asegúrate de incluir los colores de tu marca en la guía de estilo y la información necesaria para reproducir esos colores con precisión, donde quiera que vaya su mensaje de marca. Estos es lo que debes incluir:

  • Combinación de colores: La compañía PANTONE ha definido más de 1100 colores con un número único. Con este número único te aseguras de que tienes el mismo color en cualquier parte. Por eso los colores Pantone son perfectos para usar en logos de empresa o diseño corporativo. Además, son difíciles de imitar usando CMYK, ya que los Pantone se crear usando 15 pigmentos base incluyendo negro y blanco.

  • Color de impresión: En este caso se trata del CMYK, que son las siglas en inglés de Cian, Magenta, Amarillo, Negro (Cyan, Magenta, Yellow, Key (black)). Mezclando cian, magenta y amarillo, el color más oscuro que puedes obtener es un marrón oscuro (por eso se le añade el negro). Todos los colores en el espectro tiene estos colores como base.

  • Códigos digitales de los colores: Por un lado está la paleta de colores RGB (RVA en español) que consta, básicamente, de tres colores primarios aditivos: Rojo-Verde-Azul. Como añadido, ña codificación dodecadecimal del color (HEX) permite expresar fácilmente un color concreto de la escala RGB, utilizando la notación hexadecimal, como en el lenguaje HTML y en JavaScript (este sistema utiliza la combinación de tres códigos de dos dígitos para expresar las diferentes intensidades de los colores primarios RGB). Por último, aprovecha el sistema de colores HSL, en el cual se miden por tres parámetros (huesaturation y light) que determinan la posición del color en el cilindro de colores HSL. El primer parámetro es el ángulo horizontal, el segundo es la distancia horizontal del centro de la base y el tercero es la distancia vertical (altura) del centro de la base.

¡Un momento! No hace falta que te hagas un master en colores, pero si que entiendas qué es cada uno. De todas maneras, existen varias herramientas online muy útiles para ayudarle a elegir un esquema de color o convertir el color digital en otros valores. Llamadas comúnmente «conversor de colores» o «ruedas de color» te permiten trabajar de forma simultánea con los modelos de color hexadecimal, RGB, HSV y HSL. Simplemente tienes que rellenar el dato de uno de ellos y presionar «Intro». Estas son mis favoritas:

ganador 1

Adobe Color CC

mejores herramientas optimizar imagenes compressnow

Mejora tu flujo de trabajo creativo con la ayuda de Adobe Color CC. Como parte de Creative Cloud, te ayuda a crear y guardar paletas de colores y trabajarlos de forma fácil y rápida con otros productos (ya sean de Adobe o no). La rueda de colores es intuitiva y tiene la capacidad de obtener los colores de las imágenes que subas al sistema.

ganador 2

Pictaculous

mejores herramientas optimizar imagenes balesio

¿Estás creando un sitio web o un folleto promocional basándote en una idea que has cogido de una imagen? Con Pictaculous, simplemente, sube la imagen y la aplicación te mostrará la paleta de colores que tiene la imagen y qué colores combinan con los mismos. Es perfecto para saber en pocos segundos qué colores está usando tu competencia.

ganador 3

RGB.to

mejores herramientas optimizar imagenes gifsicle

Si buscas un convertidor para pasar tus códigos RGB a otros formatos de imagen, la página RGB.to es tu herramienta. Es perfecto para tenerla bien guardada en marcadores, ya que te permite convertir códigos de color RBG a HEX y a muchos otros formatos. Por ejemplo, Pantone, RAL, HSL, HSV, HSB, JSON y muchos otros que harán tu vida más fácil.

Elemento #4: Tipografía

Otra gran parte del diseño de la identidad de tu marca es la selección de la tipografía, tipo de letra y fuente. Con el fin de que conozcas la diferencia entre cada uno, te diré que la tipografía es el arte y técnica de crear y componer tipos para comunicar un mensaje (también se ocupa del estudio y clasificación de las distintas fuentes tipográficas), el tipo es el modelo o diseño de una letra determinada y la fuente es el estilo o apariencia de un grupo completo de caracteres, números y signos, regidos por unas características comunes.

Las necesidades de tu marca determinarán si una única familia de fuentes satisface todas tus necesidades o si, por el contrario, prefieres definir diferentes tipo de letras y fuentes para tu marca. Un buen consejo que te puedo dar es que definas fuentes diferentes a la de tu logo, ya que el contraste te ayudará a destacar.(un diseñador gráfico experimentado te guiará mucho mejor a través de este proceso). No importa cómo de simple o complejo sea tu esquema de la tipografía que elijas, cerciónate de que se utiliza siempre de la forma correcta explicando en detalle cómo la quieres y dando instrucciones claras para el uso. Lo mejor es que incluyas esta información:

  • Introducción: Cuenta la historia que haya detrás de la elección de los tipos de letra que está utilizando, cómo se relaciona con tu marca y dónde y para qué se utiliza cada uno (titulares, texto del cuerpo, subtítulos, etc.).

  • Alineación: Puede parecer que «no tiene sentido», pero te recomiendo dejar claro si quieres que el copywriting se alinee a la derecha, al centro o a la izquierda.

  • Espaciado: Incluye ratios de track o tracking (sirve para alterar la densidad visual del texto o el espacio global entre un grupo seleccionado de caracteres) y kerning (el espacio existente entre dos caracteres individuales, para cuando dos de estos caracteres se encuentran demasiado juntos o separados) para mantener un estilo consistente cuando cambia el tamaño de fuente.

Es muy importante elegir bien las tipografías de tu marca. Existen, literalmente, miles de tipografías diferentes que puedes utilizar, por lo que el éxito reside en la capacidad de elegirlas y combinarlas con acierto. Desde mi experiencia en diseño web y gráfico, elegir una buena combinación de tipografías no es tarea sencilla, pues requiere de hacer diferentes pruebas hasta encontrar la mezcla perfecta. Eso sí, hay varios consejos que te recomiendo seguir a la hora de elegir tipografías para tu proyecto web:

  • No utilices más de 2 tipografías diferentes: A la hora de diseñar un sitio o un folleto publicatario se suele elegir 2 tipos de letras (una para los titulares, botones, subtítulos, es decir, las partes donde el texto es más llamativo y hay menos cantidad y otra para el cuerpo de texto de entradas y páginas). Como mucho utiliza una tercera tipografía para llamadas a la acción.

  • Piensa siempre en la legibilidad y experiencia de usuario: Elige fuentes que sean fáciles de leer y que ayuden a que la experiencia de usuario sea muy buena (si eliges una tipografía difícil de leer provocarás que el usuario no lo lea bien y no entiendo tu mensaje).

  • Recuerda que hay muchos tipos de pantallas: Elegir un tipo de letra que se vea perfecto en un ordenador está bien, pero tienes que recordar que también se tiene que ver muy bien en tablets y smartphones.

  • Elige tipografías que tengas personalidad propia: Las tipografías son otro elemento más en tu guía de estilo para tu marca y están directamente relacionadas con el tono que se quiere dar. Por ello, debes elegirlas correctamente y en función de los valores que quieras transmitir.

  • Pide opinión a tus círculo más cercano (amigos, familiares, clientes, etc): Puede que a ti te parezca muy bonita cómo queda las tipografías que has elegido, pero a otros usuarios les sea molesta. ¿Quién va a ser más sincero que las personas más cercanas? Sé valiente y pregunta.

Cuando emprendes el camino de elección de las tipografías de tu marca, en ocasiones puede ocurrir que ves una imagen o vídeo y te gusta el tipo de letra y que quieres utilizarla para tus propios diseños, pero no sabes cómo identificarla o encontrarla. ¡Tengo buenas noticias para ti! Existen herramientas online que te permiten identificar el tipo de letra que se ha utilizado en ciertos diseños. Son muy fáciles de usar y muchas veces bastará con subir una imagen, documento o escribir la url de la web donde esté presente esa tipografía que te gusta, por lo que echa un vistazo a todas las maneras de identificar el tipo de letra:

ganador 1

What Font Is

paginas detectar tipografias fuentes web whatfontis

What Font Is es una plataforma online que, después de subir una imagen o adjuntar una URL donde esté presente el tipo de letra que te gusta, detecta el tipo de fuente que es. Es muy fácil de usar y te ayudará a dar con el nombre de la tipografía que te ha gustado, que después tendrás que comprarla (no siempre son gratis), descargarla e instalarla en tu ordenador.

ganador 2

WhatFont Tool

paginas detectar tipografias fuentes web whatFont tool

Google Chrome y Safari te dan la posibilidad de incluir extensiones para detectar los tipos de letra. En este caso, con la extensión de WhatFont Tool, podrás hacer click en cualquier título o texto y obtendrás el tipo de fuente, color, tamaño y peso que se ha utilizado (es muy recomendable tener esta extensión instalado si estás en un proceso creativo o buscando tipo de letras para tu proyecto web).

ganador 3

WhatTheFont (MyFonts)

paginas detectar tipografias fuentes web whatthefont

WhatTheFont buscar en entre más de 133,000 estilos de fuentes. Incluso funciona con scripts conectados y cuando hay más de una fuente en una imagen. Simplemente tienes que cargar una imagen, hacer clic en la fuente que deseas identificar y luego revisar los resultados. Lo que hace es detectar el texto en la imagen automáticamente indicándote la fuente que deseas identificar.

Bien, ya tienes claro qué tipos de letras quieres para tu proyecto, pero ahora hay que ver si su descarga es gratuita o de pago. La diferencia entre ambas es muy clara, siendo las de pago más creativas y «únicas», aunque siempre podrías elevar la apuesta a un diseño exclusivo de una fuente (no te lo recomiendo). En este paso existen decenas de páginas que aglutinan las gran mayoría de fuentes de Internet y que, en pocos pasos (a veces es simplemente hacer click en «descargar»), te permitirán descargar tipografías. Estas son mis favoritas:

ganador 1

1001 Free Fonts

paginas descargar tipografias gratis pago fuentes web 1001freefonts

1001 fonts es una página web en la que podrás encontrar diferentes tipografías para tu proyecto web. Las opciones que encontrarás se limitan a uso no comercial, por lo tanto solo podrás adquirirlas para una finalidad personal. El sitio posee 60 categorías en tipos de letras, las cuales engloban un total de 17.000 tipografías disponibles entre las cuales un 60% son gratuitas. Con una diversidad de 252 colores podrás tener acceso a vista previa.

ganador 2

Dafont

paginas descargar tipografias gratis pago fuentes web dafont

Datafont es una página web para descargar fuentes gratis bastante útil. Ofrece una cantidad de tipografías que supera la cifra de 33.000 estilos. El sitio web es muy simple, pero ofrece la variedad y cantidad suficiente para escoger la que mejor te convenga. Para encontrarlas observarás distintas categorías. Y antes de descargar la fuente tendrás la opción de observar cómo luce previamente introduciendo un texto de ejemplo.

ganador 3

Google Fonts

paginas descargar tipografias gratis pago fuentes web google fonts

A través de Google Fonts hallarás diversos tipos de letras importantes y perfectas para utilizar en tu página web o blog. Su lista de tipografías ofrecidas es mayor a 800 estilos distintos para escoger. Brinda una descarga segura al usuario, lo que la hace una de las opciones preferidas por el público, además de que permite la vista previa gratuita. Para obtenerlas no es necesario realizar registros y será posible comparar letras.

Elemento #5: Imágenes y línea visual

Cuando se trata de tu marca o negocio, se suele tener un instinto natural para saber qué fotos e ilustraciones son más adecuadas (echa un vistazo a la guía de estilo de Nike). La sección de imágenes en tu guía de estilo guiará a cualquiera que la vea en la dirección correcta a la hora de crear o agregar imágenes para tu marca (para evitar estar teniendo que aprobarlo todo y que se tenga que repetir el trabajo). Puede abordar este punto de varias maneras diferentes:

  • Reúne prácticas recomendadas: Muestra ejemplos de imágenes que hayan funcionando bien con tu marca. Asegúrate de abordar las principales formas en las que tu empresa se comunica, ya sea un catálogo de impresión o una cuenta de Instagram.

  • Utiliza ejemplos de grandes marcas: Si no tienes todos los ejemplos que te gustaría, busca lo que realmente quieres en las grandes marcas y úsalas de ejemplo. Aunque no es bueno apuntar demasiado alto, si que valdrá para saber qué tipo de imágenes e ilustraciones prefieres.

  • Crea un muro de inspiración: ¿Quién no ha coleccionado alguna vez postales, recortes de revista, retales de tela sin ninguna razón únicamente porque estos elementos te gustaron mucho en aquel momento? Pues sin saberlo, gracias a tu intuición y a tu sensibilidad, creaste un moodboard o muro de inspiración. Recoge imágenes que transmitan la sensación que quieres que la gente obtenga cuando interactúan con tu marca y provoca una reacción en ellos.

Por otro lado ¿te hayas parado a pensar la enorme cantidad de tráfico que te pueden traer las imágenes desde los buscadores? ¡En serio! Alguien busca un producto, un lugar, una receta, o una infografía en Google y ahí deberían aparecer tus imágenes. No importa que el nuevo diseño del buscador reduzca la cantidad de visitas que puedes recibir, la oportunidad de ser visible y atraer tráfico siempre es interesante y jugosa.

Además, la búsqueda universal muestra imágenes en la página de resultados de forma combinada. Esto significa que no es necesario buscar una imagen para encontrarla, puedes aparecer en cualquier momento (sobretodo para ciertas búsquedas). Por todo ello, es importante que aprendas a optimizar tus imágenes para los buscadores (lo que también se conoce como SEO para imágenes). Estas son mis herramientas para optimizar imágenes favoritas:

ganador 1

JPEG Mini

mejores herramientas optimizar imagenes jpgmini

JPEGmini te ayuda a reducir el tamaño de tus fotos hasta 5 veces, manteniendo la calidad original. Está disponible para Mac OS X y Windows como una aplicación de escritorio. Sólo tienes que elegir o arrastrar carpetas a la aplicación para que pueda optimizar cada imagen de forma automática. Ofrece un paquete de servidor que te permite reducir los costes de almacenamiento y ancho de banda.

ganador 2

TinyPNG

mejores herramientas optimizar imagenes tinypng

TinyPNG permite la compresión con pérdidas avanzadas de imágenes PNG. Conserva la transparencia alfa completa y reduce el tamaño del archivo al disminuir selectivamente el número de colores y de bytes en la imagen. El efecto es casi invisible, pero donde si se nota es en el tamaño del archivo. Coge los archivos PNG de 24 bits y los convierte en imágenes de 8 bits indexadas, eliminando todos los metadatos innecesarios.

ganador 3

CompressNow

mejores herramientas optimizar imagenes compressnow

CompressNow es un servicio online gratuito que te permite subir imágenes desde su ordenador, elija un porcentaje de compresión y descargar la imagen optimizada. Es compatible con los formatos GIF, JPG y PNG. El servicio también permite al arrastrar y soltar múltiples imágenes desde tu ordenador, con una carga máxima de 10 imágenes y un tamaño de archivo individual máximo de 3MB.

Elemento #6: Tono y voz

El estilo de la escritura no siempre es fácil de imaginar cuando se piensa en la identidad de la marca, pero su voz afecta en gran medida a cómo tu audiencia interactúa y se siente con la misma cuando la utilizan (echa un vistazo a la guía de estilo de Skype). De hecho, el éxito de una marca va ligado, en el 90% de los casos, a conseguir una conexión emocional (una relación) con su público objetivo. Al igual que con las imágenes, puede abordar esto de varias maneras diferentes:

  • Prácticas recomendadas: Si tienes mensajes que funcionan bien para tu marca, muéstralos de forma clara en este apartado, para que no haya hueco a equívocos o malentendidos.

  • Explica la personalidad de tu marca: ¿Recuerdas la lista de 3-5 adjetivos que describen la personalidad de tu marca? ¡Perfecto! Pues úsalos para describir el tipo de lenguaje que tiene tu marca.

  • Explica qué se puede hacer y qué no: A veces, lo más simple es lo mejor. Escoge palabras que te gusten y palabras que no te gusten (y que no quieras que se identifiquen con tu marca) para demostrar claramente cuál es tu voz de marca.

Conclusión: Crea una guía de identidad visual para tu marca

No te voy a engañar, no existe el manual de identidad de marca perfecto. Cada empresario crea su propio diseño y lo hace suyo, pudiendo equivocarse en el camino. En ese aspecto, te animo a probar a hacerla (si no quieres seguir mi consejo de ayudarte de profesionales) y a «equivocarte». Es la única manera de llegar a un manual que te guste a ti y, sobre todo, a las personas con la que lo compartas (ellos son la razón de todo este trabajo). Espero que te haya ayudado a estar más seguro a la hora de tomar decisiones sobre cómo representar tu marca.

Necesitas crear una guía de estilo que se adapte a tu marca, tono y personalidad. El objetivo es crear una experiencia coherente y consistente en todos los sitios donde se muestre tu marca. Recuerda que un manual de identidad corporativa eficaz aumenta la confianza y la credibilidad percibida y te da una cierta inspiración en lo que a diseño se refiere. Los elementos que debe explicar con claridad tu guía de estilo son:

  • Una breve versión de la historia de tu marca.

  • Una tipografía primaria (y otra de respaldo).

  • Códigos de color HEX de tu marca.

  • Logotipo y variaciones del mismo (y cómo usarlos).

  • Imágenes, estilo de fotografía y esquemas de color.
  • Estilo de escritura y tono de voz a utilizar.

¿Qué te ha parecido mi guía sobre el manual de identidad corporativa? ¿Ya tienes uno ¿Estás pensado en crear una guía de estilo para tu marca? ¿Crees que me he dejado algo? ¿Tienes alguna experiencia que quieres contar? ¿Te has quedado con alguna duda o pregunta? Entonces te pido que dejes un comentario. Da igual que sea o una duda o un simple gracias, pero me alegraré mucho de leerlo y responderlo.

¿Te ha gustado el contenido?

Puntuación media 5 / 5. Votos: 679

¡Todavía no hay votos! Sé el primero en valorar el contenido.

También te puede interesar esta guía
tutoriales marketing digital

En Internet existen multitud de manuales, tutoriales y guías sobre marketing digital. Por ello, he reunido los mejores contenidos publicados (por su calidad  y utilidad), donde podrás aprender sobre marketing digitalbloggingSEOredes socialesWordPress y mucho más.

¿Te ha gustado? Comparte el contenido
Publicado por Ignacio Santiago

Soy muchas cosas, pero todo empezó como blogger hace más de 20 años. Desde ahí he ido ido creciendo como persona y profesional hasta que decidí dejar un buen trabajo, emprender por mi cuenta y poner en marcha mi propia agencia de marketing digital. Ahora, junto con un equipo joven, motivado y muy cualificado, ayudo a profesionales y empresas a crear y hacer crecer su negocio en Internet ofreciendo un servicio de marketing digital atento, cercano, integral y profesional.

Contenidos relacionados
Deja tu comentario
Suscríbete y estate al día en marketing digital

Únete a más de 50.000 personas que, aparte de recibir los primeros todas las actualizaciones del blog e importantes descuentos en herramientas, tienen acceso gratuito a todos nuestros contenidos.

servicios marketing digital diseño web wordpress seo fondo
servicios marketing digital diseño web wordpress seo fondo
Suscríbete y estate al día en marketing digital

Únete a más de 50.000 personas que, aparte de recibir los primeros todas las actualizaciones del blog e importantes descuentos en herramientas, tienen acceso gratuito a todos nuestros contenidos.