fbpx

C√≥mo hacer un logotipo profesional para tu web sin ser dise√Īador

El logotipo es uno de elementos m√°s destacados de todo sitio web. Est√° presente en cada p√°gina y de hecho es a menudo lo primero que vemos al entrar. Si est√°s pensando en dise√Īar t√ļ mismo el logotipo de tu empresa o de tu web, debes hacerlo bien. Para ayudarte en ello, te explico todos los pasos necesarios sobre c√≥mo crear un buen logo.

Pero antes déjame compartir contigo mi punto de vista personal.

Creo que una de las cosas que más ilusión hace cuando empiezas un nuevo negocio es pensar en su imagen. Y sin duda, el logotipo es la estrella en la tarjeta de presentación.

No obstante, y como es habitual, todo son risas y diversi√≥n hasta que te pones a dise√Īarlo. No te voy a mentir, un buen logo no lo vas a sacar en dos horitas de la tarde de un s√°bado.

Por eso, vengo a darte algunos consejos para no-dise√Īadores. Te voy a explicar paso a paso todo lo que debes hacer y las herramientas que tienes a tu disposici√≥n.

Som-hi! ūüí™

Paso 0: ¬ŅHacer t√ļ el logo o confiar en un profesional?

Lo que suele pasar con los logos «Juan Palomo» es que empiezas pensando que ser√° relativamente f√°cil y acaba siendo un churro importante.

Esto no es un consejo en s√≠. Es una peque√Īa torta de realidad. No quiero desanimarte ni mucho menos, pero como dise√Īadora me gusta poner los puntos sobre las √≠es y situar la profesi√≥n donde se merece.

Así pues, la cuestión es:

¬ŅPuedes hacer t√ļ mismo un logotipo decente o debes dejarlo en manos de un dise√Īador gr√°fico?

Depende de ti. ¬ŅVas a curr√°rtelo? ¬ŅTienes previsto dedicarle horas a crear un buen logo? ¬ŅA cu√°nto valoras tu hora de trabajo?

Cu√°nto cuesta un logotipo profesional

El precio de los logotipos no es fijo. Cada dise√Īador cobra diferente en base a:

  • Su experiencia.
  • Su talento y creatividad.
  • El perfil del cliente.
  • Su m√©todo y proceso de creaci√≥n.
  • La calidad del trabajo resultante.
  • La cantidad de gente implicada en el proyecto.

Como ves hay un montón de factores que hacen variar el precio del logotipo.

Puedes encontrar dise√Īadores principiantes que buscan primeras experiencias o agencias muy buenas y con cach√©. Los primeros te cobrar√°n pocos centenares, los segundos unos cuantos miles.

En general, te dir√≠a que un logotipo dise√Īado por debajo de 200‚ā¨ indica poca experiencia o una dedicaci√≥n baja al dise√Īo.

Diferencia entre un dise√Īador profesional y una web de creaci√≥n de logos

Si buscas en Google «Crear un logo» te salen un mont√≥n de resultados de diferentes webs que te proponen:

  • Dise√Īarte t√ļ mismo el logotipo.
  • En cuesti√≥n de minutos rellenando unos campos.
  • Gratis o por pocos euros.
  • Sin haber pensado m√°s de 10 segundos en lo que quieres y lo que supone el proceso de hacer un logo.

El resultado son varias combinaciones que pueden llegar a ser una especie de logotipo. Generalmente la apariencia es pobre, un mutante como la rana a la que Bart Simpson convirtió en príncipe.

En otras palabras, esto es muy diferente a contratar a un profesional.

Para empezar, el dise√Īador llevar√° a cabo un briefing contigo. Esto le servir√° para conocerte a ti y a tu negocio, para saber qu√© buscas.

Luego crear√° bocetos y seleccionar√° una o varias propuestas que considere que mejor se adaptan a tu negocio. Tu podr√°s revisarlas y as√≠ el dise√Īador pulirlas en base a tus impresiones.

¬ŅQu√© opci√≥n es mejor para ti?

Contrata a un dise√Īador si:

  • No tienes tiempo.
  • Tu gusto por el dise√Īo se qued√≥ en «con un seis y con un cuatro aqu√≠ tienes tu retrato».

En cambio, currarte t√ļ mismo el logo es una buena opci√≥n si:

  • No tienes pasta.
  • Tienes experiencia previa en dise√Īo.
  • Te gusta el DIY (do it yourself).
  • Tienes tiempo y ganas de aprender a crear un buen logo.

Si te decantas por la segunda opción, sigue leyendo. A continuación te muestro el proceso para hacer un logo de apariencia profesional.

¬°Vayamos por pasos!

Paso 1: B√ļsqueda e investigaci√≥n

Comprendo que este primer paso da palo. Pero si quieres que tu logotipo dure tiempo debes investigar tu entorno. Tu misi√≥n es conocer muy bien lo que rodea tu peque√Īo -gran- proyecto.

Este tipo de investigaci√≥n te permitir√° optar por un estilo de dise√Īo u otro, colores o tipograf√≠as. M√°s adelante ver√°s c√≥mo se relacionan entre ellos.

¬ŅC√≥mo es tu cliente?

Si ya trabajas con algunos clientes, piensa en un par o tres con los que tengas confianza. Luego coge el teléfono y llámalos para conocerlos un poco más.

Hazles preguntas para obtener información tal que:

  • Qu√© necesidades ten√≠an cuando te contactaron.
  • Cu√°les son sus gustos y su estilo de vida.
  • Cu√°les son sus marcas favoritas.
  • Qu√© piensan de tus valores como profesional cuando les ofreces el servicio.
  • Por qu√© trabajan contigo y no con otro.

Si no tienes clientes, puedes formular hipótesis sobre cómo es el cliente ideal al que te quieres dirigir. También puedes visitar sitios web de tu competencia o foros relacionados con tu temática para extraer información.

Adicionalmente, intenta saber o estimar cómo es tu cliente desde un punto demográfico: edad, género, nivel económico-social, gustos e inquietudes.

¬ŅC√≥mo es tu competencia?

Cotillea a tus competidores. Analiza cómo se comunican con su clientela.

Esto, además de ser sanísimo para tu negocio, te dará ideas sobre cómo enfocar tu propia comunicación. Verás cosas que te gustarán y querrás replicar. Pero también otras que te parecerán un error a evitar.

Para sacar el mayor provecho de esta investigación, no te quedes en sus logotipos. Inspecciona también sus páginas web, su publicidad online, sus redes sociales, etc.

En definitiva, haz un listado de las cosas que te gustan de ellos y las que no. Así te será más fácil inspirarte para crear tu propio logo y evitar cometer errores.

¬ŅC√≥mo es tu negocio?

Esta investigaci√≥n para saber c√≥mo hacer un logo incluye una etapa de introspecci√≥n. Intenta definir tu negocio en una sola frase o dos. Pero haz que esa frase sea √ļtil.

Te dejo con un ejemplo de definición correcta y otro de una errónea:

«Me dedico a la venta online de juguetes para ni√Īos de 0 a 6 a√Īos que no usan elementos tecnol√≥gicos ni digitales y cuyo objetivo es potenciar el aprendizaje y la creatividad».

«Vendo juguetes infantiles para ni√Īos de todas las edades.»

Supongo que te habrás dado cuenta de que la primera frase define un negocio muy concreto. La segunda podría aplicarse a casi cualquier juguetería del mundo.

Por otra parte, apunta tres o cuatro adjetivos que quieres que se asocien a tu marca. Siguiendo el ejemplo:

  • Did√°ctico
  • Divertido
  • Natural
  • Tradicional

Paso 2: Unas nociones b√°sicas de dise√Īo no vienen mal

Voy a darte unas pinceladas muy r√°pidas sobre dise√Īo de logotipos para que no metas la pata en lo m√°s b√°sico.

Así pues, la pregunta que quiero que sepas responder es:

¬ŅQu√© significa «un buen logo»?

Aunque la calidad de un logo es subjetiva, hay algunas características que son distintivas de un buen logotipo.

Es importante que pares atenci√≥n a esto. De lo contrario, puedes hacer un logotipo con un s√≠mbolo super chulo con unas tipograf√≠as muy modernas… y ser un desastre en todo lo dem√°s.

En este sentido, lo mejor es no dejarte guiar por modas y pensar en los elementos básicos que aseguran el éxito del logotipo y que te explico a continuación.

Por ejemplo, siguiendo con la juguetería infantil que antes he introducido, fíjate en este par de logos:

ejemplo de logo de juguetería
logotipo inventado de juguetería

¬ŅCual crees que es mejor logotipo?

Los dos son monísimos y puede que pienses que ambos funcionan igual. Quédate con ellos porque vamos analizarlos a fondo para desgranarlos y ver si realmente los dos están bien.

Jerarquía visual

La jerarqu√≠a visual nos ayuda a dirigir la atenci√≥n del usuario a los elementos que nos interesan. Para ello debes tener en cuenta que los seres humanos tendemos a ver primero los elementos m√°s grandes y luego los m√°s peque√Īos.

Por ejemplo, si tienes un slogan, como en el primer ejemplo de logotipo, debes colocarlo en un tama√Īo mucho m√°s peque√Īo que tu nombre.

Aunque el slogan te puede ayudar a que la gente sepa qué haces, lo que debes conseguir es que recuerden tu nombre.

Tipos b√°sicos de logos

Existen hasta cuatro diferentes tipos de logos. ¬ŅSorprendido?

De hecho, la palabra logotipo hace referencia a un sólo tipo, aunque es la más usada para referirnos a la representación simbólica de una marca.

Logotipo o wordmark

A lo que técnicamente se le llama logotipo está compuesto solamente por palabras. Y no hay nada de malo en ello, en tener un logo sin símbolo. De hecho, muchas grandes empresas lo usan.

Para que funcione debes asegurarte de que la tipografía escogida tiene suficiente carácter y transmite tus valores.

Por eso, a menudo, este tipo de representación usa tipografías modificadas o creadas expresamente.

ejemplos de cómo hacer un logo

Imagotipo

Un imagotipo es lo que com√ļnmente entendemos como logotipo. Seguramente en esto estabas pensando cuando empezaste a leer esta entrada de blog.

Consiste en combinar un símbolo y un texto. Pueden funcionar independientemente el uno del otro.

Por ejemplo, los dos logos de juguetería anteriores son imagotipos. Otros ejemplos de imagotipo, en este caso de marcas muy conocidas:

ejemplos de cómo crear un logo del tipo imagotipo

Isotipo

La marca es representada solamente por un símbolo y se reconoce sin necesidad de texto.

Los siguientes isotipos los reconoces perfectamente, ¬Ņverdad?

ejemplos de c√≥mo dise√Īar un logo del tipo isotipo

Isologotipo

El símbolo y el texto se agrupan y resultan indivisibles. No se entiende uno sin el otro.

Por ejemplo, nuestro logo de SrMomo es de hecho un sutil isologo. Te dejo con otros isologotipos de marcas famosas:

ejemplos para saber cómo hacer un buen logotipo del tipo isologo

Disposiciones para logotipos

Si quieres a√Īadir un toque extra a tu branding, puedes jugar con la situaci√≥n de los elementos de tu logo.

Apilado

Creo que le a√Īade mucho misterio y dinamismo al logotipo. Es una tendencia que cada vez me gusta m√°s.

Sin embargo, debo admitir que hay que tener mucho cuidado porque a veces la legibilidad no es la óptima.

Localización del símbolo

A veces la localización del símbolo determina cómo tiene que ser el resto de la disposición del logotipo.

Puede ser un elemento m√°s con el que ser creativo, pero aseg√ļrate de que todo el mundo lo lee bien siempre. Incluso en resoluciones peque√Īas.

Con eslogan

Si tu logotipo incluye el slogan, puedes jugar con la alineación del mismo.

Eso sí, ¡ten en cuenta siempre el principio de jerarquía que antes te he mencionado!

De hecho, te recomiendo colocarlo bajo el nombre de la marca. Es casi siempre la mejor opción.

Paso 3: Colores, tipografías y símbolos

Bueno bueno… ¬°llegamos a la parte divertida!

Si has leído atentamente hasta aquí este artículo sobre cómo crear un buen logotipo y has hecho los deberes, ya sabes a qué tipo de personas te diriges y qué tipo de logo quieres.

Es el momento del pinta y colorea ūüėĀ

Colores para logotipos

Los colores tienen la capacidad de transmitir emociones y cambiar nuestro estado de √°nimo.

Por eso es muy importante que escojas adecuadamente el color o colores de tu logotipo.

No caigas en el error de escoger un color para tu logotipo simplemente porque es tu favorito o porque tienes unos ojos verde esmeralda preciosos.

Te voy a dar una peque√Īa gu√≠a de lo que llamamos «psicolog√≠a del color». Es decir, aquellas emociones que transmiten los colores en nuestra sociedad.

Listado de colores y lo que transmiten

  • Negro: elegancia, lujo y luto. Suele asociarse a marcas poderosas, formales y con un halo de misterio.
  • Azul: seguridad, finanzas y tranquilidad. Es una apuesta segura en casi cualquier sector. Tambi√©n es el color m√°s usado del mundo en p√°ginas web porque es el que mayor confianza transmite.
  • Naranja: vitalidad, cambio y optimismo. Es un color muy alegre y asociado a la juventud. En sus tonos m√°s intensos puede verse rojo, as√≠ que cuidado.
  • Verde: naturaleza, org√°nico, novedad y frescura. Es un color muy usado en ecologismo y en negocios relacionados con el medio ambiente.
  • Rosa: delicadeza y calidez. En branding los colores tienen g√©nero y el rosa est√° muy asociado a la feminidad. En sus tonos pastel puede resultar relajante y dulce. En cambio, en sus tonos vibrantes es atrevido y llamativo.
  • P√ļrpura: elegancia y lujo. A lo largo de la historia ha sido asociado a la realeza. A d√≠a de hoy, sigue manteniendo ese aire de exclusividad.
  • Rojo: energ√≠a y confianza. Es el color de la pasi√≥n y de la creatividad. Debido a ello, muchas empresas de marketing y dise√Īo lo usan para su branding.
  • Amarillo: felicidad y energ√≠a. El amarillo captura nuestra atenci√≥n por naturaleza, as√≠ que se le relaciona con el positivismo y la autoestima.
  • Blanco: pureza y sencillez. Fuertemente asociado a la limpieza, al minimalismo y a la tranquilidad.
  • Gris: seriedad y cl√°sico. Es un color que transmite madurez y que est√° muy en tendencia en los √ļltimos a√Īos.

Paletas de colores (+ algunas listas para usar)

A continuación, debes confeccionar una paleta de colores con sentido. La paleta escogida la usarás en toda tu comunicación visual: logotipo, web, fotografías, documentos, etc.

He creado algunas paletas rápidas para poner a prueba estos colores. También para que compruebes cómo puedes asociar emociones a un negocio en función de su paleta de colores.

Por cierto, ¬°si√©ntete libre de usarlas si te gusta alguna! Tan solo te pido que me dejes un comentario para poder saberlo. ūüėČ

Paleta «Tekkie»: la usar√≠a para empresas que comercializan productos novedosos con un fuerte componente tecnol√≥gico.

«Keep calm & respira»: esta paleta es ideal para una empresa relacionada con actividades de relax.

«Kiddies»: indicada para empresas relacionadas con los ni√Īos. Transmite energ√≠a y positivismo.

Paleta «Senior»: para empresas de servicios legales, financieros o de arquitectos. Transmite seriedad con un toque de energ√≠a.

Como puedes observar, 3 de estas 4 paletas no tienen m√°s de dos colores. Te aconsejo jugar con los tonos de un mismo color principal.

Te recomiendo escoger un m√°ximo de 3 colores para combinar en tu logotipo, incluyendo el blanco/negro. De hecho, cuantos menos, ¬°mejor!

El motivo para ello es que mezclar colores no es nada f√°cil y se requiere dominar el uso de la rueda crom√°tica.

Tip: Cuando escojas un color, aseg√ļrate de que conoces su tono exacto de Pantone, Hexadecimal y CMYK. Esto te ayudar√° a reproducir el logotipo en m√ļltiples soportes digitales e impresos.

Podría escribir un libro sobre tipografía porque personalmente es un campo que me apasiona. Pero en este post voy a hablarte de los aspectos más básicos para que puedas escoger una buena tipografía para tu logotipo.

Escojas el tipo de fuente que escojas, es importante asegurarte de que se lee bien y que ninguno de los caracteres crea confusión. Así te aseguras de que las personas recuerden correctamente cómo se pronuncia y escribe tu marca.

Una vez aclarado esto, vamos a ver qué tipos de fuentes tenemos disponibles.

Fuentes con serifas

Son fuentes tipogr√°ficas con «adornitos» en sus esquinas. Suelen transmitir una imagen atemporal y cl√°sica.

Si quieres atraer a un p√ļblico con clase, gusto por lo cl√°sico y madurez, opta por hacerla tu tipograf√≠a principal.

La m√°s conocida es «Times New Roman».

cómo hacer un logotipo con serifas

Fuentes sin serifas o sans serif

Son las fuentes que solemos llamar de «palito», es decir, sin adornos.

Son las m√°s usadas en el entorno tecnol√≥gico y en Internet. El motivo es que la tecnolog√≠a de hace a√Īos hac√≠a que tuvieran mejor legibilidad en los entornos digitales. Como curiosidad, esto ya no es as√≠ hoy en d√≠a con el avance de navegadores.

Como parece que siguen siendo las reinas del mundo digital, una fuente sin serifas es una excelente opci√≥n si te diriges a un p√ļblico joven o centrado en la tecnolog√≠a.

La m√°s conocida es «Helvetica».

ejemplos de logos sin serifas

Fuentes script

Son fuentes «escritas a mano». Est√°n muy de moda y cada vez hay m√°s y m√°s fuentes de este tipo.

Las fuentes script son geniales para negocios dedicados a la artesan√≠a, por ejemplo, ya que a√Īaden un toque muy personal al logotipo. Tambi√©n podemos usarlas para negocios que tengan que ver con el DIY (do it yourself) o si queremos dar un toque informal y m√°s cercano al logo.

muestas de logotipos con fuentes script

Fuentes display

Las fuentes display est√°n on fire √ļltimamente. Son fuentes fuera de lo habitual, que en s√≠ ya son un elemento gr√°fico interesante por s√≠ solo, sin necesidad de s√≠mbolos. Podemos encontrar fuentes en 3D, con acabados curvos o tematizadas.

ejemplos de cómo crear un logotipo con fuestes display

Combinando fuentes

Si nuestro logotipo consta de eslogan, podemos combinar dos fuentes. Yo te recomiendo alternar serifa y sin serifa. Suele ser la combinaci√≥n ganadora porque balancea el dise√Īo y al mismo tiempo crea dinamismo.

Si no te aclaras mucho con esto de las tipografías, te recomiendo echar un vistazo al artículo que escribí sobre combinaciones tipográficas. Ahí explico más en detalle cada aspecto y te doy herramientas y combinaciones posibles.

A menudo los logotipos se acompa√Īan de un s√≠mbolo que hace m√°s reconocible la marca o el sector al que se dedica.

Los símbolos pueden ser literales (representan un objeto concreto y real) o abstractos (por ejemplo, formas geométricas).

Escojas el tipo de símbolo que escojas, es importante que no cree confusión sobre a lo que te dedicas. Por ejemplo, si te dedicas al fitness, seguramente no sea una buena idea escoger como símbolo un carrito.

Tampoco es conveniente escoger un símbolo demasiado elaborado a nivel de colores y detalles ya que te dará problemas.

También es importante guardar coherencia con la tipografía escogida. Si has elegido una sans serif, no tiene mucho sentido escoger un símbolo que parezca dibujado a mano.

Por √ļltimo, juega con la disposici√≥n del s√≠mbolo respecto al texto: izquierda, derecha, arriba o abajo. No quiere decir que siempre lo tengas que poner igual, pero ayuda tener un lugar favorito.

Habiendo visto todo el tercer paso sobre c√≥mo hacer un logotipo, quiero que hagas una peque√Īa pausa:

Sabiendo lo que sabes ahora sobre jerarqu√≠a visual, colores, tipograf√≠as y s√≠mbolos, ¬Ņqu√© logotipo te parece m√°s acertado para una jugueter√≠a dedicada a la venta online de juguetes no digitales?

Dale un par de vueltas que al final de este art√≠culo sobre c√≥mo dise√Īar un logotipo lo vemos de nuevo.

Paso 4: Tres opciones para crear tu logotipo

Dado que ya tienes (o deber√≠as tener) tipograf√≠as favoritas y s√≠mbolo, llega el momento de hacer tu logotipo. Te voy a explicar tres opciones para que t√ļ mismo puedas dibujar tu logotipo digitalmente.

Pero antes debes conocer qué es un archivo vectorial.

¬ŅQu√© es una imagen vectorial?

A nivel t√©cnico, una imagen vectorial se basa en f√≥rmulas matem√°ticas y no consta de p√≠xeles. Esto se traduce en una imagen que no pierde resoluci√≥n a medida que agrandas o disminuyes su tama√Īo.

Los logotipos se suelen construir en formato vectorial. Ello permite crear desde tarjetas de visita (tama√Īo peque√Īo) hasta carteles para comercios (gran tama√Īo) sin perder resoluci√≥n.

¬ŅPorqu√© tu logotipo debe estar en formato vectorial?

Es sencillo, mira lo que ocurre con un formato rasterizado o no vectorial (.png o .jpg) al agrandar o disminuir una imagen:

En cambio, mira lo que ocurre con un formato vectorial (.svg):

Además, otra razón para usarlos es que resulta mucho más sencillo modificar la forma y los colores de los archivos vectoriales.

Por si fuera poco, los archivos vectoriales se pueden exportar a cualquier formato no vectorial que desees. Así podrás usar tu logotipo en cualquier soporte digital o físico.

¬ŅC√≥mo crear un archivo vectorial?

Existen programas que permiten crear archivos vectoriales. El m√°s conocido entre los dise√Īadores profesionales es Adobe Illustrator. Es de pago pero tiene 30 d√≠as de prueba.

Si quieres una alternativa gratuita puedes probar con Inkscape, que √ļltimamente pisa m√°s fuerte.

programas para crear logotipos de forma profesional

De estos dos, yo solamente he usado Illustrator, así que no te puedo dar opinión sobre Inkscape.

Para mí, Illustrator es mi herramienta diaria de trabajo. Tiene muchas funcionalidades para trabajar con vectores, así que a mi me vale la pena pagar por él.

No obstante, si solamente vas a crear un logotipo, no te recomiendo comprar Illustrator. Seguramente no uses ni un 10% de su potencial. Lo usar√°s de forma similar al Paint, creando formas en base a lineas, cuadrados, c√≠rculos…

Si quieres jugar con Illustrator, mi consejo es que aproveches la prueba gratuita para meterle ca√Īa a tu logo y crearlo en menos de 30 d√≠as.

Eso s√≠, antes de que acabe el periodo de prueba, aseg√ļrate de exportar el logotipo en todos los formatos habidos y por haber, tanto vectoriales (.ai, .pdf, .svg, .eps) como rasterizados (.jpg, .png).

Adem√°s, saca los rasterizados en varios tama√Īos, en color, blanco, negro, con fondo transparente y con fondo opaco.

Bien, conociendo ya lo que es un archivo vectorizado, te dejo con las tres opciones que tienes para crear un logo.

#1 – Dibujarlo desde cero

Esta es la opci√≥n que escogen el 99% de los dise√Īadores profesionales.

Lo curioso es que primero se dibuja a lápiz y papel y se juega con diferentes conceptos. Sobre todo para la parte del símbolo. Una vez tenemos el favorito, lo transformamos en un archivo digital vectorizado.

Si este es tu primer logotipo, no te recomiendo crearlo dibujándolo de cero. Esta opción te consumirá mucho tiempo y seguramente el resultado que obtengas no sea bueno.

#2 – Usando una plantilla

Freepik es un lugar en el que encontrar plantillas gratuitas y de pago para crear un logo

Si crear el archivo vectorial desde 0 te resulta una tarea difícil, siempre puedes atajar usando una plantilla gratuita o de pago.

Probablemente sea la mejor alternativa para cómo hacer un logo calibrando tiempo dedicado y calidad del resultado.

Las plantillas te sirven para conseguir símbolos que serías incapaz de dibujar usando Illustrator o Inkscape. Además, puedes adaptarlos a tus colores, tipografías e incluso quitar o ponerles partes.

Muchos dise√Īadores gr√°ficos profesionales que ofrecen un dise√Īo de logotipo a un precio econ√≥mico optan por esta v√≠a. Ahorra much√≠simo tiempo y el resultado puede ser perfectamente v√°lido.

Los dos ejemplos con los que estoy trabajando en este post los he creado con plantillas gratuitas descargadas de Freepik.

Puedes hacer clic en el texto debajo de cada logo para ver la ilustración original.

Como ves, tampoco son 100% iguales al original. He cambiado textos, colores e incluso he eliminado elementos.

Todo esto lo he podido hacer con Illustrator, aunque imagino que con una herramienta similar como Inkscape no habr√° problema.

#3 – Apps para logotipos

Quiz√°s no sea la m√°s indicada para recomendarte apps para crear un logotipo. Nunca las he usado a nivel profesional.

A diferencia de la opción anterior, que te cubre el aspecto del símbolo, una app para logotipo te permite hacer un logo al completo:

  • Escoger un s√≠mbolo (suelen ser sencillos).
  • Editarlo.
  • Colocar texto.
  • Ordenador los elementos.
  • Colorear.

Conozco un par de estas apps que alguna vez he usado para crear logos de prueba y que me han resultado interesantes y f√°ciles de usar.

√Čchales un vistazo pues seguramente pueden serte (muy) √ļtiles.

Canva

Canva tiene miles de plantillas completas para hacer un buen logo

Canva es una herramienta de dise√Īo online muy popular para crear logotipos.

La conoc√≠ por primera vez en 2013 y realic√© varios cursos gratuitos que por entonces ofrec√≠an, en los que te ense√Īaban a usar la herramienta.

Adem√°s de ser muy potente a nivel de funcionalidades, la curva de aprendizaje es bastante corta. De este modo, te resultar√° perfecta si no dispones de mucho tiempo.

Aunque la plataforma es de uso gratuito, algunos recursos son de pago. Pero para mí el coste de los mismos es realmente bajo si tienes en cuenta el tiempo que te ahorras en crear un logo.

Te dejo un peque√Īo clip que he hecho para mostrarte c√≥mo crear un logotipo con Canvas en un pisp√°s para nuestra jugueter√≠a online.

Logo Maker de Squarespace

Logo Maker de Squarespace es una herramienta de creaci√≥n de logos de esta famosa plataforma para dise√Īarte una p√°gina web. Para una web no la recomiendo para nada, pero su herramienta para hacer un logo, a pesar de no ser muy conocida, est√° muy bien trabajada.

Es muy fácil de usar y la selección de fuentes y símbolos es minimalista y elegante. Con ello, te ahorras bastante trabajo a la hora de escoger tipografías.

Otra cosa que me gusta es que a medida que vas creando el logotipo vas viendo cómo queda en una web, en una camiseta y en una tarjeta de visita. Esto te ayuda a ir contrastando si tu logo es coherente con la imagen que quieres transmitir.

Te ense√Īo el proceso para que sepas c√≥mo hacer un logo con Logo Maker de Squarespace:

Se trata de que veas si tu logo funciona bien en cualquier situación. ¡Nunca se sabe qué puede pasar!

Te puede parecer un paso fácilmente saltable del proceso de cómo se hace un logo. Pero te aconsejo hacerlo porque a veces es complicado imaginarse hasta qué punto vas a tener que ponerlo a prueba.

Te doy 4 variables que debes tener en cuenta. Tu logotipo tiene que aprobar con nota todas y cada una de estas pruebas.

Escalabilidad

Un buen logotipo debe verse bien. Y esto, aunque suene muy obvio, no es tan f√°cil de conseguir como parece.

Para comprobar que tu logo pasa esta prueba, red√ļcelo a dimensiones rid√≠culas y comprueba que se sigue entendiendo perfectamente.

Vamos a ver un ejemplo:

probando escalabilidad de logo
varios tama√Īos de logotipo

Si te fijas, en el primer logotipo el nombre se lee perfectamente y se distingue bien el símbolo.

Em cambio, en el segundo segundo logo, aunque el símbolo se ve bien, el nombre no se lee con suficiente claridad. De esta forma, el segundo logotipo no resiste la escalabilidad.

Pero que un logotipo no resista la escalabilidad no quiere decir que tengas que descartarlo. Puedes hacer ajustes de tipografía y disposición para que quede bien en todas las resoluciones.

De hecho, me encuentro con que yo misma tengo que hacerlos en el 90% de los casos.

Te dejo con otra versi√≥n del primer logo tras haberlo pulido para mejorar m√°s a√ļn la legibilidad del eslogan:

Blanco y negro

Esta es la prueba en la que la gran mayoría de los logotipos pinchan. Sobretodo porque, a diferencia de la anterior, es más complicada de solventar.

En dise√Īo gr√°fico, se dice que un buen logotipo debe funcionar igual de bien en color y en negro sobre blanco. Vamos a probar los nuestros.

De nuevo, el primer logotipo resiste mucho mejor la prueba. El símbolo se sigue entendiendo perfectamente si lo ponemos totalmente negro.

El segundo en cambio, no es tan evidente qu√© representa. De hecho, da un poco de miedo, ¬Ņno? En cualquier caso, requiere trabajar los trazos interiores en blanco.

¬ŅPorqu√© es importante pasar esta prueba?

No todos los soportes pueden reproducir el color. Por eso el logotipo debe funcionar bien en un solo color.

Imagina que necesitas hacer una escultura de tu símbolo en madera, un forjado en hierro o simplemente que te quedas sin toner de color en tu impresora. No vas a poder usar colores para que se entienda bien qué simboliza tu logotipo.

Plantéate lugares donde lo vas a usar

Yo siempre intento imaginar en qué lugares va a ser usado un logotipo para decidir si es un buen candidato o no.

Por ejemplo, si tienes una empresa de costura, tu logotipo seguramente ir√° bordado en algunos elementos de merchandising. Preg√ļntate: ¬Ņes f√°cil de bordar? ¬ŅEncontrar√© f√°cilmente sus colores entre los proveedores de hilos que conozco?

Si te dedicas al dise√Īo de muebles, seguramente lo pirografiar√°s en tus productos. ¬ŅEs posible hacerlo con tu logo? ¬ŅTiene demasiados detalles que hacen que la t√©cnica resulte demasiado costosa?

Si es una app, piensa en el icono de la aplicaci√≥n junto al resto del men√ļ de apps de un m√≥vil. ¬ŅDestaca? ¬ŅSigue la normativa y est√©tica de Play Store o App Store para el dise√Īo de iconos de apps?

Plant√©ate d√≥nde lo vas a colocar y decide en base a ese criterio. Esta informaci√≥n te ser√° √ļtil para saber c√≥mo crear un logo que funcione.

Crea todas las variaciones que vayas a necesitar

Esta es la √ļltima fase del examen que tiene que pasar tu logo finalista. Pero si has pasado las 3 anteriores, esta est√° chupada.

Solamente se trata de asegurarte de que se ve bien en todas las variables que vas a crear para:

  • Fotos de perfil en redes sociales: versi√≥n que se vea bien en el recorte redondo y cuadrado.
  • Dise√Īo web: versi√≥n escritorio, versi√≥n m√≥vil y firma de email.
  • Versi√≥n monocolor para fondos oscuros (usar√°s una versi√≥n de tu logotipo en blanco).
  • Otra para fondos claros (usar√°s una versi√≥n de tu logotipo en negro).

Si al crear todas estas variaciones compruebas que tu logotipo se entiende bien en todas ellas, ¬°felicidades!

Ya tienes nueva imagen de marca y ya sabes cómo hacer un logo profesional.

Decisi√≥n final: ¬Ņcu√°l es el mejor logotipo?

Ahora que sabes todo lo que sabes… ¬ŅCual de los dos logotipos de Le Petit Jouet crees que es mejor?

Me flipan las llamas, son adorables, pero debo admitir que el logotipo del balancín tiene mejores características y me va a dar menos dolores de cabeza.

Por lo tanto me quedo con el caballito.

Paso extra: Manual de marca o de identidad

Este paso es para rizar el rizo.

Un manual de marca es un documento donde especificamos todos los elementos que caracterizan a nuestro logotipo y que nos sirven para dotar de una imagen unificada a nuestra marca.

No es que sea algo necesario, pero si tienes una imagen muy clara en mente, te puede ayudar a encarar el dise√Īo de tu documentaci√≥n corporativa, de tu web o de otras herramientas de marketing que puedas requerir.

Estos son los apartados que yo considero que todo buen manual de marca debe tener:

Presentación

En este apartado explica tu marca. Es decir:

  • A qu√© te dedicas. Una breve definici√≥n del negocio, historia y sus valores.
  • De donde viene el nombre, qu√© significa.
  • Qu√© representa el s√≠mbolo, porqu√© has decidido incorporarlo.

Construcción

En este apartado explica c√≥mo has dise√Īado el logotipo. Es decir:

  • Diferentes disposiciones que tienes y d√≥nde usar cada una.
  • Proporciones del logo.
  • √Ārea de protecci√≥n: espacio delimitado por m√°rgenes alrededor del logotipo que debe quedar libre de la intrusi√≥n de otros elementos gr√°ficos para asegurar su legibilidad..

Tipografía

Presenta tus tipografías y sus variables. Es decir, si tienen versión light, regular, negrita, etc.

Para que quede más visual y claro, pon en una frase de ejemplo para cada tipo. Tal que así:

tipografías en un manual de marca

Color

Presenta tu paleta de colores y explica porqué has escogido cada color.

Adicionalmente, debes indicar el color en varios formatos. Como mínimo en códigos Pantone (impresión) y Hex (digital). Si quieres, puedes incluir también el CMYK.

Te dejo con un ejemplo del apartado de color de un manual de marca que hice para un cliente:

ejemplo de colores en un manual de marca

Usos

Aquí establece cómo usar correctamente el logotipo. Indica que versión del logotipo usar para:

  • Fondo negro.
  • Fondo blanco.
  • Color principal.
  • Entorno fotogr√°fico claro.
  • Entorno fotogr√°fico oscuro.

Cómo hacer un logo: Reflexiones finales

Nadie dijo que dise√Īar un logo profesional fuera f√°cil, ¬Ņeh?

La verdad es que saber cómo crear un buen logotipo requiere de mucho trabajo. Son muchas las variables a tener en cuenta y requiere tiempo.

Si est√°s decidido a dise√Īar tu propio logo, y quieres uno que funcione, te sugiero que sigas todos los pasos que te he ido comentando.

¬°Estoy segura de que el resultado ser√° un logotipo que te represente y del que te sentir√°s orgulloso!

Tu turno, querido lector: ¬ŅHas aprendido c√≥mo hacer un buen logo? ¬ŅTe sientes m√°s capaz de ello? ¬ŅTienes alguna duda?

¬°Hola! Soy quien ha escrito este post con cari√Īo

Carolina López
Carolina López
Me encanta asociar la publicidad y el dise√Īo web: creo webs que atraen a los usuarios y que son capaces de vender una estufa en el desierto. Todo ello sin olvidar una est√©tica cuidada, c√°lida y bastante personal.

Deja un comentario

Informaci√≥n b√°sica sobre protecci√≥n de datos: REPONSABLE: Artilet Digital, S.L. (SrMomo). FINALIDAD: Gestionar la solicitud que realizas en este formulario de contacto. LEGITIMACI√ďN: Consentimiento del interesado. DESTINATARIOS: No se ceder√°n a terceros salvo obligaci√≥n legal. DERECHOS: Puedes ejercitar en cualquier momento tus derechos de acceso, rectificaci√≥n, supresi√≥n, oposici√≥n y dem√°s derechos legalmente establecidos a trav√©s del siguiente e-mail: infoARROBAsrmomo.com. INFORMACI√ďN ADICIONAL: Puedes consultar la informaci√≥n adicional y detallada sobre protecci√≥n de datos en los enlaces en el pi√© de p√°gina.

√önete a SrMomo

y mejora tu WordPress

  • Recibe caliente cada nueva entrada de blog directamente en tu bandeja de entrada.
  • Descubre nuestro curso gratuito "Los 6 primeros pasos para que triunfes con tu web".
  • Aprovecha promociones, descuentos, novedades, etc.

Informaci√≥n b√°sica sobre protecci√≥n de datos: REPONSABLE: Artilet Digital, S.L. (SrMomo). FINALIDAD: Gestionar la solicitud que realizas en este formulario de contacto. LEGITIMACI√ďN: Consentimiento del interesado. DESTINATARIOS: No se ceder√°n a terceros salvo obligaci√≥n legal. DERECHOS: Puedes ejercitar en cualquier momento tus derechos de acceso, rectificaci√≥n, supresi√≥n, oposici√≥n y dem√°s derechos legalmente establecidos a trav√©s del siguiente e-mail: infoARROBAsrmomo.com. INFORMACI√ďN ADICIONAL: Puedes consultar la informaci√≥n adicional y detallada sobre protecci√≥n de datos en los enlaces en el pi√© de p√°gina.

√önete a SrMomo

y mejora tu WordPress

  • Recibe caliente cada nueva entrada de blog directamente en tu bandeja de entrada.
  • Descubre nuestro curso gratuito "Los 6 primeros pasos para que triunfes con tu web".
  • Aprovecha promociones, descuentos, novedades, etc.

Informaci√≥n b√°sica sobre protecci√≥n de datos: REPONSABLE: Artilet Digital, S.L. (SrMomo). FINALIDAD: Gestionar la solicitud que realizas en este formulario de contacto. LEGITIMACI√ďN: Consentimiento del interesado. DESTINATARIOS: No se ceder√°n a terceros salvo obligaci√≥n legal. DERECHOS: Puedes ejercitar en cualquier momento tus derechos de acceso, rectificaci√≥n, supresi√≥n, oposici√≥n y dem√°s derechos legalmente establecidos a trav√©s del siguiente e-mail: infoARROBAsrmomo.com. INFORMACI√ďN ADICIONAL: Puedes consultar la informaci√≥n adicional y detallada sobre protecci√≥n de datos en los enlaces en el pi√© de p√°gina.