Hoy (21 julio 2009) cambiamos el logo de Toprural. Inspirándome en la serie “10 consejos…” de Jesús Encinar, te propongo 10 consejos para elegir un logo para tu página web.
Antes: 
> Ahora: 
- El logo no transmite valores
Muchas veces se pide al diseñador que el logo transmita los valores de la empresa (ej. en nuestro caso “participación”, “transparencia”, “sencillez”). Creo que es un error buscar que un logo transmita valores: sólo se trata de una imagen. Lo importante es que el equipo esté a gusto con el logo, que sientas que cuadre con lo que somos, pero que transmita valores me parece mucho pedir. Probablemente complicará el logo y lo hará menos eficaz. - Legibilidad y sencillez
Para mi lo más importante es la legibilidad. Aléjate unos metros de tu pantalla y mira si el logo que piensas usar sigue siendo legible. Para conseguirlo nada como tener un logo sencillo, con pocos colores y buen contraste entre imagen y fondo. La sencillez también te ayuda a que el protagonista sea tu nombre. Los adornos o la complejidad gráfica restan protagonismo al nombre sin aportar un beneficio claro. - Peso pluma (¿menos de 2 KB?)
Intenta que la versión web de tu logo cargue como un tiro: recomendaría que no pese más de 2 KB. No hagas como Google que insiste en la importancia de la velocidad de la web pero tiene un logo de 7KB. - Pregnancia visual
Es una palabra que aprendí en esta ocasión: tal como lo define la RAE se trata de la cualidad de las formas visuales que captan la atención del observador por la simplicidad, equilibrio o estabilidad de su estructura. - Mayúscula al inicio de tu nombre, en el logo también
Cuando un usuario escribe sobre tu sitio web te interesa que lo haga con mayúscula. No sólo es lo correcto (los nombres propios se escriben con mayúscula) pero además te conviene (los nombres con mayúscula destacan más en un texto). Curiosamente muchas webs no incluyen la mayúscula al inicio de su logo pero si escriben su nombre con Mayúscula cuando lo citan en un texto (ej. Flickr, Facebook y Twitter tienen logo con minúscula pero escriben su nombre con mayúscula). Creo que es un error: mejor tener el logo coherente con el nombre: con Mayúscula.
- Sin mayúsculas dentro de tu nombre / logo
Si incluyes mayúsculas dentro de tu nombre (ej. TopRural como lo teníamos antes) fomentas que los usuarios lean tu nombre como si fueran 2 palabras, y lo escriban o busquen en 2 palabras (ej. buscan más “top rural” que “toprural”). Si queremos que nos busquen o nombren con 1 palabra es mejor no incluir mayúsculas dentro del nombre y del logo.
- Favicon
El Favicon es casi tan importante como el logo. Cuida elegir uno fácilmente reconocible (ej.para Facebook,
para Twitter,
para idealista,
para Loogic,
para Techcrunch,
para Toprural). Como ves las webs hiper-populares suelen elegir un favicon con 1 sóla letra (apostan que conseguirán asociar esta letra con su nombre) mientras las demás webs solemos usar 2 letras. También hay casos de lucha por una misma letra como por ejemplo
y
.
- No completar el nombre con una imagen
Muchas veces se incluye un pictograma en el logo (ej. el colibride Trabber y se usa esta imagen como favicon). Creo que salvo si tienes una imagen que se asocia muy claramente con tu servicio es mejor no incluir imágenes en el logo, ni usarlas para el favicon.
- Proceso iterativo
Es importante que quien vaya a diseñar el logo se siente contigo en varias ocasiones para entender qué es lo que quieres y para comentar y descartar las propuestas que te va haciendo. Si se sienta contigo y entiende por qué descartas un diseño le será más fácil hacer propuestas que te gusten cada vez más. - Proceso participativo
Creo que también es importante proponer el logo elegido (o unas pocas alternativas) a la gente que trabaja contigo. El objetivo es que tu equipo esté a gusto con el nuevo logo, que sientan que el logo les representa. A cambio no preguntaría a los usuarios de tu web (el logo es tuyo, es tu imagen). En todo caso recuerda que quien tiene que estar a gusto con el nuevo logo eres tú / tu equipo, no el diseñador (nos lo recomendó un buen diseñador ;).
Gracias a mi amigo Oyer y a Alberto Corazón por el diseño del nuevo logo de Toprural, y a Rafa y Joseba (COO y DirCom de Toprural) por haberlo trabajado con ellos.
Posts relacionados:
- Toprural cambia de logo (blog Toprural, 21/jul/09)
- Criterios para crear un logotipo (Maestrosdelweb, 1/jun/06)
- 10 consejos para diseñar logos (Sosologodesign.com)
- Evolución de un logo (alejandrosuarez.es, 30/jul/09)
- Cómo hacer un logo (oyercorazon.com, 7/ago/09)
Etiquetas: 10 consejos, Diseño, Logo, Usabilidad
Julio 21, 2009 en 10:16 am |
1,2,3,4,7,8 – > Irrefutable.
5, 6 – > Me has hecho pensar. Buenos puntos, que por escrito, parecen lógicos, aunque en algún momento me los he saltado a la torera.
10 -> de acuerdo, pero el proceso debe estar bien definido, para no marear la perdiz
8 -> Un pictograma es una buena herramienta. Me gusta la de Flickr en el favicon. Un buen logo mejora si es capaz de integrar un pictograma. Una gran marca, TIENE que tener un pictograma representativo (pero para el 99,9% de las empresas, hacer ese pictograma reconocible está fuera de su alcance).
Julio 21, 2009 en 11:12 am |
¡Gracias Fernando! También me has hecho pensar. Coincido contigo que tener un pictograma bien identificado tiene mucho valor (ej. Flickr, Nike, Pájaro de Twitter, etc.) y que está fuera de alcance del 99,9% de las empresas.
Sin embargo no creo que sea una obligación para las grandes marcas tener su pictograma (Facebook y Google no lo tienen: su resumen visual es su inicial: f o g).
Julio 21, 2009 en 12:20 pm |
Estoy de acuerdo con todos los puntos menos 1,5 y 8, ya que esas reglas no están escritas y es a criterio del diseñador / gerente / equipo. Lo veo demasiado sencillo el logo. Se sabe lo que es porque lo dice el nombre, porque si no, no se sabría de que es y a que se dedica.
No habéis creado ningún logo que le hubiera dado más gracia al logotipo.
Bueno, pero por gustos hay de todo….
Julio 22, 2009 en 7:38 am |
Solo una sugerencia: creo que así puede quedar un poco confuso el nombre del portal “top rural” y parecer sólo una palabra “to-pru-ral”. Podría ponerse, por ejemplo, la palabra “rural” en el mismo verde pero unos tonos más claros para dejar claro que son 2 palabras y no una. No se si me explico bien… ;-)
Julio 22, 2009 en 7:40 am |
Por cierto, enhorabuena por el nuevo portal. Está quedando muy bien.
Julio 22, 2009 en 7:48 am |
@David Gracias por tu comentario. Me parece interesante qué puntos generan + o – consenso. Por cierto, me ha hecho gracia que digas que estas reglas (1, 5, 8) no están escritas ;) Ahora sí lo son (aquí en el post) pero realmente no son reglas, si no mis consejos.
@Mariam Sin diferenciar “Top” de “rural” ni con mayúscula ni color ahora efectivamente corremos el riesgo que lo lean como to-pru-ral y no top-rural. Lo hemos mirado y los grafistas nos han hecho muchas propuestas para diferenciar Top y Rural de alguna manera pero hemos preferido ante todo insistir en que nuestro nombre se escribe en una sóla palabra.
Julio 22, 2009 en 11:46 am |
[...] podréis leer todo lo que nos comenta François y así poder comentar entre todos qué os parece lo que plantea, [...]
Julio 22, 2009 en 12:45 pm |
Yo estoy completamente de acuerdo en que ahora es muy confuso la lectura de vuestro logo quien no conozca vuestra marca anteriormente lo va a pronunciar to-pru-ral sobretodo teniendo en cuenta que el publico mayoritario es español no extranjero, y en españa se pronuncia asi esa palabra.
Por otro lado pones en el favicon Tr iniciales de palabras que no quereis separar, yo lo veo contradictorio ya que aqui las separais.
Si bien es cierto que el logo es mas sencillo ahora creo sinceramente que no habeis acertado en la tipografia, y ademas veo muy poco integrado el logo con la web, no digo que el anterior sea mejor pero desde luego el nuevo no mejora mucho el anterior.
Julio 23, 2009 en 10:35 am |
@Anibal gracias por tu feed-back
Julio 25, 2009 en 11:34 am |
Hola.
Veo que mi comentario, fue borrado, sinceramente no entiendo por qué, en ningún momento quise ofender a nadie, simplemente dar mi opinión.
No es un logo, simplemente son letras, y el antiguo, personalmente, me gustaba más.
Espero, que no se borre de nuevo mi comentario o la credibilidad de toprural pasará a ser nula para mi.
Saludos.
Julio 25, 2009 en 3:46 pm |
@usuario
No he borrado ningún comentario. Aquí las opiniones son bienvenidas.
Julio 25, 2009 en 3:56 pm |
Diferenciar las palabras de un logo con colores o utilizando mayúsculas es una buena forma de favorecer la legibilidad, sobretodo si puede dar lugar a confusión (como dice miriam) o si es nombre es muy largo.
Por ejemplo, en Mundijuegos utilicé ambos trucos debido a esto último
Otro ejemplo es el de Clickandbuy:
http://www.clickandbuy.com/
Julio 30, 2009 en 8:40 am |
Holatodos,
soy el diseñador del nuevo logo de Toprural y quería felicitar a Frans por su iniciativa. También me ha hecho pensar el ver los consejos que dás, tanto que acabo de grabar cuatro “columnas” para Radio5 en las que voy opinando sobre diferentes puntos. Se irán emitiendo en agosto y mientras no se emitan no las puedo publicar, pero en sept las podrás ver en mi blog y espero que todavía mantengan esta discusión viva.
Por cierto, comentando sobre los comentarios: es cierto que un buen nombre facilita la tarea, Toprural como nombre necesita poco más para ser sonoro y atractivo, por lo que nuestro trabajo ha sido más “eliminar cosas que no eran tan útiles”. Y por supuesto, hay muchas formas de hacer bien un logo; yo creo que ésta es una de ellas, pero nada de esto anula otras opiniones diferrentes: en la variedad está el gusto!!
Julio 30, 2009 en 3:47 pm |
he trabajado mucho como diseñador en Nexst y he hecho bastantes logos, y lo aquí leído no me parece definitivo.
Más me parece una “justificación de compra”, que es un término de psicología en publicidad para definir el pensamiento que trata de argumentar una compra a posteriori para hacernos sentir mejor.
De todas formas el logo está bien y habrá sido pensado, pero decir que no le tiene que gustar al diseñador sino a uno mismo suele producir Identidades Corporativas peores de lo posible.
Julio 31, 2009 en 6:23 am |
[...] El tema de escoger un buen logo es bastante complejo. No hay una formula magistral y si es dificil poder encontrar un punto justo. Sobre logos me gustaría sugerir la lectura de un post de hace unos dias de François Derbaix [...]
Julio 31, 2009 en 8:06 pm |
Personalmente no me convence, aunque viendolo en el contexto del site me gusta como encaja. La unica pega es que casi no se diferencia con el h1 (Turismo rural, casas rurales) yo lo diferenciria un poco más.
Te dejo un post que escribí en mi blog donde referencio un artículo que habla sobre la transmisión de culidades de marca en el logotipo. el post es http://xerbn.wordpress.com/2009/05/27/cuando-los-logos-hablan/
Excelente el blog!
Saludos
Agosto 6, 2009 en 12:23 pm |
@juani Completamente de acuerdo, el logo no esta tan mal, lo que esta mal es la integración con la pagina, existe demasiada competencia entre el h1 y el logo, deberían cambiar el color o el tamaño de ese h1…
Agosto 7, 2009 en 11:45 pm |
[...] para Toprural y de las reflexiones de Francois Derbaix (CEO de Toprural y amigo mio) en su blog http://francoisderbaix.com/2009/07/21/10-consejos-crear-logo/ sobre “10 Consejos para crear u logotipo” Logotipo realizado por Alberto Corazón y [...]
Agosto 14, 2009 en 4:41 pm |
[...] Agosto 14, 2009 · Dejar un comentario Esta columna nace del trabajo realizado para Toprural y de las reflexiones de Francois Derbaix (CEO de Toprural y amigo mio) en su blog sobre “10 Consejos para crear un logotipo” [...]
Agosto 20, 2009 en 2:01 pm |
“Así pues: el logotipo no transmite valores”
El logo no transmite valores??????????
No entiendo nada… si el logo y su desarrollo no transmite valores… que lo hace?? el como se hacen las cosas? desde luego que tambien, pero la imagen es un facilitador… o no??
Como admirador del trabajo del equipo de CORAZON, en este caso me chirria todo… como observador externo, este logo a mi no me funciona. Y en una encuesta que he hecho a mi alrededor, en un 90% (10 consultas, y el 10% restante no sabe no contesta).
No entiendo.
Agosto 20, 2009 en 2:19 pm |
@Josetxo Gracias por tu comentario, es interesante.
Te devuelvo unas preguntas: ¿qué valores transmite tu logo? He entrado en tu web y veo un logo, una imagen, pero no sabría decirte qué valores transmite. Mi opinión es sencilla: el logo no transmite valores, lo que se haca y cómo se hace sí transmiten valores.
por otra parte ¿por qué no te funciona este logo? nuestros usuarios no nos han dicho nada, ni fu ni fua como se dice. Creo que en el fondo no les importa. A cambio nuestros nuevos usuarios probablemente leerén nuestro nombre más fácilmente que antes (el nuevo logo es más legible). En cuanto a la encuesta, ¿se puede hacer una encuesta sobre un logo? ¿Los usuarios pasean por las calles preguntándose si un logo funciona o no? Personalmente creo que en este caso las encuestas de poco sirven.
En todo caso gracias por el comentario, aprecio el debate, y también las críticas. También me alegro que de cierto modo no te hayamos dejado indiferente ;)
Agosto 21, 2009 en 4:57 pm |
[...] Agosto 21, 2009 · Dejar un comentario Esta columna nace del trabajo realizado para Toprural y de las reflexiones de Francois Derbaix (CEO de Toprural y amigo mio) en su blog sobre “10 Consejos para crear un logotipo” [...]
Agosto 29, 2009 en 1:29 am |
[...] Agosto 29, 2009 · Dejar un comentario Esta columna nace del trabajo realizado para Toprural y de las reflexiones de Francois Derbaix (CEO de Toprural y amigo mio) en su blog sobre “10 Consejos para crear un logotipo” [...]
Septiembre 1, 2009 en 2:51 pm |
Personalmente pienso que la identidad anterior transmitia mucho mejor la personalidad de Toprural. Esta claro que hay muchas razones por la que podemos o tenemos que actualizar nuestra imagen de marca, pero en este caso Toprural tenia un logo lo suficientemente bueno y reconocido como para variarlo de una manera tan drastica, deberian trabajar en otras aplicaciones y no en el logo en general, pero ya es tarde :(
De todas maneras muchas felicidades y que todo sea para mejor :)
Septiembre 9, 2009 en 1:14 pm |
Si el caso es que el logo se identifique claramente la solución es sencilla: ponemos el nombre de la marca en una tipografia de palo seco o no, segun la empresa sea moderna o clasica… y a correr.
No me parece el camino. La eficacia del logo viene determinada por su capacidad por reflejar, reforzar, acompañar… (cada marca es un mundo) los “valores” de la marca. Englobando el logo dentro de la imagen de marca (asociado a colores, formas…). Para eso sirve el diseño grafico. O por lo menos puede servir. Que no digo que tenga que ser necesario… y efectivamente entran otros factores en juego para el exito de una marca. Pero se deja de usar una herramienta interesante. Hay esta Zara para darnos lecciones de como hacerlo… o toprural :)
Lo facil es criticar… y mas con justificaciones efectistas como lo de la encuesta… pero como tu dices lo +importante es lo que se hace y cómo se hace. Y lo demas son pajas mentales de diseñadores ;)
Un saludo y gracias por acceder a debatir… un avance de nuestro tiempo.
Septiembre 23, 2009 en 4:55 pm |
Estoy en desacuerdo con muchos de los puntos, pero el primero es particularmente irritante. Desestima el trabajo de grafistas y tipógrafos. Las imágenes son transmisoras de ideas y matices. Incluso las mediocres, como el logo elegido.
Septiembre 23, 2009 en 11:07 pm |
Hola Antonio, no he dicho que el logo no transmita ideas o matices… si no que “no transmite valores”. ¿Tú sí crees que un logo pueda transmitir valores como por ejemplo “transperancia”, “participación” o “sencillez”?
Septiembre 30, 2009 en 1:23 am |
Por que diferencias “valores” de “ideas”?? No son lo mismo??
Septiembre 30, 2009 en 7:38 am |
interesante. Viendo las definiciones en la wikipedia quizás tengas razón, pero yo lo entiendo de otra manera. Pon por ejemplo el logo de google: me parece que transmite la idea que les gusta la variedad de colores, pero no trasmite el valor anunciado por Google de “Don’t be evil”.
Octubre 2, 2009 en 2:31 pm |
Estoy de acuerdo. Un ejemplo de como NO hacer las cosas. O de que de otra manera estaría mejor. Pero eso no quiere decir que no tenga valor hacerlo bien. Otra cosa es que sea más o menos crítico o importante que otras piezas del puzzle de la comunicación de la empresa. Realmente tiene que ver con que “sientas que cuadre con lo que somos” ya que esta transmitiendo tus valores: que no das valor a la imagen.
Pero lo tiene :) Y cuando la competencia es fuerte en otros frentes… puede ser un VALOR DIFERENCIAL.
Octubre 4, 2009 en 4:10 pm |
También estoy en desacuerdo con el punto 1. Es más, creo que el diseño gráfico es precisamente eso: convertir un mensaje (ideas, conceptos, valores…) en un signo visual.
Yo concibo a un diseñador como un comunicador y es precisamente en esa diferencia, en no hacer un trabajo como mero elemento identificador, en la que podemos dar un valor añadido frente al trabajo de alguien que simplemente tiene “buen gusto”.
Octubre 6, 2009 en 5:58 pm |
Muy bien Dr. Achtung. Me ha gustado como lo has expresado. ;)
Octubre 31, 2009 en 12:15 am |
http://www.ccc.es/go/microsites/tropical/index.htm, la verdad, cuando lo vi, pense que se trataba de ésta empresa cervecera de canarias. Leí to-pru-ral, que me sonó a jerga mal sonante. No me gusta la solución gráfica.