Diseño

Diferencias entre logotipo, imagotipo, isotipo e isologo

Lo que todos decimos

Todos decimos logotipo cuando queremos referirnos a la representación visual de una marca. Incluso diría que todos nos referimos a esa representación gráfica acortando: logo. Pero el significado real de logotipo muchas veces no coincide con el elemento al que nos referimos. Y hay otras palabras como imagotipo, isotipo e isologo que definen mejor las diferentes tipologías que existen para la representación visual de una marca. Veamos:

Logotipo

Logotipo es la representación gráfica de una marca que se compone sólo de letras o tipografía. Es decir, que la manzana de Apple no es un logotipo propiamente dicho… Logotipos serían los diseños para Canon, Microsoft o Kodak, por ejemplo.

logotipo canon
microsoft
kodak

Y no sólo tienen que ser palabras, también pueden ser siglas, firmas… Para mí la clave está en que, según el idioma en el que esté escrito, todos los elementos del logotipo se pueden leer. Un ejemplo lo tenemos con Walt Disney, 3M o CNN.

waltdisney
3m
CNN

Imagotipo

Aquí empezamos con las complicaciones. Imagotipo se dice cuando en la representación visual de una marca existe un elemento pictográfico junto al texto que puede ser abstracto o no. Entonces nos encontramos con un elemento que podemos leer y otro que no. En este caso, la manzana de Apple tampoco encajaría. Serían imagotipos kyocera, WWF, LG y Jaguar:

kyocera
wwf_lg
jaguar

Isotipo

apple-woolmark
nike-shell

Es la representación de una marca cuando se compone sólo de una imagen. No hay tipografía, no lo puedes leer aunque sí puedas entender qué representa el diseño. Aquí sí que entraría la manzana de Apple, que reconocemos que es una manzana. Pero también entraría el swoosh de Nike, que no hay dios que entienda qué representa. En definitiva, que valen las representaciones figurativas y las abstractas. Como ejemplo: Apple, Woolmark, Nike y Shell.

“Hay otras palabras como imagotipo, isotipo e isologo que definen mejor las diferentes tipologías que existen para la representación visual de una marca”

Isologo

Y, finalmente, el isologo es la representación visual de una marca que unifica imagen y tipografía en un mismo elemento. Por supuesto: se puede leer. Como ejemplos clarificadores tendríamos a Burguer King, Nissan, Intel, UPS, Starbucks y Texaco.

burguerking-nissan
intel-ups

Como podemos ver, hay miga. Podríamos seguir con este tema si empezamos a hablar de anagrama, monograma, pictograma, etc. Pero creo que eso lo dejamos ya para otra entrada. Con lo que nos quedamos es que, aunque hay varias maneras de definir de manera exacta lo que es la representación visual de una marca, seguiremos definiendo a todas ellas como logotipos. ¿Es más fácil no?

la jerarquía visual en la publicidad

Los principales elementos del diseño gráfico son la comunicación y la composición visual. Cuando hablamos de componentes visuales tocamos su jerarquización, es imprescindible definir la jerarquía visual que tiene como relación al peso visual, es decir; el valor y la ubicación de los elementos  que componen la imagen, permitiendo atraer al espectador como medio de atención. 

Cuando ponemos un elemento en una base le damos cierto orden de importancia; la cual depende del peso que le demos a este elemento. de acuerdo con el orden de importancia que le demos, estamos creando una jerarquía visual. 

La jerarquía visual se compone por: 

  • Tamaño:  es el elemento principal, según el tamaño es su importancia, entre mas grande el objeto más importancia tiene.

 Los elementos de una composición tienen que tener distintos tamaños, por que si no se nos vuelve monótono y para el usuario es complicado detectar cual es lo más importante.  

  • Asimetría y simetría: cuando hablamos de simetría, nos referimos a que los dos lados de la imagen se mantenga con el mismo equilibrio o peso. En cambio cuando hablamos de asimetría es todo lo contrario. 
  • Contraste:  es un buen elemento de jerarquización, ya que cuando aplicamos tonos  que generan contraste el impacto es más grande. Los contrastes en el color es una base fundamental para llamar la atención.
  •  Color:  es la herramienta más poderosa para llamar la atención, ya que es la base fundamental con la que defines la personalidad y el estilo de tu pieza gráfica, teniendo en cuenta tu público objetivo.
  • Proximidad: la proximidad se emplea cuando acercamos o alejamos un elemento a otro, es la que nos define como sub-jerarquía aquellos elementos similares que se componen como grupo, de igual forma nos permite darle aire a la composición. 
  •  Alineamiento:  genera interés y orden en la imagen.
  • Repetición: le permite al usuario identificar y reconocer los elementos similares, de igual forma es un arma de doble filo, ya que es esencial saber cómo generar un interés en esa repetición de lo contrario se verá aburrido.  

Imagen encontrada en https://inspired360g.com/lista-de-tendencias-de-diseno-grafico-para-el-2019/

Las mejores tipografías para tu diseño gráfico

Las 10 mejores tipografías para tus diseños

Ahí está, ¡ya tienes la idea para tu diseño! La imagen central, el eslogan y los contenidos que quieres que aparezcan. Es hora de ponerse manos a la obra. Te sientas frente a la pantalla e introduces todos los elementos pero, viene el punto crucial: ¿qué tipografía vas a utilizar?

En todo diseño el momento en el que se decide la tipografía es fundamental ya que puede ayudarte a potenciar tu diseño y convertirlo en un reclamo increíble o parecer uno más del montón. La tipografía es tan importante como la imagen e incluso, a veces, convierte una imagen sencilla en un comunicado con fuerza, puesta que es capaz de transmitir: moda, seguridad, profesionalidad y humanidad.

Los diseñadores tendemos, en éste momento decisivo, a seleccionar tipografías de nuestro ordenador con las que solemos trabajar y nos gustan personalmente, pero ahí podemos acabar haciendo diseños clonados a anteriores, y poco originales. Otra tendencia es intentar buscar la ideal descargando 50 tipografías diferentes (de pago y gratuitas) que consigan ese propósito, llegando a estar horas buscando y haciendo pruebas con todas. Te ayudamos a encontrar rápidamente lo que necesitas, con una selección propia de las 10 mejores tipografías para tu diseño gráfico.

Las mejores tipografías para tu diseño gráfico

  1. Hagin –  Con serifa, creada con formas geométricas firmes que recuerda a años universitarios pasados, diseñado por Miroslav Bekyarov para Fontfabric.
  2. Idaho – Sigue un estilo retro con remates suavizados, con un acabado elegante, ideal para titulares con impacto y cinematógrafos,  diseñado por Conrad Garner.
  3. Lavanderia – Tipografía retro que te transporta a un diseño de detalle y amable, creada por James T. Edmondson.
  4. Nexa – Sin serifa, con versiones de grosor, aporta seriedad y actualidad a cualquier diseño.
  5. Reis – De mano azada, estas pinceladas rotundas aportan humanidad, rigor y fuerza a tus diseños. creada por Marcelo Reis.
  6. Sun – Ideal para titulares y slogans, esta tipografía de mano alzada o Handwriting ha sido creada por RITCreative – Gatis Vilaks y Krišjānis Mežulis.
  7. Arvo – Retro de serifa romana, equilibriada, aporta suavidad con rotundez en sus acabados. Creada por Anton Koovit.
  8. Anders – Sin serifa que recuerda a los años 30, es un experimento muy elegante de Tom Anders Watkins
  9. Dense – Tipografía sin serifa, geométrica y alta transmite confianza, actual y seria. Creada por Charles Daoud
  10. Too Tight – Divertida Handwriting, que aporta frescura y juventud a diseños que buscan proximidad. Creada por Vanessa Bays

Criterios básicos para la utilización de tipografías 

¡Pero cuidado!, esta selección es buena si utilizas las tipografías con unos criterios básicos, que te ayudarán a la buena utilización de éstas, y por lo tanto, a ganar impacto y buena lectura en tus diseños.

Familia tipográfica

En tus diseños utiliza diferentes versiones de la familia tipográfica (regular, negrita, cursivas, versiones think), para crear diferentes niveles de importancia y jerarquía visual, manteniendo el estilo.

Combina la tipografía sin serifa con serifa

Utilización de diferentes tipografías en un mismo diseño, como máximo 2 o 3,  garantiza que los mensajes con tipografía con serifa llamen más la atención, si el resto está sin serifa, garantizando un resultado elegante y personal. La combinación de tipografías que simulan mano alzada y sin serifa también tienen un éxito garantizado.

Tamaños

Es importante que los elementos más destacados estén en un tamaño considerablemente mayor que el resto, para marcar el mensaje principal y para que la tipografía tome protagonismo, siendo un elemento atractivo y diferenciador.

Colores

Siempre se ha de garantizar una buena lectura de los textos, de forma que resalten del fondo con un color que les permita buena lectura. Es un buen criterio utilizar la regla de fondo claro utilizar texto oscuro o negro, y a la inversa, en fondo oscuro o color saturado utilizar texto claro o blanco. Evitando los complementarios por efecto de vibración. Tampoco rellenar los textos con líneas finas para evitar efecto moire.

Crear líneas o perfiles a las letras 

A veces para destacar en el fondo se recurre a utilizar líneas o perfiles que rodean la letra, hay que evitar esta opción en tipografías de versión thin o de asta de letra fina porque dificulta su lectura. Se recomienda utilizar versiones de la familia tipográfica con ésta opción, o solo utilizarlo en tipografías de asta gruesa o versión bold, con un perfil de línea no muy grueso. Otra opción para destacar la tipografía del fondo es utilizar el efecto de sombreado o resplandor que podemos encontrar en los programas de diseño de Adobe, pero utilizándolo solo en fotografías de asta normal o gruesa y en tamaños relativamente grande, a partir de 18pts, con una sombra muy sutil, que casi no se perciba y o alejada de la tipografía.

Logotipos

Para crear logotipos que destaquen frente a la competencia se puede utilizar una tipografía creada y darle una vuelta, incluir un elemento entre las letras o modificar sus contornos vectorizando la tipografía, se puede hacer desde Adobe Illustrator o Adobe Indesign por medio de “Crear contornos”.

Seguro que te faltan segundos para probar estas fotografías tan increíbles, ¿no? ¿Cuál te ha enamorado más? ¡Atrévete a enviarnos tus pruebas y presume de diseño!

Scroll al inicio