{"id":27243,"date":"2012-11-08T22:07:00","date_gmt":"2012-11-08T21:07:00","guid":{"rendered":"http:\/\/www.outono.net\/elentir\/?p=27243"},"modified":"2012-11-08T22:07:00","modified_gmt":"2012-11-08T21:07:00","slug":"hazteoir-org-estrena-nuevo-logotipo","status":"publish","type":"post","link":"https:\/\/www.outono.net\/elentir\/2012\/11\/08\/hazteoir-org-estrena-nuevo-logotipo\/","title":{"rendered":"HazteOir.org estrena nuevo logotipo"},"content":{"rendered":"<p>La plataforma ciudadana <a href=\"http:\/\/www.hazteoir.org\">HazteOir.org<\/a> ha estrenado hoy su nueva imagen corporativa, que se ir\u00e1 aplicando poco a poco en los distintos elementos de la imagen de HO (en el caso de los impresos, a medida que se agoten). <strong>La principal novedad del nuevo logotipo de HO es que cambia la tipograf\u00eda de la denominaci\u00f3n que ven\u00eda usando esta plataforma desde 2003.<\/strong> Adem\u00e1s, el lema \"La web del ciudadanos activo\" deja de formar parte del logo.<!--more--><\/p>\n<p>Este \u00faltimo cambio no significa que HO abandone ese lema. Simplemente, su presencia en el logo le restaba sencillez y dificultaba su aplicaci\u00f3n en peque\u00f1os formatos, textiles, etc.<\/p>\n<p>El nuevo logo usa dos variantes -la <em>extrabold<\/em> y la <em>bold<\/em>- de la fuente tipogr\u00e1fica Open Sans, dise\u00f1ada por Steve Matteson hace dos a\u00f1os para Google. Pod\u00e9is ver a continuaci\u00f3n una comparativa de la aplicaci\u00f3n del nuevo logo sobre fondos blanco, naranja y negro:<\/p>\n<p align=\"center\"><img decoding=\"async\" src=\"http:\/\/farm9.staticflickr.com\/8483\/8167559599_05dbb108b4_o.png\"  \/><\/p>\n<p>Tambi\u00e9n cambia la versi\u00f3n vertical del logotipo de HO, que hasta ahora era as\u00ed:<\/p>\n<p align=\"center\"><img decoding=\"async\" src=\"http:\/\/farm6.static.flickr.com\/5122\/5350293154_0556dfbcb4.jpg\"  \/><\/p>\n<p>La versi\u00f3n vertical del nuevo logo tiene el mismo ancho en el texto y en el icono, a pesar de lo cual no pierde visibilidad gracias al uso de la nueva fuente:<\/p>\n<p align=\"center\"><img decoding=\"async\" src=\"http:\/\/farm8.staticflickr.com\/7108\/8167589614_6ae9e51821_o.png\"  \/><\/p>\n<p>El nuevo logotipo tiene unas proporciones, unas dimensiones y una distribuci\u00f3n de los elementos m\u00e1s exactas y m\u00e1s cuidadas que el anterior. Y como con el anterior logo, tengo el honor de ser su dise\u00f1ador.<\/p>\n<p>Haciendo un poco de historia, <strong>\u00e9ste es el primer logotipo que us\u00f3 HO desde febrero o marzo de 2001:<\/strong><\/p>\n<p align=\"center\"><img decoding=\"async\" src=\"http:\/\/farm8.staticflickr.com\/7111\/8167663234_6c77601287_o.gif\"  \/><\/p>\n<p>En 2002 cambiaron los colores de este primer logo. Aunque la web de Ho empez\u00f3 a tener como color caracter\u00edstico el naranja, el logotipo se representaba entonces en letras de color amarillo anaranjado sobre fondo azul oscuro:<\/p>\n<p align=\"center\"><img decoding=\"async\" src=\"http:\/\/farm8.staticflickr.com\/7266\/8167663188_bcc75b4695_o.gif\"  \/><\/p>\n<p>Siento no poder ofreceros versiones m\u00e1s grandes, pero esto es todo lo que he podido encontrar rastreando la web... <\/p>\n<p>El logo azul dur\u00f3 hasta la primavera de 2003, cuando HO empez\u00f3 a usar la primera versi\u00f3n de su famoso logo con 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. Entonces era as\u00ed:<\/p>\n<p align=\"center\"><img decoding=\"async\" src=\"http:\/\/farm6.static.flickr.com\/5129\/5349424637_0fa253b3fa_z.jpg\"  \/><\/p>\n<p>Fue por aquellas fechas (abril-mayo de 2003) cuando conoc\u00ed HO. Recuerdo que <strong>el primer email que envi\u00e9 a HazteOir.org fue para ofrecerme a darle un repaso al logo<\/strong>, 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 fue \u00e9ste, el 28 de mayo de 2003:<\/p>\n<p align=\"center\"><img decoding=\"async\" src=\"http:\/\/farm6.static.flickr.com\/5089\/5350047970_0d240442d2_z.jpg\"  \/><\/p>\n<p>El reparto de los colores del logo no era para tirar cohetes, as\u00ed que segu\u00ed trabajando en el logo hasta que el 18 de junio de 2003 dise\u00f1\u00e9 esta versi\u00f3n, que se us\u00f3 por vez primera en un minisite de homenaje a Juan Pablo II (que fue la primera web que dise\u00f1\u00e9 para HO):<\/p>\n<p align=\"center\"><img decoding=\"async\" src=\"http:\/\/farm6.static.flickr.com\/5283\/5349457017_4db3844f5b_z.jpg\"  \/><\/p>\n<p>En el verano de 2004 se plante\u00f3 la necesidad de un s\u00edmbolo que sirviera para identificar a la plataforma y que complementase 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 \u201cHO\u201d de cara al p\u00fablico. Hay que tener en cuenta que entonces HO no era tan conocida como ahora, as\u00ed que abreviar as\u00ed su marca fue una apuesta de riesgo... A finales de noviembre de ese a\u00f1o empec\u00e9 a trabajar en algunos bocetos. Los que pod\u00e9is ver bajo estas l\u00edneas fueron terminados entre el 30 de noviembre y el 1 de diciembre de 2004:<\/p>\n<p align=\"center\"><img decoding=\"async\" src=\"http:\/\/farm6.static.flickr.com\/5282\/5350121234_72969c1984_b.jpg\"  \/><\/p>\n<p>En los dos primeros us\u00e9 para las letras \u201cHO\u201d la versi\u00f3n Bold Rounded BT de la tipograf\u00eda Swiss 721, una variante de la famosa Helvetica dise\u00f1ada por Bitstream en 1982. En el tercero prob\u00e9 con la Bank Gothic que ya figuraba en el logo de HO. El icono definitivo lo hice con Corel Draw y qued\u00f3 archivado como ho5d.cdr a las 16:01h de ese 1 de diciembre. Este borrador usaba tambi\u00e9n la variante Bold Rounded BT de la tipograf\u00eda Swiss 721, pero con la H retocada con esquinas rectas:<\/p>\n<p align=\"center\"><img decoding=\"async\" src=\"http:\/\/farm6.static.flickr.com\/5126\/5350165164_355885ed81_m.jpg\"  \/><\/p>\n<p><strong>\u00c9ste ha sido el icono usado por HO en numerosas aplicaciones -adhesivos, web, foros, pins, etc.- durante casi siete a\u00f1os.<\/strong> Al d\u00eda siguiente empec\u00e9 a hacer borradores para combinar el nuevo icono de HO con el logotipo que ya ten\u00eda la plataforma. El modelo definitivo lo grab\u00e9 en mi ordenador el 3 de diciembre de 2004, con estos curiosos colores:<\/p>\n<p align=\"center\"><img decoding=\"async\" src=\"http:\/\/farm6.static.flickr.com\/5087\/5350185390_e69029c198_z.jpg\"  \/><\/p>\n<p><strong>A partir de esta versi\u00f3n, el logo de HO abandon\u00f3 el color azul que hab\u00eda venido usando hasta entonces.<\/strong> No hubo cambios en el logotipo hasta el 10 de julio de 2008, cuando dise\u00f1\u00e9 esta variante del icono de 2004 en colores degradados para la web de HO (que hab\u00eda pasado a usar el CMS de Drupal el mes anterior). Esta versi\u00f3n tambi\u00e9n se ha usado mucho en v\u00eddeos y en redes sociales:<\/p>\n<p align=\"center\"><img decoding=\"async\" src=\"http:\/\/farm6.static.flickr.com\/5003\/5350219078_d6b64c0645_m.jpg\"  \/><\/p>\n<p>La versi\u00f3n para la web, a\u00fan visible en <a href=\"http:\/\/www.hazteoir.org\">www.hazteoir.org<\/a> y con efecto reflejo, qued\u00f3 as\u00ed:<\/p>\n<p align=\"center\"><img decoding=\"async\" src=\"http:\/\/farm6.static.flickr.com\/5084\/5349690319_00b1781ae8.jpg\"  \/><\/p>\n<p>Del logo de HO tambi\u00e9n se hicieron versiones espec\u00edficas para algunos eventos. De cara a la manifestaci\u00f3n por la vida del 17 de octubre de 2009 se us\u00f3 \u00e9sta:<\/p>\n<p align=\"center\"><img decoding=\"async\" src=\"http:\/\/farm6.static.flickr.com\/5126\/5350257454_77deb3364b_m.jpg\"  \/><\/p>\n<p>Y de cara al 10\u00ba aniversario de HO en 2011 dise\u00f1\u00e9 el siguiente (<a href=\"http:\/\/www.outono.net\/elentir\/2011\/01\/12\/un-logo-para-celebrar-los-10-anos-de-ho\/\">del que ya os habl\u00e9 aqu\u00ed<\/a>):<\/p>\n<p align=\"center\"><img decoding=\"async\" src=\"http:\/\/farm8.staticflickr.com\/7138\/8167722710_1a8c84a11c_o.png\"  \/><\/p>\n<p>En fin, s\u00e9 que un logotipo con tanto tiempo detr\u00e1s como ten\u00eda el de HO genera muchos afectos con los que tiene que competir cualquier nuevo logo por muy bueno que sea. Espero que el nuevo logo os guste, de momento entre la gente que lo ha visto estos \u00faltimos d\u00edas ha tenido una buena acogida. En las pr\u00f3ximas semanas se ir\u00e1 aplicando el logotipo a las webs, redes sociales, tarjetas y otros materiales de HO.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La plataforma ciudadana HazteOir.org ha estrenado hoy su nueva imagen corporativa, que se ir\u00e1 aplicando poco a poco en los distintos elementos de la imagen de HO (en el caso de los impresos, a medida que se agoten). La principal novedad del nuevo logotipo de HO es que cambia la tipograf\u00eda de la denominaci\u00f3n que [&hellip;]<\/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,2726,2733,108,2729,2727,5934,5935,2732],"class_list":["post-27243","post","type-post","status-publish","format-standard","hentry","category-marcas","category-sociedad","tag-american-type-founders","tag-bank-gothic","tag-bitstream","tag-hazteoirorg","tag-linotype","tag-morris-fuller-benton","tag-open-sans","tag-steve-matteson","tag-swiss-721"],"_links":{"self":[{"href":"https:\/\/www.outono.net\/elentir\/wp-json\/wp\/v2\/posts\/27243"}],"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=27243"}],"version-history":[{"count":0,"href":"https:\/\/www.outono.net\/elentir\/wp-json\/wp\/v2\/posts\/27243\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.outono.net\/elentir\/wp-json\/wp\/v2\/media?parent=27243"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.outono.net\/elentir\/wp-json\/wp\/v2\/categories?post=27243"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.outono.net\/elentir\/wp-json\/wp\/v2\/tags?post=27243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}