{"id":24716,"date":"2011-01-12T22:31:04","date_gmt":"2011-01-12T21:31:04","guid":{"rendered":"http:\/\/www.outono.net\/elentir\/?p=24716"},"modified":"2012-11-08T20:17:09","modified_gmt":"2012-11-08T19:17:09","slug":"un-logo-para-celebrar-los-10-anos-de-ho","status":"publish","type":"post","link":"https:\/\/www.outono.net\/elentir\/2011\/01\/12\/un-logo-para-celebrar-los-10-anos-de-ho\/","title":{"rendered":"Un logo para celebrar los 10 a\u00f1os de HO"},"content":{"rendered":"

Hace ya tiempo que vengo pensando que hago muchos dise\u00f1os pero hablo poco de ellos aqu\u00ed. Uno de los \u00faltimos encargos en los que he trabajado lo pod\u00e9is ver arriba: el logo que conmemora el 10\u00ba aniversario de la plataforma ciudadana HazteOir.org<\/a>, creada en febrero de 2001. El 30 de diciembre desde HO me pidieron un logo para celebrar este evento. Tom\u00e9 como base el icono de HO y en la nochevieja ya estaba lista una primera versi\u00f3n que se difundi\u00f3 en las primeras horas de 2011. Me pareci\u00f3 que la soluci\u00f3n m\u00e1s sencilla -en t\u00e9rminos de dise\u00f1o soy partidario de la simplicidad- era incluir el n\u00famero 10 en el propio icono. Las siglas \"HO\" facilitaban mucho la labor, pues s\u00f3lo hab\u00eda que retocar la letra H. Finalmente le a\u00f1ad\u00ed el \"a\u00f1os\" al pie del cero para aclarar un poco m\u00e1s el significado de este logotipo.
\n<\/p>\n

El logo ya se ha colocado en la web de HazteOir.org<\/a> y en las p\u00e1ginas oficiales de HO en Facebook<\/a>, Twitter<\/a> y Youtube<\/a>, y tambi\u00e9n se usar\u00e1 en otras aplicaciones a lo largo de este a\u00f1o. El dise\u00f1o est\u00e1 pensado para ser visible en las redes sociales, donde se usan iconos de tama\u00f1o reducido. Para el texto \"a\u00f1os\" utilic\u00e9 la tipograf\u00eda Bank Gothic, dise\u00f1ada por Morris Fuller Benton para American Type Founders en 1930 y digitalizada por Linotype en los a\u00f1os 80.<\/p>\n

Un breve repaso a la evoluci\u00f3n del logotipo de HO<\/strong><\/p>\n

La tipograf\u00eda Bank Gothic ya figuraba en el primer logotipo de HO que conoc\u00ed en mayo de 2003<\/strong> (lo pod\u00e9is ver bajo estas l\u00edneas), que fue el motivo por el que inici\u00e9 mi colaboraci\u00f3n con esa plataforma:<\/p>\n

<\/p>\n

Por aquel entonces acababa de conocer HO y recuerdo que me llam\u00f3 la atenci\u00f3n este logo. Bueno... m\u00e1s que llamar mi atenci\u00f3n, me disgust\u00f3, as\u00ed que el primer email que envi\u00e9 al equipo de HO fue para ofrecerme a darle un repaso al logo, pues las letras del subt\u00edtulo estaban descolocadas y eran tan delgadas que en las versiones m\u00e1s peque\u00f1as apenas se le\u00edan. El primer reestilizado que hice del logotipo de HO<\/strong> fue \u00e9ste, el 28 de mayo de 2003:<\/p>\n

<\/p>\n

A pesar de todo, el logotipo segu\u00eda sin convencerme. El subt\u00edtulo en dos colores no me parec\u00eda adecuado. El naranja rojizo del fondo tampoco me convenc\u00eda, as\u00ed que propuse un redise\u00f1o que unificara el color del subt\u00edtulo y variase un poco el naranja del fondo para que las letras tuviesen m\u00e1s contraste y fuesen m\u00e1s legibles. Para el fondo utilic\u00e9 un naranja degradado, de tal forma que la parte m\u00e1s clara quedase tras las letras m\u00e1s oscuras (las azules). Mantuve las mismas fuentes tipogr\u00e1ficas que ya ten\u00eda el logo: la Bank Gothic para el t\u00edtulo y la Arial para el subt\u00edtulo, si bien este \u00faltimo lo redise\u00f1\u00e9 para espaciar m\u00e1s las letras y conseguir un acabado m\u00e1s elegante. La versi\u00f3n final qued\u00f3 lista el 18 de junio de 2003, convirti\u00e9ndose en el primer redise\u00f1o del logo de HO<\/strong>, utiliz\u00e1ndose por vez primera en un minisite de homenaje a Juan Pablo II (que fue la primera web que dise\u00f1\u00e9 para esa plataforma):<\/p>\n

<\/p>\n

Cuando HazteOir.org pas\u00f3 a difundirse como \"HO\"<\/strong><\/p>\n

En el verano de 2004 HO se plante\u00f3 la necesidad de un s\u00edmbolo que sirviera para identificar a la plataforma y que complementase a la marca que ven\u00eda usando hasta entonces. Por aquellas fechas tuvo lugar un encuentro de voluntarios de HO en Sig\u00fcenza (Guadalajara), y all\u00ed surgi\u00f3 la idea de empezar a abreviar la marca de HazteOir.org con las siglas \"HO\" de cara al p\u00fablico<\/strong>. A finales de noviembre de ese a\u00f1o empec\u00e9 a trabajar en algunos bocetos<\/strong>. Los que pod\u00e9is ver bajo estas l\u00edneas fueron terminados entre el 30 de noviembre y el 1 de diciembre de 2004, y es la primera vez que se publican:<\/p>\n

<\/p>\n

En los dos primeros us\u00e9 para las letras \"HO\" la versi\u00f3n Bold Rounded BT de la tipograf\u00eda Swiss 721, una variante de la famosa Helvetica dise\u00f1ada por la empresa estadounidense Bitstream en 1982. En el tercero prob\u00e9 con la Bank Gothic que ya figuraba en el logo de HO. El icono definitivo lo grab\u00e9 en mi ordenador en el archivo de Corel Draw ho5d.cdr a las 16:01h de ese 1 de diciembre. Este borrador usaba tambi\u00e9n la citada variante de la tipograf\u00eda Swiss 721, con la H retocada con esquinas rectas:<\/p>\n

<\/p>\n

Al 2 de diciembre empec\u00e9 las pruebas para combinar el nuevo icono con el logotipo que ten\u00eda HazteOir.org hasta entonces. El resultado definitivo sali\u00f3 al d\u00eda siguiente y lo tengo grabado con estos curiosos colores:<\/p>\n

<\/p>\n

Con este logotipo se abandon\u00f3 por fin el color azul que ven\u00eda usando HO en su logo desde su fundaci\u00f3n. El nuevo logotipo se aplicar\u00eda siempre en naranja o blanco, en funci\u00f3n del fondo. Ya en 2005, dise\u00f1\u00e9 esta variante vertical del logotipo, usada en prendas de ropa, membretes, etc.:<\/p>\n

<\/p>\n

No hubo nuevos cambios en el logotipo de HO hasta el 10 de julio de 2008, cuando dise\u00f1\u00e9 esta sofisticada variante del icono de 2004, de cara a su uso en la web de HO (que hab\u00eda pasado a usar el CMS de Drupal<\/a> el mes anterior), en v\u00eddeos y en redes sociales:<\/p>\n

<\/p>\n

En la cabecera de la web, el nuevo icono se aplic\u00f3 tambi\u00e9n con una reestilizaci\u00f3n completa del logotipo de HazteOir.org, usando un efecto reflejo que se hab\u00eda hecho muy popular en el programa iTunes de Apple:<\/p>\n

<\/p>\n

El icono de HO para la manifestaci\u00f3n del 17 de octubre de 2009<\/strong><\/p>\n

Ya a modo de curiosidad, el nuevo icono del 10\u00ba aniversario de HO no es la primera adaptaci\u00f3n de esta imagen que dise\u00f1o para un evento. El 4 de junio de 2009 dise\u00f1\u00e9 la que veis aqu\u00ed para difundir la manifestaci\u00f3n provida del 17 de octubre. En este caso, la letra H la divid\u00ed para formar un \"17\":<\/p>\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

Hace ya tiempo que vengo pensando que hago muchos dise\u00f1os pero hablo poco de ellos aqu\u00ed. Uno de los \u00faltimos encargos en los que he trabajado lo pod\u00e9is ver arriba: el logo que conmemora el 10\u00ba aniversario de la plataforma ciudadana HazteOir.org, creada en febrero de 2001. El 30 de diciembre desde HO me pidieron […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[2849,33],"tags":[2728,2730,2726,2733,2734,2735,108,2544,11459,2736,2729,2727,2731,2732],"class_list":["post-24716","post","type-post","status-publish","format-standard","hentry","category-marcas","category-sociedad","tag-american-type-founders","tag-arial","tag-bank-gothic","tag-bitstream","tag-corel-draw","tag-drupal","tag-hazteoirorg","tag-helvetica","tag-informatica","tag-itunes","tag-linotype","tag-morris-fuller-benton","tag-siguenza","tag-swiss-721"],"_links":{"self":[{"href":"https:\/\/www.outono.net\/elentir\/wp-json\/wp\/v2\/posts\/24716"}],"collection":[{"href":"https:\/\/www.outono.net\/elentir\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.outono.net\/elentir\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.outono.net\/elentir\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.outono.net\/elentir\/wp-json\/wp\/v2\/comments?post=24716"}],"version-history":[{"count":0,"href":"https:\/\/www.outono.net\/elentir\/wp-json\/wp\/v2\/posts\/24716\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.outono.net\/elentir\/wp-json\/wp\/v2\/media?parent=24716"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.outono.net\/elentir\/wp-json\/wp\/v2\/categories?post=24716"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.outono.net\/elentir\/wp-json\/wp\/v2\/tags?post=24716"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}