Zuk Chagas

Analista de Marketing e Designer Gráfico

Faz três coisas desde que nasceu (e certamente continuará fazendo até o fim dos tempos): desenha, toca guitarra e torce pro São Paulo. É nerd desde quando ser nerd não era tão legal assim.
15 publicações feitas.



¡Aprende cómo hacer una infografía increíble!

Crear una infografía desde cero puede parecer una tarea asustadora, ¿no crees?

Sin embargo, se recomienda a las personas enfrentar sus miedos para ser luego mejores personas.

Dejando la filosofías a un lado, la creación de infografías es de hecho una tarea bastante laboriosa y puede “asustar” hasta los diseñadores más experimentados.

Siendo diseñador o no, si llegaste a esta publicación es porque debes de tener algún interés por los materiales infográficos, ¿verdad?

Y a través de este artículo, vamos a entender un poco más sobre el formidable mundo de la información auxiliada por imágenes, de cómo crearlas y cómo ellas pueden ayudarte en tu estrategia de marketing digital.

Pero, en primer lugar…

¿Qué es una infografía?

Las infografías son datos presentados con el auxilio de recursos visuales.

Sabes, a veces que cuando explicas algo, notas que no fuiste bien comprendido y preguntas al interlocutor:

  • ¿Entendiste o quieres que lo diseñe?

Pues bien, si la persona no entendió, el próximo paso será el desarrollo de una infografía.

Así de simple. Siempre que usamos imágenes para explicar datos, tenemos un infografía.

En la práctica vemos infografías en diversos medios de comunicación presentes en nuestro día a día. En el periódico que leemos durante el desayuno, en los noticieros, libros y principalmente en la internet (en e-books, sitios y redes sociales)

La internet está hecha de información y cuando la información que deseamos transmitir no es tan atractiva, o presenta un nivel de complejidad un poco mayor, las infografías son la salida perfecta para informar y atraer la atención del usuario.

Tipos de infografías

Con la abundancia de nuevos medios que surgen en el mundo digital todos los días, las infografías también toman nuevas formas y nuevas plataformas.

Eso nos posibilita explorar diversos recursos para mejorar la transmisión de la información.

Básicamente, existen tres tipos de infografías: estáticas, animadas e interactivas.

Infografías estáticas

A pesar de que son las infografías más fáciles de encontrar, no significa que su ejecución sea menos laboriosa.

Cuando la infografía es apenas una imagen estática, se vuelve más desafiante el hecho de expresar y definir la información.

Los datos requieren ser bien organizados y, generalmente, existe bastante información textual en las infografías estáticas.

Mira el ejemplo:

infografico-estatico

Este infográfico fue hecho para explicar la complejidad del portaaviones británico Queen Elizabeth. Para eso, el propio navío fue ilustrado para que cada parte fuese explicada.

En algunas partes, el corte del navío fue ilustrado. Aunque también, una fotografía puede acompañar la información del texto.

Infografías así, necesitan ser muy bien organizados para que no queden confusos. Las fuentes, los espacios y los respiros deben ser muy equilibrados.

Muchos detalles a tener en cuenta.

Infografías animadas

Un recurso muy utilizado son las infografías animadas. En ellas, por la movilidad, la información puede ser mejor dividida y organizada.

Tomando la infografía del portaaviones como ejemplo, si fuese animado en forma de video, todo el contenido de texto podría ser sustituido por locución.

Las partes del porta avión podrían ser mostradas en etapas lineales.

Los recursos de animación en 3D pueden ser utilizados para mostrar el interior de la nave, por ejemplo.

Todo eso facilita la comprensión del contenido final.

El problema son las dificultades técnicas en la ejecución de ese material.

Los profesionales que dominan la animación y el modelado 3D son costosos y una infografía con un nivel de complejidad muy alto puede costar bastante dinero.

Sin embargo, las infografías no necesitan ser complejas. Mira este ejemplo:

En este video infográfico, la locución explicativa está aliada a los recursos visuales animados para explicar el crecimiento de las redes sociales.

En este ejemplo, el tema es el mismo, pero esta vez sin la locución, tan solo datos escritos para ser leídos, auxiliados por la animación.

giphy

giphy-1 - infografía pictoline

Los ejemplos de encima (hechos por el increíble sitio de infografías Pictoline) son gifs animados que explican temas diversos.

Los gifs generan un alto engagement en las redes sociales.

Infografías interactivas

Este tipo de infografía también exige un nivel técnico avanzado, ya que implican, además de animaciones, conocimiento de programación.

La infografía debe ser manipulable por el usuario, de forma que este consiga “pasear” por la información de la pieza por su propia cuenta.

La revista SUPERINTERESANTE, que es una autoridad en el asunto, tiene algunas infografías excelentes, como las que puedes ver ingresando a este link.

¿Por qué hacer una infografía?

¡Porque son extremadamente eficaces!

Un estudio realizado por Ethos3, We Live in a Visual World, apuntó que:

  • 90% de la información enviada al cerebro, es visual;
  • Los recursos visuales son procesados por el cerebro 6 mil veces más rápido;
  • El ser humano retiene, en promedio, un 80% de lo que ve, un 20% de lo que lee y un 10% de lo que escucha.
  • Las infografías pueden aumentar el tráfico de tu sitio en un 12%
  • En los últimos 5 años las búsquedas de Google por infografías aumentaron 25 veces.
  • Los contenidos visuales son 40 veces más susceptibles a ser compartidos en las redes sociales que los demás tipos de contenido.

Además de eso, los infográficos son atractivos, intuitivos, la información es absorbida con mayor facilidad, ofrecen más de un punto de entrada a la información (esto significa que proporciona una lectura no lineal), quedan en la memoria, son auto explicativos, son extremadamente compartibles y poseen un increíble potencial de generar engagement.

Recursos visuales

Para la creación de infografías, algunos conceptos visuales deben ser comprendidos.

Las infografías usan lenguajes visuales distintos con el fin de transmitir información de manera clara y rápida.

Conoce cuales son los tipos de lenguajes:

Lenguaje verbal

Utilizamos el lenguaje verbal cuando la representación gráfica de uno de los puntos de la infografía se vuelve muy compleja o simplemente menos eficiente.

En vez de correr el riesgo de intentar representar algo con una forma que puede ser mal interpretada o no comprendida, usa la palabra correspondiente, y eso puede ser escrito o hablado (en el caso de un video-infográfico con locución).

Este recurso es utilizado cuando lo que se desea representar es muy amplio o abstracto. Al contrario de lo que se piensa, no es por ser una infografía que todo en ella necesita ser imagen.

Comúnmente se utiliza el lenguaje verbal en títulos, leyendas, bloques de textos, valores y cantidades, entre otro tipo de información numérica.

Al utilizar ese lenguaje, evita los texto extensos.

En las infografías, los textos tienen la función de auxiliar la comprensión, y no la de dar el mensaje completo.

De ser así, no sería una infografía sino una página de un libro con figuras.

Lenguaje esquemático

En esta categoría podemos encontrar elementos que representan conceptos abstractos tales como las fechas que indican direcciones, elementos que indican movimiento, como líneas usadas para indicar que un objeto se está moviendo, como en el ejemplo siguiente.

lenguaje-esquematico

También entran en esta categoría elementos como gráficos, tablas, diagramas, líneas, etc.

Lenguaje pictórico

El lenguaje pictórico abarca representaciones más literales de objetos concretos del mundo físico.

Pueden ser representaciones fotográficas y realistas, como en el ejemplo dado del navío. Pero también, pueden ser representaciones ilustrativas bien sintéticas e icónicas.

lenguaje-pictorico

Es importante recordar que cuando hablamos de representaciones visuales, principalmente menos literales, debe tenerse mucho cuidado, debido a que personas interpretan cosas diferentes.

Esas interpretaciones son influenciadas por diversos factores, como la diferencia cultural y el propio contexto.

Eso significa que no debemos valernos de nuestros propios valores y tomarlos como absolutos.

Si muestras un ícono que representa una mariposa para alguien y esa persona dice que, para ella, le recuerda un motor de carro, debes repensar la imagen que escogiste para representar tu mariposa.

Ahora que ya sabemos todo esto, manos a la obra.

Creando infografías

1.    Foco

La función del material infográfico es la de informar algo. Definir sobre lo que quieres informar es obviamente el primer paso.

Además del tema, define a tu personaDefine tus objetivos. Define el lenguaje que vas a utilizar. Haz el alcance completo de tu infografía.

2.    Investigación

Es hora de hacer un trabajo concreto de investigación para tener datos que guíen tu infografía.

No es asunto de este contenido ahondar mucho en el asunto de la investigación, pero queda aquí planteado el consejo de que es muy importante tener certeza de la procedencia de las fuentes.

Otorgar información de dudosa procedencia a través de cualquier medio puede arruinar la imagen de tu marca.

Algunos buenos canales de información confiable son los siguientes:

  • Banco Mundial
  • OMS (Organización Mundial de la Salud)
  • WTO (Organización Mundial del Comercio)
  • Google Data aquí encontrarás indicadores del desarrollo mundial

3.    Selección

Teniendo tu investigación hecha y toda la información reunida, es hora de separarla.

Evalúa y selecciona la información que mejor explique el tema elegido.

Cruza los datos, de una forma que al final, consigas poner toda la información que deseas.

El objetivo es seleccionar y no resumir un puñado de información.

4.    Redacción, revisión y corrección

Es hora de organizar el contenido, pensando en la estructura de tu infografía.

Revisa y corrige posibles errores.

5.    Borrador

Haz un borrador de tu infografía ya organizando la información en el formato seleccionado.

Realiza pruebas de las imágenes colocándolas en los espacios donde quedarán en el producto final.

Organizar las cosas, facilita el trabajo que continúa.

6.    Ejecución

Hora de construir nuestra bella pieza informativa y visual.

Para eso, alguna herramienta de edición gráfica serán necesaria. A continuación, algunas recomendaciones.

6.1.  Herramientas

Programas gráficos de Adobe:

Si tienes conocimiento de diseño, usar Photoshop, Illustrator o Indesign (o, por qué no, los tres juntos) es la primera opción de esta lista.

La Suite de Adobe es líder en el mercado e incluso si no sabes, para operar los softwares, hay disponibles en YouTube tutoriales que enseñan el uso de estas herramientas.

Los programas son pagos, pero puedes usarlos gratuitamente por 30 días. La descarga puede ser hecha en el sitio oficial de la empresa.

Freepik:

Este sitio gratuito de imágenes es muy útil para cualquier diseñador. Si haces una búsqueda de “infografía” en este sitio, diversas plantillas listas para descargar surgirán.

Aquí también puedes hacer descarga de íconos, ilustraciones, fotos. O sea, todo lo que sea necesario para la creación de un infográfico. La manipulación de estos archivos adquiridos, demandan conocimiento en softwares gráficos como los citados en el ítem anterior.

Canva:

Una herramienta online y totalmente gratuita para quien no es diseñador. Aunque los diseñadores experimentados utilizan Canva, por su versatilidad y calidad.

Aquí puedes hacer piezas gráficas de alta calidad fácilmente. Este sitio también ofrece diversas plantillas para mantener tus diseños armónicos y organizados. En la sesión Bloggings & Ebooks existe una opción llamada Infográficos, a la que puedes ingresas haciendo clic aquiEn ella tendrás diversas opciones para personalizar tu propia infografía.

¡Ensaya sin miedo!

Visme:

Una herramienta gratuita bastante intuitiva y de fácil uso, especializada en la creación de infografías.

Infogr.am:

Más de 1 millón de infografías ya fueron hechas con esta herramienta que permite la creación de gráficos, tablas e íconos geniales. Lo inconveniente es que, teniendo tu trabajo listo, conseguirás el archivo al final si tienes la cuenta PRO, que es paga.

Piktochart:

Esta herramienta funciona como un tutorial paso a paso. Te va guiando mientras desarrollas tu infografía. Su uso es gratuito, pero también es posible un registro para el acceso a funcionalidades diferentes.

Visual.ly:

Esta poderosa herramienta gratuita cuenta con innumerables plantillas de infográficos para ser editados con interesantes opciones de personalización.

Pikwizard

Un banco de imágenes que podrás usar para complementar la parte visual de tus infografías.

A continuación, te daremos algunos consejos de diseño para que tus piezas se diferencien en medio de tantas otras.

6.2. Consejos de diseño

  • Cuidado con la jerarquía de la información.
  • Trabaja con una familia de fuentes que esté completa y con variaciones de peso. Esto ayuda a destacar puntos importantes y facilita en la lectura, la comprensión de los datos. Evita usar más de tres fuentes diferentes.
  • Elige el mejor estilo grafico para tu infografía. En algunos casos, los íconos sintéticos son los más apropiados. En otros, ilustraciones más realistas o hasta fotos son mejores para la transmisión de la información. Lo importante es que los elementos escogidos ayuden a identificar lo que lo es y lo que no lo en tu infografía.
  • Usa bien los colores. Ten una paleta de colores definida para que tu infográfico no quede confuso. Recuerda también que los diferentes colores remiten a sensaciones y propósitos diferentes.
  • No olvides de agregar tu logo. Como tu infografía quedará increíble, muchos van a querer copiarlo. No hay problema con que otros sitios y blogs publiquen tu material, siempre que den los debidos créditos. Y muchas veces no sucede así. Por lo tanto, es importante añadir tu logotipo en marca de agua que no se pueda eliminar con cualquier software gráfico.

7.   Divulgación y conversión

Tu infografía está lista y es hora de mostrarla a todo el mundo.

Toda aquella información sintetizada en forma de imagen va ahora a informar a millones de personas.

Pero para eso, debes divulgar debidamente tu creación.

Es muy interesante usar estrategias que conviertan al infográfico en un recurso eficiente de  generación de tráfico y leads.

Escribir un artículo sobre el asunto de la infografía es una forma interesante de atraer visitas, por ejemplo.

Puedes usarla para explicar una parte específica del contenido o simplemente para resumir el asunto general con menor profundidad.

Publica tu infografía en las redes sociales, con links direccionando a tu artículo.

Si la pieza es bastante compleja, puedes usarla para adquirir leads.

Libera un teaser (parte de la infografía y úsalo para atraer al visitante a una landing page donde él podrá descargar el material completo a cambio de su email.

Dispón un código (embed code) en caso de que quieran republicar tu infografía. Eso genera backlinks y la mantiene siempre vinculada a tu sitio web. Eso requiere un poco de conocimiento en programación HTML, pero una búsqueda rápida en Google te da lo necesario para generar embed codes.

Conoce nuestra infografía completa sobre marketing de contenidos, descargándola en el siguiente enlace:

Infográfico sobre marketing de contenidos COMPLETO

8 tips para escribir el texto de una infografía

Escribir el contenido de una infografía puede ser un desafío hasta para el profesional más entendido en el asunto. Eso sucede porque en la era de la información, es común que las técnicas mercadológicas cambien y se presenten diferentes de un momento para otro.

Aquí presentaremos 8 consejos fantásticos para que escribas el texto de una infografía con calidad:

  • Realiza una conexión emocional con el público

A lo largo del tiempo, hemos aprendido que no es interesante ofrecerle mucha información al público sin saber si esta colma sus necesidades.

Esta percepción permitió que hoy tengamos seguridad que muchísima información en un mismo material puede derribar una estrategia de mercadeo. Incluso, llenar los oídos y la vista de los consumidores con exceso de datos puede ocasionar un efecto contrario al deseado.

Lo ideal es que la empresa busque ofrecer contenidos por medio de una conexión real con el público. Esto solo se consigue cuando la empresa explica cómo el producto o servicio puede cambiar la vida de quien lo adquiere, generando valor al cliente.

Cuidado, no estamos diciendo que no debas informar sobre las funcionalidades, características de tu producto o servicio. Se trata de incentivar la difusión de los resultados.

  • Supera la simple redacción

Es importante que consideres las diferentes formas de administrar la información digital del sitio web por medio de técnicas de webwriting.

Otra cuestión primordial es que todo el contenido debe ser direccionado a sanar las necesidades y expectativas del público objetivo. Esto también considera el tipo de lenguaje empleado para que las personas puedan entender el mensaje enviado por la empresa.

  • Organiza el contenido

Tener ideas claras, saber cómo abordar los temas y tener en mente su jerarquía es indispensable para hacer una infografía exitosa. Sobre este asunto, es relevante hacer hincapié en el formato adecuada de los títulos.

  • Desarrolla un contenido considerando las técnicas SEO

Ofrecer un contenido rico es importante, pero hay que destacar la necesidad de utilizar técnicas de optimización de sitios para motores de búsqueda. Al usar correctamente las técnicas, el contenido, así como la página, obtendrá una mejor posición en los resultados orgánicos de Google y de otros buscadores.

  • Adopta la escaneabilidad como regla

Una buena presentación es indispensable para que las personas sientan ganas de leer el infográfico. Utilizar títulos jerárquicos, usar negrita, listas, entre otros recursos aumenta la probabilidad de que tu texto sea leído por el público. Esta es una buena forma de potencializar la interacción entre el usuario y el contenido.

  • Pon un título atractivo

Despierta la atención del lector por medio de títulos curiosos, inteligentes. Es importante que los títulos causen impacto, pero cuida para que el tema esté de acuerdo a la propuesta del sitio web. Otro factor importante es que el contenido desarrollado debe estar acorde al título.

  • Utiliza oraciones cortas

Escribir oraciones cortas y objetivas reduce la posibilidad del lector leer a medias y deja los textos más agradables.

  • Invierte en la sencillez

La formalidad puede ser un veneno para los infográficos. Usar términos más simples y fáciles de entender mejora la lectura. A parte, evita los errores de interpretación. Recuerda que muchas personas que no conocen el asunto pueden recurrir a la infografía para aprender desde cero. ¡Valóralas!

Las infografías valen la pena

Aunque pueda ser un poco laborioso, más que los demás materiales, los infográficos poseen un potencial de transmisión de mensajes superiores a los del un texto.

La verdad es que algunos asuntos son mejor explicados por medio del diseño. Además, su asimilación es de hecho mucho más rápida y el potencial de viralización de una infografía es muy grande (si trata de un asunto relevante para un segmento y si está bien hecha).

Son diversas las ventajas de invertir un poco más de tiempo en un material que dará visibilidad y credibilidad a tu marca, además de generar tráfico de leads.

Y todo eso puede ser hecho con herramientas gratuitas disponibles en internet.

Si ya creaste alguna infografía o tienes algún ejemplo que quieras mostrar, déjalo en los comentarios.

Por fin, te invito a descargar el siguiente ebook sobre Producción de Contenidos, para que complementes tus estrategias de producción:

producción de contenidos

Todos los formatos de imagen explicados y evaluados para ti

Las imágenes son los contenidos más divulgados en las redes sociales (72,4%) y los que más generan engagement (40,8%), según la encuesta Social Media Trends 2017 (Brasil).

Es decir, tarde o temprano, termina surgiendo la necesidad de crear imágenes como parte de tu estrategia de marketing digital, ya sea durante la personalización de una plantilla, sea para las redes sociales o para la creación de un e-book.

Y es en ese momento en el que nos encontramos con varias siglas extrañas que no tienen mucho sentido a primera vista. Ya sabes, aquellas que vienen al final del nombre del archivo y que parecen no tener mucha diferencia.

¡PERO LA TIENEN!

Son los diferentes formatos de imágenes.

A decir verdad, las siglas son las extensiones correspondientes a los formatos. Y es sobre eso que hablaré hoy.

Pero antes, necesitas entender qué es un formato y qué son los tipos de imágenes.

Tipos de imagen

Para comenzar, vamos a entender que, así como ya se expuso en nuestro artículo exclusivo sobre diseño gráfico, existen dos tipos de imágenes, digitalmente hablando:

Bitmap y vector.

¡No confundas formatos con tipos! Esos dos tipos de imágenes serán abordado en este artículo sobre formatos de imágenes. Ellos poseen algunas diferencias y afectan directamente la forma en como son utilizados.

Bitmap

También conocido como “mapa de bits” (traducción literal) o imagen rasterizada (del inglés raster) es uno de los tipos de imágenes más comunes.

Los bitmaps son, literalmente, un mapa de bits. Eso significa que la imagen es formada por diversos puntos minúsculos (pixeles).

A cada uno de los pixeles se les asigna un color y, a través de coordenadas X y Y, esos pixeles de colores se posicionan en una malla y, así, forman una imagen.

Las fotos son bitmaps.

Mira el ejemplo:

formatos de imagen

Vectores

Son imágenes que se basan en polígonos formados por puntos. Estos puntos son interpretados por el computador teniendo en cuenta sus distancias.

Siendo así, los vectores son infinitamente escalables. Puedes aumentar un vector cuanto quieras, pues no hay pérdida de resolución en el proceso.

formatos de imagen

Los vectores presentan una cantidad de detalles menor que un bitmap por su limitaciones, sin embargo, existen artistas que desarrollan técnicas usando vectores que se aproximan a la gráfico de fotos reales, como en el ejemplo:

formatos de imagen

Ahora que sabemos la diferencia entre estos dos tipos de archivos, vamos a aprender sobre los diferentes formatos de imagen.

¿Cuáles son los formatos de imagen?

BMP

El significado de esta sigla es, literalmente, bitmap.

En la década de los 90 podían encontrarse muchas imágenes con la extensión “.BMP” en la internet. El problema es que las tasas de compresión de los archivos de BMP son muy bajas, lo que hace que los archivos queden muy pesados (para que la imagen no pierdan resolución).

Siendo así, no recomendamos el uso de este formato.

TIFF

También conocido como TIF, es el formato de imagen que se utiliza mucho para archivos de impresión. Es muy versátil y mantiene la resolución, posibilita el uso de capas, entre otros, pero es también un formato muy pesado.

Lo que significa que no es indicado para el uso digital.

JPEG

Igualmente conocido como JPG, es el más famoso de los formatos utilizados digitalmente. Su tasa de compresión ajustable es lo que anima su uso en los medios digitales.

A través de esa posibilidad, puedes equilibrar calidad/tamaño de la imagen.

Aún así, incluso en lo mínimo de compresión, el tamaño del archivo no queda tan grande.

Es altamente recomendado para los medios digitales, sin embargo, no poseen el canal alpha (transparencia).

GIF

La sigla significa Graphics Interchange Format (formato para intercambio de gráficos) y fue el primer formato de imágenes con un alta tasa de compresión, gracias a que redujo sensiblemente el tamaño de las imágenes y posibilitó la descarga rápida.

Se popularizó por contar con la tecnología interlaced, que posibilita que la imagen sea cargada gradualmente. Siendo así, el usuario puede interrumpir la carga teniendo solo una parte de la imagen cargada.

Otro factor que facilitó mucho el usó de lo GIFs al principio de la internet, fue la posibilidad de tener imágenes con el fondo transparente (canal alfa) y también por poder ser un medio no estático.

Los GIFs poseen una limitación de colores: tan solo 256 colores. Eso hace que las imágenes que sean muy complejas, pierdan muchos detalles.

Hoy en día, los GIFs son prácticamente un sinónimo de animación. Este formato posibilita que diversas imágenes sean exhibidas en secuencia, generando un clip sin audio.

formatos de imagen

Los GIFs animados presentan una altísima tasa de enganche, sea estos graciosos, memes, o sean infográficos animados como este.

Recomendamos mucho que sean usados en tu estrategia de marketing digital. Produce animaciones exclusivas, teniendo cuidado con la cantidad de detalles y colores.

GIF estático X GIF animado

Como ya fue dicho, el GIF es un formato de imagen bien versátil que, cuando fue creado, presentaba posibilidades innovadoras para la época, ¡volviéndose bien popular en toda la internet!

Con la evolución de los medios de transmisión de datos, la internet quedó más rápida y las imágenes en el formato de GIF estáticas quedaron muy anticuadas.

Queremos imágenes nítidas y detalladas, pero la limitación de los 256 colores de los GIFs hizo que las imágenes en este formato cayeran en desuso.

Por más que posibiliten la transparencia (canal alpha), esa transparencia tienen muchas limitaciones y presentan aliasing (cuando los pixeles quedan muy expuestos y pareciera que existe un error en la imagen). Por eso, cuando necesitamos de imágenes estáticas con transparencia, usamos PNG.

¿Sería esta la muerte del GIF? ¡Definitivamente no!

La versatilidad del GIF hace que estos continúen fuertes en la internet, ¡por posibilitar las animaciones!

Las animaciones presentan aproximadamente 15 cuadros por segundo (es decir, 15 imágenes exhibidas cada segundo). Esa velocidad hace que las limitaciones de los GIFs no sean tan perceptibles (o simplemente no incomoden tanto).

Además, por más que la calidad no sea increíble y los movimientos no sean tan fluidos, la carga es muy rápida. O sea, una cosa compensa otra, y el GIF animado continuó siendo popular.

PNG

Podemos decir que el PNG es como un GIF 2.0.

La sigla significa Portable Network Graphics.

En 1995 el algoritmo de compactación del GIF (LZW) fue planteado. De este modo, Adobe invirtió en la creación de un nuevo formato que pudiera sustituir al GIF y, por qué no, volverlo aún mejor.

EL PNG, aunque no soporte animaciones, presenta diversas ventajas en relación al GIF.

  • Posee una variación de colores infinitamente mayor a la de los GIFs (que es tan solo de 256 colores).
  • También posee el canal alpha adicional, posibilitando inclusive las variaciones de opacidad lo que evita que las imágenes presenten aliasing y expande las posibilidades de aplicación de la imagen.
  • Utiliza un algoritmo de compactación muy eficiente, generando imágenes de altísima calidad y un tamaño razonable para los patrones actuales de la internet.

Este es, actualmente, el formato más indicado para utilizar en tus estrategias digitales, ¡por tener un tamaño en bits adecuado y mantener la calidad de las imágenes altísima!

PDF

La sigla significa Portable Document Format (archivo de documento portátil) y fue creado por Adobe en 1993.

Existía la necesidad de un tipo de archivo universal, que funcionara independientemente del software que había sido usado para su ejecución, del sistema operacional, de su resolución y tamaño.

Los PDFs son muy versátiles, debido a que pueden almacenar bitmaps, vectores, textos, pueden tener diversas páginas, entre otras innumerables funciones.

Recomendamos que los PDFs sean utilizados en las siguientes situaciones:

  • Archivos para imprimir
  • Manuales de marca (archivo que cuenta con tu logotipo y todas las explicaciones y consideraciones sobre el mismo)
  • Ebooks.

EPS

Significa Encapsulated PostScript.

También fue desarrollado por Adobe, pero fue posteriormente sustituido por el PDF.

Recomendamos su uso tan solo para almacenar gráficos vectoriales con colores sólidos (sin gradientes). Si te invade la duda, usa PDF 😉

SVG

La sigla significa Scalable Vector Graphics.

Un formato libre (sin vínculos con cualquier empresa). El SVG es un formato vectorial que puede ser reconocido por la mayoría de los navegadores web modernos. Siendo así, puedes usar ese formato en tu sitio web, blog, etc.

Otra función interesantes del SVG es que puede ser animado a través de la programación en HTML 5.0.

Este formato se popularizó de forma rápida por su ínfimo tamaño y su escalabilidad infinita.

Recomendamos el uso de este formato en caso de que estés trabajando con el logo de tu empresa, íconos dentro de un sitio y animaciones en HTML 5.0.

Las redes sociales aún no soportan la carga de este formato.

¿Qué es el canal alpha?

Después de usar algunas veces este término en el contenido, recordé que tal vez no todos sepan qué rayos es el canal alpha.

Tampoco sabían cuáles eran los canales.

Entonces, aquí va una explicación completa:

Las imágenes digitales presentan tres canales de colores: Rojo (R), Verde (G) y Azul (B). Estos son los tres “colores luz” que nuestro ojos identifican.

Las pantallas de los computadores emiten esos tres colores y, a través de su fusión y alteración de intensidad, vemos también los otros colores.

Un archivo de imagen digital, por tanto, posee esos tres colores en su composición.

No obstante, existe un canal extra que, como fue explicado posteriormente, no es soportado por todos los formatos de imagen. Este es el canal extra alpha.

El canal alpha no es más que un cuarto canal donde puede tenerse transparencia. Es decir, la ausencia (u opacidad) de la información de color.

Eso posibilita el uso de una imagen encima de otra, sin un rectángulo alrededor de la imagen.

Escoge los formatos más eficientes

¡Evalúa cuáles formatos son los más interesantes para tu estrategia!

Creo que con el contenido de este artículo, podrás optimizar el desarrollo del material gráfico de tu empresa, utilizando los formatos ideales para cada ocasión.

¿Dejé algún formato por fuera de la lista? ¿Algún dato importante que no haya sido citado? ¿Quedas con alguna duda? ¡Déjala en los comentarios, que te responderé lo más rápido posible!

¡Hasta la próxima!

Cómo crear un logotipo: una guía muy completa con consejos y pasos para diseñar

Un logo, logotipo, marca y hasta llamado con el polémico y equivocado término “logomarca”, es aquel diseño que representa una marca y que hace parte importante de cualquier estrategia de marketing.

El logotipo es un signo de identificación. Es a través de este que el público va a identificar tu producto y/o servicio en medio de tantos otros.

Siento que no necesito alargarme tanto para dejar en claro que tener cuidado en la creación de un logotipo, es imprescindible, ¿no crees?

Lo que pocos saben (o no dan importancia) es que, tras la creación de un logo, existe un trabajo extenso de investigación. Un desarrollo que parte de presupuestos teóricos de diseño y de psicología, envolviendo semiótica, color, composición, concepto, etc.

Para eso, un diseñador toma buen tiempo en llegar al símbolo ideal, que sea bonito y funcional para la necesidad específica del cliente.

Entre tanto, si el costo de ese profesional excede tu presupuesto, te daremos aquí algunos consejos para ayudarte a crear un logo que sea eficiente y resuelva tu problema en primer momento.

Esos consejos pueden servir también para entender cómo es el proceso de creación de un logo.

A veces contratamos un diseñador y no tenemos ni idea de cómo un logo es concebido, y saber sobre esos pasos, puede, inclusive, ayudarte a ser más claro y alinear mejor tus ideas como las de un profesional, teniendo un resultado mucho más satisfactorio.

Es importante recordar que no existe una “receta de tortas” para crear un logotipo. Cada diseñador tienen su método. Daremos aquí, entonces, un panorama sobre crear un logotipo.

 

Sé simple

En primer lugar, debemos entender que el logo debe ser simple.

El logotipo es una representación gráfica de tu empresa y eso debe ser sintetizado de forma que sea fácilmente identificado, sin información innecesaria.

Logotipos muy elaborados, llenos de elementos y efectos, transmiten una sensación de desorganización.

No querrás que la imagen de tu empresa sea esa, ¿verdad?

Cómo puede ser mejor explicado en este artículo, un logotipo es cuando unimos el ícono que da la cara de tu marca, al título/nombre de la misma.

Eso significa que tu logo es mitad “diseño” y mitad texto.

Y, algunas veces, además del nombre de tu marca, algún texto de apoyo o slogan es adicionado. Siendo así, esa simplicidad también debe ser mantenida en la familia de fuente con la que será escrito ese texto.

Percibe que “fuente” fue citado en singular. Usar más de una fuente en un logo no es recomendable.

Una tipografía uniforme en tu logotipo genera conformidad visual, las cosas combinan mejor y grabas en la memoria visual de tu cliente, el nombre de tu marca en aquella fuente específica.

Y eso hace toda la diferencia.

Piensa por ejemplo en Coca-cola, Adidas, Disney… Todos los logos de esas marcas tienen en común una tipografía que nos hace identificar de una el producto.

Hasta cuando la fuente es usada para escribir otra cosa.

como crear un logotipoFonte: http://bit.ly/2ccXEcJ

 

Muchas fuentes combinadas confunden. ¡Mantenlas simples!

 

Investigación

Una parte muy importante de la creación de un buen logotipo, es la investigación como primer paso.

¿Ya escuchaste decir que “nada se crea, todo se copia”?

No es exactamente así como las cosas son, pero tener buenas referencias es esencial para crear un logotipo interesante.

Primero, piensa en los logos que más te gustan. Aquellos logos que miras y sabes exactamente de que se tratan.

Ejemplos como Nike, Coca-cola y Apple, son siempre citados porque es indiscutible que esas marcas son líderes de mercado en sus segmentos y fácilmente reconocidas por sus logotipos, ¿no crees?

 

como crear un logotipo

como crear un logotipo

como crear un logotipo

 

Vamos a tomar como base, el logo de Coca-cola. Mira abajo una comparación entre la evolución del logotipo de esa marca y de su principal competencia a través de los años.

 

como crear un logotipo

 

Nota que hay, inclusive, una cierta semejanza entre el primer logo de Pepsi de 1898 y el primer logo impreso en un rótulo de Coca-cola en 1900.

Sin embargo, percibe que el logo de Coca-Cola, pasó apenas por breves cambios y se mantuvo casi el mismo por todos estos años. Salvo en la mala estrategia de 1985, en la que la empresa mudó completamente su marca a una estrategia que muchos dicen haber sido llevada a cabo por una alteración en la famosa fórmula de la gaseosa.

En cuanto a eso, Pepsi adoptó sus famosos colores rojo y azul, 50 años después de la creación del primer logotipo, que fue modificado diversas veces.

¿Quién es el líder del mercado? Coca-cola.

No obstante, esos ejemplos son extremos. Ya que son marcas famosas que han alcanzado la excelencia a través de muchos años en el mercado. Siendo así, investiga también otras referencias.

 

Investiga tu competencia

¿Existen empresas/marcas que ofrecen lo mismo (o casi lo mismo) que tú? ¿Cuáles son los benchmarks?

Ten el logotipo de esas empresas como referencias.

No los copies, analiza los elementos usados, los colores, e intenta crear algo que haga que tu logotipo se diferencie, llame la atención y sea mejor resuelto que el de la competencia.

 

Conoce a tu persona

Públicos diferentes, demandan logos diferentes. Haz un análisis detallado sobre el tipo de persona a la que tu marca desea llegar.

Busca los logotipos de las marcas con los que tu persona más se identifica. Puedes hacer eso con una investigación verbal, conversando con amigos que caben en el perfil de tu persona, preguntando en las redes sociales, creando formularios.

Colecta esos datos para direccionar mejor el resultado final de tu logotipo.

Por cierto, ¿ya sabes lo que es una persona? ¡Tenemos este artículo explicando en detalles lo que es!

También tenemos un e-book completamente gratis para conocer a mayor profundidad el concepto de persona y nuestra herramienta del Generador de personas.

ebook sobre personas

 

Busca tendencias

Después de conocer lo que tu competencia está haciendo, actualízate con lo que esté aconteciendo en relación al diseño. El diseño es algo que está en constante modificación.

Lo que se hacía en los años 90, es completamente diferente de lo que fue hecho en los años 2000, que es diferente, también, de lo que se hace hoy en día.

Buscar logotipos hechos hoy en día y tomarlos como referencia, previene la creación de algo anticuado o fuera de los patrones actuales.

Puede parecer una buena idea hacer algo fuera de los esquemas para destacar fácilmente, pero de esa forma tu marca podrá ser asociada a algo muy anticuado o de mal gusto, sin identidad visual cuidada, lo que es pésimo.

Recordando también que no hay apenas “una tendencia” vigente. Las tendencias coexisten, se mezclan, se dividen.

Apuesto a que vas a encontrar el mejor estilo para representar tu marca. Piensa en lo que más tenga que ver con lo que quieres transmitir a tu público sobre ti mismo.

Separé algunos buenos sitios para buscar referencias de bellos diseños de logos para que los mires.

Recordando que algunos de estos sitios son especializados en logotipos, pero otros son de referencias de diseño en general.

Si sabes sobre algún otro sitio de referencia, compártelo con nosotros, ¡déjalo en los comentarios!

 

Concepto

Con todos esos datos recogidos durante la investigación, es hora de conceptualizar tu logo. ¿Y qué rayos es eso?

La conceptualización no es más que determinar lo que tu logo va a transmitir a través de sus formas.

Esto puede parecer muy subjetivo, pero tener un concepto cerrado puede resultar en un logotipo que exprese –incluso sutilmente- el servicio prestado.

Un buen ejemplo de logo con un concepto muy bien pensado es el de la empresa americana FedEx.

El concepto de su marca remite al servicio de entrega de correspondencia y encomiendas. Mira:

 

como crear un logotipo

como crear un logotipo

Pocos notan que existe una fecha en el espacio en blanco entre las letras “E” y “X”.

Esa flecha representa que las cosas salen de un lugar y van a otro, además de representar el dinamismo y agilidad.

Otro detalle importante de ese logotipo es que todas las letras están conectadas. Percibe que no hay espacio entre ellas, ni tampoco entre la “d” y la “E” de colores diferentes.

Eso muestra que el concepto de la empresa es de conectar personas a través de sus servicios.

Parece coincidencia, pero créelo, no lo fue. Algunas veces el azar ayuda, pero cuando se piensa antes en esos detalles, el trabajo queda mucho más fácil.

 

Esbozo

Investigación hecha, concepto cerrado. Es hora de enfrentar la hoja del papel en blanco.

Sí, eso mismo que adivinaste, ¡vamos a diseñar nuestro logotipo!

“¡Pero yo no sé diseñar!” debes estar pensando con desespero. Cálmate.

No es necesario ser Leonardo DaVinci para tener un buen logo. Pero jugar con un pedazo de papel para organizar las ideas, es una técnica muy eficiente.

Ni los diseñadores más experimentados saltan esa etapa y van directo al computador. La distancia más corta entre tu cerebro y el papel, es usar un lápiz o lapicero.

Y aunque tus esbozos sean garabatos, ayudan en la finalización del logotipo.

Mira estos ejemplos:

 

como crear un logotipo

como crear un logotipo

como crear un logotipo

 

Por más que el proceso de esbozo debe ser libre y fluido, todo lo que fue apuntado durante la investigación, debe ser tomado en cuenta.

Deja que el concepto sirva de inspiración. Piensa en él como el punto de partida y deja que las ideas surjan en el papel.

 

Digitalización

Finalmente, ha llegado la hora de sentarte en el computador y transformar las ideas que tienes en el papel, en un archivo dentro de tu computador.

El proceso de digitalización, a la hora de crear un logotipo, también puede ser llamado vectorización.

El término logo en curvas también es muy utilizado para referirse a un logo en vectores.

Para esta etapa, una noción de computación gráfica y saber utilizar softwares gráficos, es esencial.

Si ese no es tu caso, en internet puedes encontrar algunas herramientas que pueden ser útiles.

Son bastante limitadas, pero pueden ser una buena solución para quien no tiene idea de cómo manipular vectores en un software como Illustrator o CorelDRAW.

Algunos sitios para crear logotipos gratuitamente son:

Todos ellos están en inglés.

Aunque exista este tipo de facilidades, lo ideal es crearlos en un software apropiado.

Existen diversos softwares gráficos en el mercado (los más famosos son Photoshop y CorelDRAW), sin embargo, recomendamos que elabores tus logos en un software de vectores.

¿Por qué? Porque los vectores son infinitamente escalables 😀

Eso significa que no importa si usas tu logo en una tarjeta de presentación de 9×5 cm o si vas a mandar a forrar en adhesivo a un barco de cargas con un tamaño equivalente a 4 canchas y media de fútbol: ¡tu logotipo quedará perfecto en el arte final!

Entendiendo lo anterior, vamos a ver ahora los softwares más indicados para la digitalización de tu logo.

 

Inkscape

como crear un logotipo

Inkscape es un software gratuito y de código abierto para la manipulación de vectores.

Puedes encontrar diversos tutoriales en internet que enseñan lo básico sobre este programa. ¡Mira uno de ellos a continuación!

 

Puedes hacer la descarga del programa visitando el sitio oficial, aquí.

 

Illustrator

como crear un logotipo

 

Este es el programa líder del mercado en lo que refiere a imágenes vectoriales. Posiblemente es también el más robusto y eficiente.

Es siempre mi primera indicación para quien desea trabajar con vectores.

Fue desarrollado por la poderosa Adobe (líder de mercado en softwares gráficos) y, así mismo, presenta una integración maravillosa entre sus otros programas (que trabajan con imágenes bitmap, edición de video, animaciones, web design, etc).

El problema de este programa es que es pago, pero puedes usarlo gratuitamente por 30 días haciendo la descarga de su versión de validación, haciendo clic aquí.

Encontrarás diversos videos tutoriales sobre Illustrator también, como este a continuación:

 

CorelDRAW

como crear un logotipo

 

Este software fue el líder del mercado por muchos años, pero hoy en día no pasa de ser un patito feo entre los profesionales del área.

Sus múltiples funciones fueron su propia ruina. Intentando suplir todas las necesidades de un diseñador en una sola herramienta, se tornó inestable y no muy confiable.

Quemó su propio filme, haciendo que los profesionales perdieran horas de trabajo debido a sus errores de funcionamiento.

No es un mal software, pero no es visto con buenos ojos.

Si así igualmente, por algún motivo, prefieres usar este software, nuestra recomendación es: jamás envíes tu logo con la extensión nativa del programa que es CDR.

Pocos profesionales poseen “Corel” y no conseguirán abrir o trabajar ese archivo.

Guárdalo como EPS o PDF para evitar trastornos.

En caso de que no te la lleves bien con estos programas o las herramientas online, un diseñador será necesario.

Pero conociendo cómo funciona el proceso, sabrás transmitir al profesional con mucha más propiedad y exactitud lo que necesitas.

¡Ciertamente el resultado será un logotipo increíble!

 

Tipografía

Listo, tienes ya una pantalla en blanco enfrente, algunos bocetos diseñados en un pedazo de papel y algunas ideas en la cabeza.

Vamos entonces a comenzar con la parte escrita de tu logo.

Posiblemente no pensaste exactamente en qué tipo de letra (fuente) vas a usar en tu logo, ¿cierto?

Pues bien, la tipografía es una ciencia que demanda bastante estudio, pero vamos a intentar dejar las cosas lo más simple posible aquí.

Existen diversos tipos de fuentes, pero sin duda, una característica que separa las fuentes en dos grandes grupos es la serifa – mejor conocida como serif, en inglés. ¿Qué es es una serif?

 

como crear un logotipo

 

Las serifas son esos prolongamientos en las esquinas de las letras. Por lo tanto, las fuentes pueden tener serif o no.

 

Sobre la serifa, sigue esas dos reglas simples:

  • Las serifas tienen más sentido en logotipos serios y/o clásicos.
  • Usa fuentes sin serifas en logotipos relajados y/o modernos.

Tenemos todavía diversos tipos de fuentes, pero explicaciones más profundas quedarán para un próximo artículo.

No escojas una fuente muy elaborada. Nadie va a entender el nombre de tu marca.

Para ayudarte en esa difícil tarea de escoger, mira aquí tres consejos que pueden eliminar, de una vez, algunas de las opciones:

  • Nunca uses: Comic Sans, ZapFino, Papyrus, Chiller, Monotype Cursiva.
  • No se recomienda: Arial, CooperPlate, Myriad, Impact
  • Usa sin miedo: Helvetica, Bebas, Grotesk Gotham, Museo, Raleway, Soho, Roboto, Geomanist, Din, Dobodi, ChunkFive, Cocogoose, Futura, Lato.

Recuerda que no es exactamente una regla. El gusto es indiscutible y siempre hay quien encuentre buenas aplicaciones a determinadas fuentes.

Pero seguir esos consejos ayuda a evitar que tu marca sea genérica, sin personalidad, y/o motivo de burla.

Mira a continuación el consagrado logo de la marca Chanel y su réplica usando una fuente considerada “mala”.

como crear un logotipo

como crear un logotipo

 

¿Logras ver la diferencia?

No es una tarea fácil decidir cuál es la mejor fuente para tu logo. Para eso, escribe el nombre de tu marca, haz varias copias y aplica diferentes fuentes en cada una.

Pero dejemos la tipografía de lado por ahora ¡y vamos a la creación de nuestro ícono/símbolo!

Tal vez la fuente certera solo aparezca después de eso, pues será la que encaja mejor con el diseño.

 

El símbolo

Toma todos los bosquejos que hiciste y reprodúcelos en el software gráfico que hayas escogido.

Si sabes manejar los programas, sabes que existe una herramienta que adiciona puntos y los puedes manipula para formar elementos sólidos. Generalmente esa es la manera más fácil de transformar tus bosquejos en un logo.

Para hacer eso con mayor precisión, escanea o toma una foto de tus diseños y ponlos dentro del programa de vectores. De este modo, estarás, entonces, vectorizando tu logo.

Ese es un proceso que necesita de mucha paciencia si tus diseños tienen formas muy complejas. Pero la práctica hace al maestro. Intenta manipular los vectores hasta que la forma final te deje satisfecho.

Es en esta etapa en que el conocimiento técnico y la precisión de un diseñador experimentado se vuelve extremadamente deseable.

Separar parte del presupuesto para contratar un buen diseñador debe ser siempre una opción a considerar, pero si no hay cómo, entrena bastante e intenta dejar tu logo con la precisión deseada.

Busca materiales en algunos de los sitios previamente enlistados.

Squarespace, Logo Garden y Graphic Spring, principalmente- o buscar por íconos gratuitos en sitios como Freepic o Noun Project pueden ser buenas salidas también.

Lograrás encontrar íconos sofisticados y extremadamente bien ejecutados para usar en tu futuro logotipo. El problema es que, por ser sitios gratuitos, otras personas pueden usar los mismo íconos.

Una opción intermediaria sería la de hacer descargas de esos íconos gratis y modificarlos en los softwares gráficos.

La personalización es siempre una buena alternativa y, trabajando con archivos ya listos, podrás aprender bastante sobre cómo ellos fueron hechos.

 

Cuadrículas, guías y alineamiento

Desde muy pequeños tenemos contacto con el alineamiento.

Cuando estamos siendo alfabetizados usamos cuadernos de caligrafía para entrenar la escritura, dejando las letras proporcionales y con los espacios adecuados.

En la escuela primaria tenemos contacto con cuadernos de líneas, las cuales usamos para dejar todo el contenido más organizado y legible.

En las clases de geometría o diseño geométrico tenemos contacto con reglas, escuadras, compases, transportadores y, principalmente, con las hojas cuadriculadas.

El asunto de la alineación, posicionamiento y distribución es practicada por todos desde hace mucho tiempo, pero en el diseño, principalmente durante la creación de un logo, es casi una obligación.

Los elementos de un logotipo necesitan coexistir y complementarse de forma armónica. Y la mejor forma de llegar a esa armonía es estar siempre atento a la alineación.

Por tanto, las cuadrículas y las líneas guías existen para ayudarte con eso. Mira el siguiente ejemplo:

como crear un logotipo

Podemos percibir en esta imagen, una cuadrícula simple que trae al logotipo en un bello equilibrio.

Básicamente, se trabajó con dos distancias diferentes que fueron aplicadas en todo el logo.

En este segundo ejemplo, formas circulares fueron utilizadas para mantener la fluidez y la simplicidad de las formas. Mira:

 

como crear un logotipo

 

Las guías circulares también fueron utilizadas en el logo de Twitter.

como crear un logotipo

 

Y en el ejemplo a continuación, el logo de Lotus Logo Design:

como crear un logotipo

 

Otro buen ejemplo es el logo de Shell, que fue desarrollado en los años 70 cuando todo el proceso de creación de logos era manual.

 

como crear un logotipo

 

Podemos notar en el ejemplo, que fue usada una hoja cuadriculada y que todas las líneas parten de un mismo punto. Parece solo un detalle pero hace mucha diferencia en la fuerza del logo.

Un ejemplo más de logo desarrollado en los principios del diseño gráfico, fue el de Braun, elaborado en los años 60.

 

como crear un logotipo

Una cuadrícula simple auxiliada por formas circulares hicieron de este logo algo imponente. Nota también la preocupación por la simetría.

McDonald’s usa su famosa M amarilla hace muchos años. Nota como las distancias X y Y se respetan en el logotipo, dando equilibrio.

como crear un logotipo

Mira también cómo el logo de Gmail se basan en formas sobrepuestas que sirven como guías, generando un ícono sorprendente y extremadamente equilibrado.

como crear un logotipo

 

Ahora observa la cuadrícula de la tipografía de Uber:

como crear un logotipo

 

Algunos logos no presenta íconos, y este es un ejemplo.

Mostrando estos logos con cuadrículas, parece que el símbolo fue creado a partir de la cuadrícula, pero eso, en verdad, es bastante raro.

Lo más común es que el bosquejo inicial sea mejorado y gane armonía, simetría y fluidez, a partir de una cuadrícula creada encima del diseño inicial.

Y no lo olvides, un símbolo no necesita basarse 100% en una cuadrícula.

Existen muchos diseños increíbles de logos que no utilizan ninguna cuadrícula, pero tienen, ciertamente, una preocupación en relación a los alineamientos y espacios entre los elementos.

 

Colores

Teniendo finalizado el diseño de tu logotipo, es hora de aplicar los colores.

Es muy importante pensar primero tu logotipo en una versión monocromática (blanco y negro)

Si funciona en blanco y negro, lo que sería su versión más simple, significa que tu logo puede ser aplicado en algún medio que no soporte el uso de más de un color. No obstante, al funcionar de este modo, tu logotipo también lo hará con varios colores.

La elección de los colores para un logotipo es un asunto delicado.

Envuelve el gusto personal, conocimiento de tu persona, de tu mercado, de tu propio producto… Pero, una forma de decidirse, es utilizando los conocimiento relacionado a la teoría y a la psicología de los colores.

 

Recibiendo retroalimentación

Teniendo listas algunas opciones para tu logotipo, ya que es muy importante hacer más de una opción, es hora de hacer algunas pruebas.

Llama a personas diferentes, pero que encajen en el perfil de tu persona. Muéstrale tu logo y deja que ellas den sus impresiones sobre lo que están viendo.

Analiza los diferentes argumentos y escoge el logotipo que consideres el mejor evaluado.

Este paso es esencial para no terminar con un logo que te agrade pero que no converse con tus clientes y tu persona, es decir, con quien te va a comprar.

 

Aplicaciones

Habiendo escogido la opción vencedora, es hora de hacer algunas pruebas básicas para determinar las mejores formas de aplicarlo.

Es de mucha importancia que pienses en las siguientes preguntas:

 

¿Tu logo funciona horizontal o verticalmente?

La mayoría de los logotipos poseen sus versiones horizontales y verticales.

Nunca se sabe cuando tu logo necesitará ser usado de pie o de costado, por eso ten el cuidado de certificar que tu logo funciona en las dos opciones.

Mira por ejemplo el logo de la NBC en sus versiones vertical y horizontal, y de solo el ícono.

 

como crear un logotipo

 

¿Cuál es el tamaño mínimo para que tu logotipo sea aplicado con legibilidad?

En tu software gráfico de preferencia, posiciona tu logotipo secuencialmente en tamaños diferentes, disminuyéndolo bastante.

Imprime esas páginas y analiza cuál es el menor tamaño en que consigues identificar todos los elementos y leer todas las palabras.

Mide con una regla la opción que encaja en esa descripción y asume esa medida como el tamaño mínimo para tu logotipo.

¡Y no olvides de especificar ese tamaño en tu manual de marca!

 

¿Tu logotipo funciona aplicándolo a todo tipo de fondo?

En primer lugar, prueba tu logo en fondo blanco y en fondo negro. Si es necesario, invierte los colores del logo.

Después, pruébalo en fondos coloridos. Y después aplica tu logo sobre fotos.

Si existe algún caso en que tu logotipo queda completamente ilegible, especifica en tu manual de marca que aquella aplicación no es recomendable.

Los diseñadores serios acostumbran a seguir las reglas de un manual de marca al pie de la letra. Eso garantiza que tu logotipo esté siempre legible.

como crear un logotipo

Y ya que mencionamos dos veces al manual de marca, está es la hora de explicar lo qué es eso y cuál es su importancia. ¡Acompáñanos!

 

Manual de marca

Como el nombre lo indica, el Manual de Marca es una cartilla referente a tu logo, que garantizará que este sea siempre presentado según un patrón.

Lo que es extremadamente importante para el fortalecimiento de cualquier marca.

Este documento reúne, además de tu logotipo, todas las variaciones de logo, todas las aplicaciones, todas sus peculiaridades puntualizadas y explicadas, todas las reglas de aplicación.

Y ahora que ya sabes la importancia de un Manual de Marca, te explicaremos también lo que es el Briefing y sobre lo que esto tiene que ver con tu logo.

 

Briefing

Si estás leyendo este artículo y eres diseñador, posiblemente pienses que este punto está fuera de orden, sabiendo que el briefing es la primera cosa a ser elaborada en el proceso de la creación de un logo.

Pero calma, ¡voy a explicar!

Briefing viene de la palabra en inglés Brief, que significa breve e incluso llega a ser entendido, como resumen.

En la lengua del diseñador, briefing es nada más que el documento inicial, antes de la creación de cualquier concepto o forma, sobre lo cual el proyecto va a consistir.

El briefing es lo que transmite al diseñador, qué es lo que el cliente quiere y espera de tu logotipo (o cualquier otra pieza de diseño).

Si no eres diseñador, leíste hasta aquí y aprendiste más sobre el proceso de creación de un logo. Aún así no te consideras técnicamente apto para ejecutarlo, no obstante, tengo la certeza de que tu briefing para el diseñador será bien detallado y esclarecedor.

Los briefings hechos por personas completamente desconocedoras del asunto, generalmente son muy vacíos, llenos de contradicciones y eso resulta en una cantidad de trabajo extra para un diseñador.

Sabiendo todos los pasos explicados en este artículo, tengo la certeza de que el resultado final de tu logotipo reflejará el conocimiento que has adquirido hasta ahora.

Vale recordar también que quien orienta el cliente en relación al briefing es el diseñador.

Generalmente el briefing tiene un formato de formulario, con preguntas que el diseñador considere pertinentes para la comprensión de la tarea a ser ejecutada.

Pero eso puede variar y cada profesional posee su propio método.

 

Una conclusión y advertencias

La creación de logotipos es un asunto extremadamente complejo.

Intenté dar un panorama general sobre el asunto para personas que no conocen el mundo del diseño, pero quien conoce sabe que muchos puntos no fueron debidamente abordados o siquiera mencionados.

Es muy importante tener en cuenta que la creación de un logotipo es un trabajo muy específico dentro del diseño y que, hasta los mismo diseñadores experimentados, y extremadamente competentes en otras áreas dentro del propio diseño, enfrentan dificultades en desarrollar logotipos.

Y no olvides: ¡no a todos les va a gustar tu logotipo! ¡Acepta eso y sé feliz!

Lo importante no es que todos crean que tu logo es bonito. Lo importante es que represente a tu marca y le dé la debida importancia.

 

¿Te gustó el contenido? Cuéntanos en los comentarios.

¡Tu retroalimentación es muy importante!

Y si quieres saber más sobre el diseño gráfico aplicado al marketing, mira otro artículo que escribí aquí para el blog, hablando sobre ese asunto!

¡Hasta la próxima!

¡Todo sobre diseño gráfico y de cómo este se aplica en el marketing de contenidos!

Tan pronto pensamos en diseño, nos remitimos mentalmente a imágenes, colores y textos. Es decir, lo que pueda ser visto; no obstante, este también puede usar los demás sentidos como el olfato, la escucha y el tacto, para crear soluciones y continuar llamándose diseño.

Trabajar con marketing de contenidos significa entrar en un universo muy amplio y de enorme crecimiento, que requiere de nuestro aprendizaje para diferenciarnos de los competidores que surgen a diario.  

Y, para destacarnos en medio de la multitud, necesitamos invertir en algo que de verdad nos diferencie.

Ya sabemos bien que los contenidos están para la disposición de muchos, no obstante, la presentación que le damos a estos es de suma importancia.

Muchas veces sucede que tus contenidos son mejores que los de tu competencia, sin embargo, generan menos engagement debido a que no son tan atractivos visualmente.

¡Es aquí en dónde entra el diseño gráfico!

El cual se encargará de darle a tu contenidos, un aspecto profesional, así como interactividad y encanto visual.

Además de eso, un contenido bonito y con imágenes chéveres, despierta mucho más el deseo en el lector de compartir.

¿Quieres saber un poco más sobre este asunto? ¡Continúa leyendo!

 

¿Qué es el diseño gráfico?

Definir diseño en palabras, es una tarea complicada, justamente por el hecho de que se vale de los elementos tangibles y sensoriales para construirse.

Cuando hablemos de diseño, estamos hablando justamente de proyectar, planear y ejecutar algo que tenga un llamado a la función sensorial.

Comúnmente, tan pronto pensamos en diseño, nos remitimos mentalmente a imágenes, colores y textos. Es decir, lo que pueda ser visto; no obstante, este también puede usar los demás sentidos como el olfato, la escucha y el tacto, para crear soluciones y continuar llamándose diseño.

Entonces, diseño es: crear soluciones a través de un proyecto.

Siendo así, para un buen diseño, necesitamos desarrollar una línea de razonamiento acerca del problema que queremos resolver, así como un concepto y  pensar en todas las hipótesis, además de probabilidades, antes de ejecutar un trabajo.

Por otro lado, cabe resaltar que una parte muy importante del diseño es su reproductibilidad.

Como regla general, esos proyectos son diseñados para ser producidos a escala. Por tanto, las fallas requieren ser identificadas y corregidas y es por eso que cada detalle del proyecto debe ser planeado, comprobado y avalado.

El diseño generalmente se divide en tres grandes áreas de actuación:

  • Diseño de producto: Proyectos destinados al desarrollo de objetos tridimensionales y funcionales como: sillas, lámparas, armarios, celulares, entre otros.
  • El diseño gráfico: Proyectos con finalidades visuales, con el objetivo de informar.
  • Diseño de interiores: Desarrolla proyectos y planeación, para optimizar los espacios de la mejor manera posible. También ha sido llamado decoración.

Estos, a su vez, son divididos incontablemente en más áreas. Vamos a enfocar esta publicación en el diseño gráfico, ya que es este el tipo de diseño que resulta ser más útil en el marketing de contenidos.

 

¿Qué es un diseñador? La diferencia entre diseño y diseñador

¡No confundas los términos! Diseño es la actividad; diseñador es el profesional.

Así como tenemos el médico que estudió medicina, el ingeniero que estudió ingeniería, el arquitecto que estudió arquitectura, tenemos el diseñador que estudió diseño.

Como el diseño es muy amplio, tenemos especialidades dentro del diseño, como se mencionó con anterioridad. Y tenemos especialidades dentro de las especialidades.

Por ejemplo, un diseñador gráfico puede trabajar con:

  • Diseño web (creación de sitios)
  • Motion graphics (animación)
  • Tipografía (creación de fuentes)
  • Diagramación (periódicos, revistas, panfletos)
  • 3D (modelado de imágenes tridimensionales)
  • Ilustración (dibujo)
  • Branding (creación de logo)
  • Entre otros

La mayoría de los diseñadores son polivalentes y se desenvuelven en todas las áreas, sin embargo, muchas veces, tan solo tienen preferencia o mejores aptitudes por ciertas especialidades.

 

Logo, marca, logotipo, eslogan…

Esos son algunos de los términos que causan confusión en el público en general, pero es importante que esta duda sea esclarecida. Los cuatro términos enlistados arriba, ¡no son sinónimos!

Cada uno es diferente. Vamos a las definiciones:

 

Logo

En su esencia, la palabra logo viene del griego logos, que traducido al español, desde el significado de la corriente sicológica, es “sentido”.

En la comunicación/diseño, logo es un símbolo por el cual tu marca/empresa/negocio es reconocida.

 

Marca

En el mundo de la comunicación, la palabra marca va más allá de la representación gráfica. Marca está también relacionada al concepto que queda en el imaginario de las personas al pensar en una empresa.

Por ejemplo, cuando se habla de Adidas, tan pronto se piensa en practicar deportes de alto rendimiento, con estilo y calidad.

Es esa “imagen” que ves en tu cabeza lo que la marca representa. Pero también, se usa mucho el término marca para referirse al logo; lo que no es completamente errado.

Si deseas conocer más sobre lo que es una marca, ingresa al enlace: La guía básica para la creación de marca.

 

Logotipo

Cuando un logo posee un soporte de texto, lo llamamos el símbolo total de logotipo. Es la unión de un logo y un texto. Mira los siguientes ejemplos: el logo y el logotipo de Nike, respectivamente.

 

Diseño gráfico_logo

diseño gráfico_logotipo

 

Eslogan

Algunas personas usan la palabra eslogan para referirse al logo, pero esta vez, hay una confusión referente a la semejanza de las palabras.

La verdad, eslogan no tiene nada que ver con logo.

El eslogan es una frase o una expresión que define la empresa; no obstante, es trabajo de los redactores, no de los diseñadores.

 

¿Cómo el diseño puede ayudar al marketing de contenidos?

No tiene sentido ofrecer un contenido matador en tu blog, sin preocuparse en cómo las personas van verlo.

ebook sobre personas

La preocupación con el diseño en los materiales gráficos que tienes disponibles, son muy importantes y muy amplios. Al final, el diseño gráfico está presente en tu página de Facebook, en tu perfil de Twitter, en tu sitio, en tu e-book, landing pages, materiales promocionales, videos, presentaciones, entre otros.

Tener un buen diseñador en tu equipo es imprescindible. Es más, ha sido comprobado en una de las investigaciones realizadas por HubSpot, que el contenido con buenas imágenes generan un compromiso mucho mayor en los usuarios.

 

Hablando el lenguaje del diseñador

Los diseñadores gráficos poseen un dialecto muy peculiar y están siempre utilizando términos difíciles. Ese lenguaje es tan común entre ellos, que es importante al menos entender un poco algunos de los términos más corrientes.

 

Imágenes digitales

El diseñador gráfico lidia con dos tipos de archivos: los archivos de imágenes digitales y los archivos para impresión.

Y existen entre ellos, algunas diferencias básicas que hacen mucha diferencia en el resultado final. La mayor diferencia que hay entre estos dos tipos de archivos es el tipo de color que se utiliza en ellos.

 

Escala CMYK

Los archivos para fines de impresión, usan la escala CMYK (Cian, Magenta, Amarillo y Negro).

Una vez que sean impresos con tinta, posteriormente, aquellos colores que vemos en la pantalla durante la visualización de la imagen son meramente ilustrativas. El resultado final de la impresión depende también del calibre de la impresora que va a ejecutar la impresión, del tipo de papel, etc.

 

Escala RGB

Los archivos digitales utilizan la escala RGB (Rojo, Verde y Azul) que son los tres colores luz que son emitidos por cualquier pantalla.

Esta escala permite que los colores sea más centellantes y fluorescentes, cuya reproducción sería imposible en una impresión sin tintas especiales.

 

Tipos de imágenes diferentes

En el mundo de las imágenes digitales, contamos con dos tipos de imágenes: Imagen vectorial y el mapa de bits. Es muy importante entender la diferencia entre esos dos tipos y sus mejores aplicaciones.

 

Imagen vectorial

Las imágenes vectoriales, o simplemente “vectores”, son imágenes planas, sin sombres muy complejas y de una estética mucho más ilustrativa. Aunque algunos artistas logran que los vectores se parezcan a una fotografía.

Trabajar con vectores puede ser muy útil por una serie de factores.

Primero, los vectores son más simples y, en la mayoría de las veces, una estética más simple tiene una asimilación más rápida y concisa. Si tienes un buen diseñador gráfico, este conseguirá sintetizar ideas complejas en pocos elementos vectoriales.

Un buen ejemplo de imágenes hechas con vectores, son las portadas de nuestras publicaciones aquí en marketingdecontenidos.com

Pero, sin dudas, la mayor ventaja de una imagen vectorial es su tamaño y su escalabilidad.

El nombre de “imagen vectorial” se da por el hecho de que las imágenes son formadas por puntos vectoriales, así como aquellos que aprendimos en las clases de física.

Por lo tanto, las imágenes son formadas a partir de pocos puntos que generan formas, que poseen información de colores en el relleno. Más o meno igual a los libros con figuras elaboradas a partir de la unión de puntos para luego colorear, que las personas adoraban cuando eran pequeñas.

Además de que los archivos quedan pequeños, también poseen una escalabilidad infinita. Puedes hacer un arte de 5x5cm y usarlo para envolver un edificio de 200 pisos sin perder la resolución y sin necesitar de un archivo inmenso.

Las imágenes vectoriales pueden ser encontrados en formatos .ai, .cdr, .eps, .svg, .pdf. Vamos a entender un poco mejor estos formatos en la parte sobre herramientas, no obstante, adelantando, para agregar un vector en un formato de página web, se debe utilizar el SVG.  

 

Mapa de bits

Las imágenes bitmap o mapa de bits son las más difundidas en el medio digital, una vez que ellas puedan reproducir fotos con fidelidad.

El nombre de “mapa de bits” se da por el hecho de que las imágenes son formadas por varios puntos minúsculos llamados pixeles. Los pixeles son aquellos cuadros que vemos cuando le damos zoom a una imagen.

El mapa de bits es, sin duda, el tipo de imagen más utilizado en el medio digital, no obstante, tener un conocimiento sobre sus particularidades es esencial.

Primero, los mapas de bits poseen un dato muy importante llamado resolución, que no es más que el límite de escalabilidad predefinido e inmutable que las imágenes poseen.

Siendo así, si excedes la resolución pre estipulada de una imagen de estas, los pixeles comenzarán a “reventarse”, así como en el ejemplo de abajo.

 

diseño gráfico_mapa de bits

De esta manera, lo ideal es que siempre trabajemos con imágenes en mapa de bits con una holgura de tamaños, siempre mayores que el archivo final. Pues, a veces estamos haciendo un material para ser usado en una resolución pequeña, como visualizar una página web por ejemplo, pero en un futuro podemos querer imprimirla.

Para la visualización digital, lo ideal es que trabajemos con imágenes de 72 o 96 dpi, en la escala de colores RGB. Para impresiones, las imágenes necesitan tener 300 dpi y que estén en la escala CMYK.

DPI significa “dot per inch” – en español, puntos por pulgada, y es ese valor, el que estipula la resolución de una imagen. Cuanto mayor sea el DPI de una imagen, mayor será la resolución y también el tamaño del archivo.

Los archivos en mapa de bits, son encontrados en diversos formatos, pero los más conocidos son: . bmp, .jpg, .jpeg, .png, .gif.

 

Bancos de imágenes

Si estás necesitando imágenes para tus materiales, pero no tienes presupuesto para contrata fotógrafos o artistas gráficos, puedes encontrar buenas imágenes en los bancos de imágenes.

Estas imágenes no son exclusivas, ¡pero pueden salvar tu vida en algunos momentos! Mira aquí en esta publicación, los bancos de imágenes a los que puedes recurrir.

 

Fuentes

Siempre que trabajemos con textos, vamos a recurrir a las fuentes. Una fuente no es más que el tipo de letra que usas en un texto.

Las fuentes son muy importantes, pues, una aplicación errada de una de estas, puede dificultar la lectura de tu material y nadie tiene tiempo para perderlo intentando comprender lo que está escrito en algún lugar.

Un consejo de oro es: ¡sé simple! Fuentes simples facilitan la lectura. Puedes tener muchos deseos de usar una fuente radical en tu material sobre surf, ¡pero debes tener mucho cuidado!

Fuentes muy rebuscadas, además de perjudicar la lectura, no son bien vistas por la comunidad de diseño. Son consideradas no profesionales, de mal gusto y mal aplicadas.

Recomendamos que evites las siguientes fuentes:

  • Comic Sans MS: Tiene un aire infantil y puede ser sustituida por otras fuentes menos usadas.
  • Papyrus: Comúnmente utilizada fuera de lugar y ya fue usada exhaustivamente.
  • Zapfino: Muy utilizada y muy invasiva, no funciona bien en los layouts.

Otro consejo genial es: ¡sal de lo común! Estas fuentes citadas, además de presentar una visual estética dudosa, ¡fueron utilizadas exhaustivamente! Eso hará que tus materiales parezcan genéricos.

Crear una identidad para tu marca/empresa, está directamente relacionado a las fuentes que usas en tus materiales. Escoge dos o tres fuentes para que sean las predeterminadas.

 

Herramientas de diseño

¿Cuáles son las herramientas utilizadas por los diseñadores gráficos para dar vida a todo esto?

Vamos a presentarte una lista de las herramientas más utilizadas

 

Suite de Adobe

Líder del mercado hace años. Adobe presenta los softwares más versátiles y mejor integrados de la actualidad. Su utilización depende de una suscripción de pago mensual, pero que vale cada centavo invertido.

 

Adobe Photoshop

Debido a su versatilidad, es sin duda, el software gráfico más famosos del mundo. Ideal para manipular imágenes bitmap. Puede ser utilizado para actividades simples como alteraciones de formatos y colores hasta tratamientos y montajes sofisticados.

 

Adobe Illustrator

Este es el software de imágenes vectoriales de Adobe. Con él, puedes manipular puntos y rellenarlos de forma fácil y rápida. Sus archivos nativos presentan la extensión .ai, pero pueden ser guardados como cualquier formato vectorial.

 

Adobe InDesign

Un programa extremadamente útil para la diagramación de materiales extensos como libros, e-books, periódicos, revistas, libretos, etc. La función de InDesign es organizar grandes cantidades de informaciones. Sus archivos nativos poseen la extensión .indd.

 

Adobe Premiere

Si necesitas editar tus videos con recursos profesionales de corte, transiciones, corrección de colores y muchos otros, este es el programa que buscas.

 

Adobe After Effects

Un Software de post-producción de video. En él, podrás hacer desde animaciones simples de texto, como deslizarlo por la pantalla, hasta helicópteros explotando y dinosaurios caminando por la ciudad. No es un programa tan intuitivo, de hecho exige un conocimiento y experiencia.

 

Observación: La suite de Adobe cuenta con otros softwares, pero estos son los más comunes en las áreas de trabajo de los diseñadores gráficos.

 

Otras herramientas

CorelDraw

Antes de la hegemonía de Adobe, este era el líder del mercado. Perdió el puesto, ante la suite de Adobe, por haber intentado hacer todo lo que este hace y no cumplir bien con ninguna de las funciones.

Su polivalencia comprometía la estabilidad. Su enfoque, la verdad, siempre fueron las imágenes vectoriales. Es un excelente software vectorial, pero perdió ante Illustrator, principalmente por la falta de integración con otras herramientas.

 

Maya, Cinema 4D, 3DS Max, Blender

Son programas de modelado y de animación tridimensional, son extremadamente complejos y exigen mucho tiempo para ser dominados.

Los diseñadores que manejan estas herramientas son bastante valorizados en el mercado. De los 4 citados, Blender es open source/gratuito y puede ser descargado en su sitio oficial.

 

Gimp

Gimp es la alternativa open source gratuita para quien quiera una herramienta gráfica parecida a Photoshop. Los profesionales que dominan este software dicen que puede llegar a ser más poderosa y versátil que Photoshop. Puedes descargarla en su sitio oficial.

El universo del diseño gráfico es muy amplio, pero espero que este artículo te haya ayudado a entender un poco más sobre él.

El marketing de contenidos sin un buen diseño aplicado, puede tener una baja efectividad, entonces, ¡no lo ignores! Un buen diseñador es esencial para un buen equipo de mercadeo.

Y no lo olvides: ¡haz diseño siempre pensando en la conversión!

Conoce también, ¡cómo el diseño hace parte fundamental del marketing de contenidos! ¿Cómo se aplica? ¿Cómo se desarrolla? ¡Ingresa al enlace!