Qué debe tener un logotipo

Created
Jul 14, 2020 2:59 PM

¿Qué empresa no tiene una imagen icónica, resumida que exprese sus valores o resuma su marca? Correcto: ninguna seria. Trataremos en este post qué debe tener un logotipo, que a veces éste puede ser la tipográfica o el propio nombre de la marca: ejemplo de Coca Cola. Por tanto si no tienes aún logotipo, no sé a qué estás esperando para tenerlo. Em este post te indicaré qué debe tener un logotipo a la hora de contratarlo para que no tengas que volver a hacerlo dos meses después.

Qué debe tener un logotipo para que sea considerado como “correcto”

Que sea un todo

Integración entre la imagen –isotipo– y el nombre de la marca –la tipografía–. La mayoría de logotipos tienen dos elementos: la imagen y las letras. Técnicamente se llaman isotipo a la parte más destacable del logotipo. Hay veces que las letras coinciden con la imagen, como Cocacola, Yahoo, Google... Hay veces que sólo se usa un elemento de las letras cuando se requiere una representación gráfica simple o la palabra entera: como ejemplo pongo a Mcdonalds. Lo que quiere decir eso es que ambos elementos deben tener una relación. Al estar juntos deben formar un todo, que peguen y vayan de la mano. Esto se consigue básicamente usando las leyes de la Gestalt. [gallery size="medium" link="none" ids="eyJ1cmwiOiJodHRwczpcL1wvZmxhYmVybmFyZGV6LmNvbVwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAxNlwvMDdcL3F1ZV9kZWJlX3RlbmVyX3VuX2xvZ290aXBvX21hc3RlcmNhcmRfY29tcGxldGEuanBnIiwidGl0bGUiOiJRdWUgZGViZSB0ZW5lciB1biBsb2dvdGlwbyBtYXN0ZXJjYXJkIGNvbXBsZXRhIiwiY2FwdGlvbiI6IlZlcnNpXHUwMGYzbiBjb21wbGV0YSIsImFsdCI6IlF1ZSBkZWJlIHRlbmVyIHVuIGxvZ290aXBvIG1hc3RlcmNhcmQgY29tcGxldGEiLCJkZXNjcmlwdGlvbiI6IiJ9,eyJ1cmwiOiJodHRwczpcL1wvZmxhYmVybmFyZGV6LmNvbVwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAxNlwvMDdcL3F1ZV9kZWJlX3RlbmVyX3VuX2xvZ290aXBvX21hc3RlcmNhcmRfaW5saW5lLmpwZyIsInRpdGxlIjoiUXVlIGRlYmUgdGVuZXIgdW4gbG9nb3RpcG8gbWFzdGVyY2FyZCBpbmxpbmUiLCJjYXB0aW9uIjoiVmVyc2lcdTAwZjNuIGlubGluZSIsImFsdCI6IlF1ZSBkZWJlIHRlbmVyIHVuIGxvZ290aXBvIG1hc3RlcmNhcmQgaW5saW5lIiwiZGVzY3JpcHRpb24iOiIifQ==,eyJ1cmwiOiJodHRwczpcL1wvZmxhYmVybmFyZGV6LmNvbVwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAxNlwvMDdcL3F1ZV9kZWJlX3RlbmVyX3VuX2xvZ290aXBvX21hc3RlcmNhcmRfaXNvdGlwby5qcGciLCJ0aXRsZSI6IlF1ZSBkZWJlIHRlbmVyIHVuIGxvZ290aXBvIG1hc3RlcmNhcmQgaXNvdGlwbyIsImNhcHRpb24iOiJJc290aXBvIiwiYWx0IjoiUXVlIGRlYmUgdGVuZXIgdW4gbG9nb3RpcG8gbWFzdGVyY2FyZCBpc290aXBvIiwiZGVzY3JpcHRpb24iOiIifQ=="]

Que también funcionen por separado

Hay veces que sólo usaremos la imagen del logotipo, como por ejemplo en un avatar ya sea en facebook, twitter etc. Y a veces que será al contrario. Por tanto nos debemos asegurar que ambos elementos por separado también funcionen. [gallery columns="2" size="medium" link="none" ids="eyJ1cmwiOiJodHRwczpcL1wvZmxhYmVybmFyZGV6LmNvbVwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAxNlwvMDdcL3F1ZV9kZWJlX3RlbmVyX3VuX2xvZ290aXBvX2V1cm9zcG9ydF9jb21wbGV0by5qcGciLCJ0aXRsZSI6IlF1ZSBkZWJlIHRlbmVyIHVuIGxvZ290aXBvIGV1cm9zcG9ydCBjb21wbGV0byIsImNhcHRpb24iOiJDb21wbGV0byIsImFsdCI6IlF1ZSBkZWJlIHRlbmVyIHVuIGxvZ290aXBvIGV1cm9zcG9ydCBjb21wbGV0byIsImRlc2NyaXB0aW9uIjoiIn0=,eyJ1cmwiOiJodHRwczpcL1wvZmxhYmVybmFyZGV6LmNvbVwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAxNlwvMDdcL3F1ZV9kZWJlX3RlbmVyX3VuX2xvZ290aXBvX2V1cm9zcG9ydF9pc290aXBvLmpwZyIsInRpdGxlIjoiUXVlIGRlYmUgdGVuZXIgdW4gbG9nb3RpcG8gZXVyb3Nwb3J0IGlzb3RpcG8iLCJjYXB0aW9uIjoiSXNvdGlwbyBzb2xvIiwiYWx0IjoiUXVlIGRlYmUgdGVuZXIgdW4gbG9nb3RpcG8gZXVyb3Nwb3J0IGlzb3RpcG8iLCJkZXNjcmlwdGlvbiI6IiJ9"]

Que se vea bien con todos los fondos

Tenemos que comprobar que el logo se distinga y se aprecie bien con fondo blanco, negro, color neutro –por ejemplo un marrón clarito–, color claro –amarillo–, color oscuro –azul, verde–. Lo que se estudia aquí es el contraste, y por tanto tenemos que asegurarnos que el contraste entre el color frontal y el de fondo sea adecuado. Hay varias herramientas de análisis de color que nos indican un valor de contraste entre el color de fondo –background– y el color frontal –foreground–. Para conseguirlo, debemos cambiar a veces la propia fisonomía del logotipo, añadiendo o quitando elementos. [gallery columns="2" size="medium" link="none" ids="eyJ1cmwiOiJodHRwczpcL1wvZmxhYmVybmFyZGV6LmNvbVwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAxNlwvMDdcL3F1ZV9kZWJlX3RlbmVyX3VuX2xvZ290aXBvX3NuYXBraXRjaGVuX2RlZmF1bHQuanBnIiwidGl0bGUiOiJRdWUgZGViZSB0ZW5lciB1biBsb2dvdGlwbyBzbmFwa2l0Y2hlbiBkZWZhdWx0IiwiY2FwdGlvbiI6IkxvZ290aXBvIG9yaWdpbmFsIGZvbmRvIGJsYW5jbyIsImFsdCI6IlF1ZSBkZWJlIHRlbmVyIHVuIGxvZ290aXBvIHNuYXBraXRjaGVuIGRlZmF1bHQiLCJkZXNjcmlwdGlvbiI6IiJ9,eyJ1cmwiOiJodHRwczpcL1wvZmxhYmVybmFyZGV6LmNvbVwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAxNlwvMDdcL3F1ZV9kZWJlX3RlbmVyX3VuX2xvZ290aXBvX3NuYXBraXRjaGVuX3ZhcmlhY2lvbmVzLmpwZyIsInRpdGxlIjoiUXVlIGRlYmUgdGVuZXIgdW4gbG9nb3RpcG8gc25hcGtpdGNoZW4gdmFyaWFjaW9uZXMiLCJjYXB0aW9uIjoiVmFyaWFudGVzIHBvciBjb2xvcmVzIiwiYWx0IjoiUXVlIGRlYmUgdGVuZXIgdW4gbG9nb3RpcG8gc25hcGtpdGNoZW4gdmFyaWFjaW9uZXMiLCJkZXNjcmlwdGlvbiI6IiJ9"]

Que se vea bien a todos los tamaños

Esto es básico. A veces el formato donde tenemos que imprimir el logo es muy pequeño –caso de una tarjeta de visita, o de una hoja con un sello pequeño– o las condiciones de visibilidad son ínfimas –marca de agua–. Esta versión del logo debe ser súper sencilla, elemental, no puede tener ruido, ni elementos de más, normalmente impreso a una tinta –un solo color plano– y debe diferenciarse bien sus dos elementos –o bueno, solo el logo o las letras, como dijimos anteriormente–. [caption id="attachment_1251" align="aligncenter" width="1074"]

image

Variaciones de tamaño del logotipo de windows conservando el mismo tamaño de anchura de la cruz, haciéndola visible siempre.[/caption]

Que tenga varias variaciones y formatos

Vertical y horizontal mínimo. La horizontal llamada inline es la versión que se usa cuando tienes una altura limitada para colocar el logotipo. Se usa muchísimo en web, dado que se está convirtiendo en convención usar la barra superior de navegación fija con el logotipo inline arriba a la izquierda. [caption id="attachment_1246" align="aligncenter" width="1074"]

image

La barra responsive del sitio web de codeacademy. Su logo se adapta a la anchura, ofreciendo una versión diferente.[/caption]

Conclusión

Son varias cosas ¿verdad? ¿Lo has tenido en cuenta cuando pediste a un diseñador/a presupuesto para un logotipo? Ahora toca el análisis: si ya tienes tu logo, ¿cumplen todos estos requisitos? Si la respuesta es sí, enhorabuena: tienes un buen logo. Si es no, a corregirlo. Consulta mi servicio específico de diseño de logotipos donde podrás ver tanto lo que ofrezco, el precio mínimo así como algunos de los trabajos que ya he hecho anteriormente. Logotipízate :D.

Todos los ejemplos son del estudio de diseño internacional Pentagram.