CuatroTipos

Diseño periodístico y más.

Archivo para Web

Un blog lleno de portadas de revistas

4T. Nos quitamos las telarañas y pasamos un plumero rápido para dar una buena nueva. Nuestro buen amigo y colega de profesión Diego Areso nos ha alegrado el día con una nueva criatura.

El muchacho, sabedor de que las grandes sagas funcionan ha decidido crear El Portadista, bastante más que un “esqueje” revistil de su asentado Quinta Tinta. Esta vez dedicado sólamente a ser “un álbum de portadas de revistas y de periódicos. Creativas, raras, sorprendentes, clásicas o novedades de última hora. Un poco catálogo de las portadas que se van haciendo cada semana, y un poco archivo de portadas históricas”.

Una portada con 40 portadas nada menos. Desde IL a Squire, pasando por Hermano Lobo o Matador.

Los Colby no fué lo mismo que Dinastía.Y con ‘George y Mildred’ no nos reíamos tanto como con  ‘Un hombre en casa’, pero estamos seguros de que con este El Portadista, Diego tiene Spin-off para rato.

Ah! Y si tienes una aportación para El Portadista, “avisa en recepción”

Anuncios

Twitter: Diez enlaces de 2010 para 2011

JPÉREZ: Cuatrotipos estrenó este año su cuenta en twitter. Era algo impresicindible porque este blog nació desde los periódicos y para el diseño (vayan ustedes a saber dónde diablos acabará) y twitter es un formato de difusión absolutamente periodístico. Que hayan sido Jack Dorsey y Biz Stone quienes fundaron este grandísimo invento, en vez de cualquiera de las empresas periodísticas de papel que ahora practican la tristeza y la resignación, es un síntoma de los tiempos. He aquí un resumen de los mejores enlaces y temas difundidos desde nuestra cuenta. @cuatrotipos

  1. El blog de Ignacio Escolar: (http://www.escolar.net/)
  2. Diagramas que cambiaron el mundo: (http://bbc.in/hydVwm)
  3. Una cita de John Maeda: : «Los diseñadores afrontan los riesgos y los transforman en recompensas».
  4. El periodismo de datos (I): (http://onlinejournalismblog.com/)
  5. El periodismo de datos (II): (http://www.gapminder.org)
  6. (Para) el periodismo de datos (III): (http://www.visualizing.org/)
  7. La crisis de la prensa y el futuro del periodismo. (http://bit.ly/gM2Cmv)
  8. The New York Times y el primer gráfico electoral. (http://bit.ly/9j9ti9)
  9. Información ultra-local (http://bit.ly/d10NpL)
  10. El mapa de la extinción de los periódicos (http://yfrog.com/nbzqrp)

COMENTARIOS DE LOS ENLACES: LO QUE NO CABE EN TWITTER.

1) El blog de Ignacio Escolar: (http://www.escolar.net/)
Los artículos de este periodista, ex-director del diario Público, son un modelo de análisis documentado y periodismo de enlaces de alta calidad en los temas más candentes. Su (penultima) polémica frente al escasamente documentado panfleto online llamado «Periodista Digital» dirigido por Alfonso Rojo, lo legitima aun más. @iescolar.

2) Diagramas que cambiaron el mundo: (http://bbc.in/hydVwm)
Éste artículo de la BBC señala cinco visualizaciones que dejaron huella en la historia del mundo. El Vitrubiano de Leonardo, el sistema solar de Copérnico; los diagramas ópticos de Newton; el diagrama de Argand, que ayudó a probar la existencia de los número negativos; las tartas de la enfermera Florence Nightingale, que han acabado por conquistar el mundo de la representación de datos; y , por último, el esquema que Carl Sagan y Frank Drake grabaron en la piel de la sonda espacial Pioneer, para explicar quienes somos y de dónde venimos. @BBC

3) Una cita de John Maeda: : «Los diseñadores afrontan los riesgos y los transforman en recompensas». ¿Ven? No lo dijimos nosotros. @johnmaeda

4) El periodismo de datos (I): (http://onlinejournalismblog.com/)
Éste es el blog de Paul Bradshaw, un profesor de periodismo on line en un par de universidades inglesas que también ejerce de consultor. El periodismo de datos reivindica el poder de los gráficos complejos para aportar análisis a través de  visualizar y combinar información de fuentes diferentes. Es el fin de la verdadera «infografía interactiva». El resto sólo son «motion graphics», muchos de los cuales pueden ser sustituidos por un scroll o un slide. Entrevista en castellano a Paul Bradshaw: http://goo.gl/srsyt.

5) El periodismo de datos (II): (http://www.gapminder.org)
Un artículo del Technology Quaterly de The Economist de la semana del 11 de diciembre ya aupaba al fundador de Gapminder.org, Hans Rosling, a la categoría de «estrella online» y equiparaba su figura a la de Florence Nihtingale en el sentido de creador de una nueva forma de disponer la información. Una cosa es clara: los gráficos de Rosling son el paradigma de lo que Paul Bradshaw llama «periodismo de datos». Por supuesto, se practica fuera de casi todos los periódicos. @HasnRosling

6) (Para) el periodismo de datos (III): (http://www.visualizing.org/)
Visualizing.org es una fuente de estadísticas y gráficos: ofrecen grandes cantidades de datos de fuentes públicas; algunos de estos datos están disponibles en formato CSV separado por comas, aptos para compilar a través de herramientas de visualización basadas en flash y/o javaescript. Otros son más modestos. Visualizing permite descargar esos datos, colgar las visualizaciones y consultarlas. Abundan los gráficos convencionales, sin la interactividad de Gapminder. Fenomenal iniciativa.

7) La crisis de la prensa y el futuro del periodismo. (http://bit.ly/gM2Cmv)
The Periodical Publishing Association nos propone unas reflexiones sobre «The future of publishing». Las claves sobre lo que pueden ser las revistas y los periódicos están en las multiplataforma: internet + ipad + moviles + papel. Newspaper Association of America tiene una web para comprobar los datos de la crisis de la prensa en USA: http://bit.ly/9bbjGD. Y es que sólo el 20% de los ingresos de las empresas dedicadas al periodismo en USA,  llegan desde los periódicos, pese a que sus versiones online el pasado año atrajeron al 61% de los usuarios únicos estadounidenses. (http://bit.ly/awMW01). El instituto Poynter da siete razones para que no cunda el optimismo en el negocio de las noticias impresas>( http://bit.ly/aDtnFY).

First NYT election map in 1896

10) The New York Times y el primer gráfico electoral. (http://bit.ly/9j9ti9)
Al parecer, apareció en 1896. Lo vimos en http://flowingdata.com/

9) Información ultra-local (http://bit.ly/d10NpL)
Patch.com y Everyblock son dos buenos ejemplos. Informacion de vecindario y periodismo desde tu propia localidad en una web que las agrupa a todas. Ha sido tendencia todo este 2010 y lo será más aun en 2011. Curiosamente, no hay una maldita web en castellano que se preocupe por esto. Pero todo llegará. Mientras, si hay alguien que quiera montar la primera, quizá yo le pueda echar una manita (@metagrafic)

10) El mapa de la extinción de los periódicos (http://yfrog.com/nbzqrp)
Se trata de la web de futureexploration.net. El mapa que proponen es una auténtica chorrada, pero los factores clave que proponen son interesantes. La web tiene algunos gráficos sencillos, apuesta por la comunicación visual y cuenta con algunas agrupaciones conceptuales interesantes. Desde luego, el papel no se acabará mañana.

Qapacity y una Myriad Rounded

qapacity

javierJPÉREZ: Agarren una Myriad Regular en Illustrator, vectorícenla y pónganle un filete de extremos redondeados alrededor, con un ancho del 4% del tamaño en puntos de la fuente. Ya tienen una Myriad Black Rounded de andar por casa. Escriban Qapacity, pónganle un fondo azul, y ya tienen el logo. Supongo que alguien me dirá que no es exactamente igual, pero seguro que ese alguien también le cuenta los granos de sal a las patatas fritas. En cualquier caso, es un buen logo que suena a corporación, a empresa, a Facebook y a sencillo.

chicos_capacity

Sergio (CTO), Julián (CEO), Tomy (director ejecutivo) y Lasse, director de arte

El equipo de Qapacity viene de Neurona, tras ser vendida a la alemana Xing. El logo y el diseño del portal es de  Lasse, y su director es Tomy Pelluz, quien me sopló que Lasse había usado una Myriad para el logo. Soy un Cuatrotipo, pero les aseguro que perdería en el mítico juego de reconocer tipos de letra de Andreu Balius. En cualquier caso, para tiempos de crisis, soluciones creativas: yo he probado Qapacity.

Este nuevo portal parece una buena estrategia para aumentar la visibilidad de una pequeña empresa o un profesional en Internet. La mecánica inicial es la de siempre. 1) Registro 2) Configuración de perfil. Pero a partir de ahí, la cosa cambia. Qapacity tiene su propia herramienta de edición web, usable, simple y efectiva. Permite el diseño de un listado de servicios, un área de contacto y un expositor de trabajos con un sistema de navegación por pestañas. El gestor de contenidos es fácil. Puedes subir tu logo y añadir vídeos e imágenes. No puedes subir flash (snif), pero menos da una piedra. En realidad, mucho menos.

edicion

Area de edición web de Qapacity

COMENTARIOS DE CLIENTES
Si tienen algún cliente satisfecho, pueden llenar de buenos comentarios su perfil de empresa. Para Tomy es uno de los principales valores añadidos de su web: «Cada vez es más frecuente consultar la red antes tomar una decisión de compra. El informe Forrester de 2007 ya señalaba que un 63% de los consumidores hacen una búsqueda en la web antes de tomar su decisión de compra. Pensamos que esto incluye (y cada vez será más frecuente) las decisiones sobre decidirse sobre un proveedor de servicios u otro.

Qapacity es un mercado de servicios que crece apoyado en las referencias de nuestros contactos. Hay otra línea muy importante: la mayor parte de los profesionales y pequeñas empresas que ofrecen servicios no disponen de web. Y por otra lado, muchas empresas que sí tienen webs las tienen mal indexadas, difíciles de mantener…»

Mientras el mundo se hunde en la autocompasión por la crisis, mientras Obama arregla las injusticias del universo, aumentar la apuesta hacia internet es una salida real, aunque acertar sigue siendo difícil. ¿Quien sabe? Qapacity puede llegar a convertirse en un portal importante en poco tiempo. No será Facebook porque es una red social temática, pero seguro que sus creadores se dan por satisfechos con menos del 10% del éxito del portal de Zuckerberg.

LISTA DE WEBS HECHAS EN QAPACITY

http://metagrafic.qapacity.com

http://seed.qapacity.com/

http://nauticaynavegacion.qapacity.com/

http://wezstudio.qapacity.com/

http://mongrafic.qapacity.com/

Indexhibit: La Sencillez En Código Libre

3_picture-744.png

JPÉREZ: Si le preguntamos a Daniel Eatock o a Jeffery Vaska qué es una web, responderán que es una zona de exposición con un índice. Y, en buena parte, tendrá razón. Indexhibit es justo eso.  Tanto para Tipo Obiol como para mí, Indexhibit nos cautivó de tal manera que construimos ambos las páginas de nuestros respectivos estudios con ella. Aunque a Angel Tipodé no le guste ni un pelo, y por lo que a mí me toca, gracias, Varska & Eatock, por Indexhibit.

VENTAJAS
Estamos ante la más sencilla página web con su propio gestor de contenidos en código libre. Tal como podemos leer en su web, “Indexhibit es una aplicación web para construir y mantener un formato de sitio web arquetípico e invisible que combina el texto, la imagen, la película y el sonido”. Su uso está al alcance de cualquiera y, aunque tiene algunos defectos, también tiene grandes virtudes.

Web de Javier Pérez/4T Metagráfic en Indexhibit

La principal ventaja es la sencillez de su concepto, usable, versátil y directo. Con Indexhibit, la web vale tanto como aquelllo que muestra, porque la página es invisible. Tan sólo es una estructura, un expositor vacío preparado para que cualquier usuario lo rellene y/o modifique su código para adaptarlo a sus necesidades.

hfdafhdaffha

Web de Diego Obiol/4T Metadisseny, también en Indexhibit

DESVENTAJAS
Uno de los principales problemas es que la web básica, pensada para Firefox o Safari, no acaba de funcionar del todo bien en el Explorer. En cualquier caso, en los foros existen parches para solucionar casi cualquier problema, incluidos buena parte de las pegas que plantea el Explorer.

https://i0.wp.com/images.mirror.co.uk/upl/m3/may2007/6/9/6AF5A10D-9770-2F57-7CF273B17447FECD.jpg

DANIEL EATOCK
Daniel Eatock, el creador del índice junto con Tatiret, nació en Bolton, Reino Unido, en 1975. Tiene su estudio en Londres. Su gran trabajo mediático fue la identidad corporativa para el Big Brother británico (el ojo de arriba). Si quieren saber más de él, visita su página.

EL MANIFIESTO DE INDEXHIBIT
Leo los principios de su manifiesto y algunos me parecen buenas ideas. Tal como usaron en un decálogo mucho más antiguo, todas sus ideas se resumen en dos: “Diga sí a lo divertido y lo funcional. Diga no a las imágenes seductoras y el color”. Allá vá su manifiesto:
1: Comienza con ideas.
2: Elimina elementos superfluos.
3: Las ideas complejas pueden producir objetos simples.
4: Confia en el proceso.
5: Permite que los conceptos determinen la forma.
6: Reduce el material y la producción a su esencia
7: Propón la honestidad como una solución
8: Aparta la subjetividad.

INDEXHIBIT: INSTRUCCIONES EN ESPAÑOL
En realidad, todo está muy claro en inglés, en la web de Indexhibit , pero me he tomado la molestia de traducir las instrucciones básicas al castellano:

1: Carga el contenido de la carpeta Indexhibit en la carpeta de raíz de su sitio web, con una aplicación FTP que transfiera los archivos desde tu ordenador hasta tu servidor web.
2: Desde tu aplicación FTP, cambia el nombre del archivo llamado “htaccess” a “.htaccess” (tan sólo añada el punto)
3: De la misma forma, encuentra la carpeta “gimgs” dentro de las carpetas de archivos y cambia ambos permisos de carpetas a 777
4: Otra vez, dentro de la carpeta de “ndxz-estudio” cambia los permisos de carpeta “config” también a 777
5: Después, dirije tu navegador a “nombredetuweb/ndxz-studio/install.php” y sigue las instrucciones

PROBLEMAS COMUNES
Después de la instalación, si viendo su web recibes un error 403 que le informa que el acceso es restringido, – esto quiere decir que usted no tiene mod_rewrite permitido sobre su servidor, así que suprima el archivo “.htaccess” y, después, en “/ndxz-studio/defaults.php” cambia (‘MODREWRITE’, TRUE); por (‘MODREWRITE’, FALSE);
Si tienes más problemas pide ayuda en el foro.

Apuntes para una recta final de vacaciones

4T.-Con el 75% del equipo en la playa y el 25% restante zozobrando bajo la depresión postvacacional, ya ven cuánto le cuesta arrancar a este humilde blog. Y es que quizás recuerden que éramos Cuatro Tipos amantes del diseño de periódicos, desde luego; pero sobretodo somos amantes de los días de asueto viendo la vida pasar desde la hamaca del jardín mientras ojeamos los periódicos que diseñaron otros.

Estos cuatro tipos, sí que se lo han currado hoy.

Casi un mes sin pegar ni chapa, no como Michael Phelps y compañía. Pero no nos lo tengan muy en cuenta; al fin y al cabo no nieguen que también ustedes andan muy ocupados viendo las retrasmisiones de tiro al plato y triatlón en los JJOO de Pekín. En todo caso, amenizando la espera, vayan por delante unos cuantos recordatorios y apuntes pendientes acumulados durante estas semanas:

1) Abierto el plazo de preinscripción para el Master Oficial de Tipografía de la Universidad de Barcelona.

Con todas las ventajas de los “Masters Bolonia”, (Reconocimiento europeo, certificación de la ANECA, facilidad para las becas, acceso al doctorado…) y un precio muy competitivo para lo que suelen ser los estudios posgrado (1.800 euros para licenciados y 3.600 para diplomados), el próximo 15 de Septiembre de 2008 comienza la primera edición del Master Oficial de Tipografía de la Universidad de Barcelona. Vale la pena echarle una ojeada a un programa, objetivo y cuerpo docente, en una oportunidad imprescindible para cualquier amantes de los tipos de letra y el diseño en general.

2) El 12 de septiembre finaliza el plazo de presentación de trabajos al certamen ÑH05 de diseño periodístico de España y Portugal de la SND-E

Reconocemos que nosotros también nos hemos hecho los remolones, con esto de que los de la SND-E nos avisaron con tiempo, pero ya estamos listos con el cutter y el pegamento para preparar las páginas para enviar a nuestro certámen de diseño favorito, cuyo plazo termina antes de un mes. El concurso de éste año no solo esta abierto a los todos los periódicos de España y Portugal (gratuitos o de pago, diarios o semanales, grandes y pequeños), sino que como gran novedad en esta ocasión también podrán participar las revistas. Animaros a participar.

3) Cases i Associats presentó el 23 de julio el nuevo diseño de la web del tabloide británico Daily Mirror.

Aunque en 4T hablamos a menudo del trabajo del omnipresente estudio catalán Cases i Associats en el ámbito de los periódicos impresos, no hay que olvidar que también cuentan con una amplia trayectoria en el ámbito del diseño de prensa online (El Corriere della Sera, La Stampa, Mundo Deportivo, Público, Peru21…). Hace 2 semanas presentaron la nueva Mirror.co.uk, con el que culminan el proceso de rediseño integral del diario sensacionalista británico del que ya estrenaron nueva vesión en papel el pasado mes de abril (Ver noticia en The Guardian). La nueva web del Mirror presenta una estructura fuertemente modulada, donde cada noticia se presenta a modo de un elemento gráfico distinto a modo de “building block” y no mediante la habitual secuencia lineal de noticias.

4) Visión de Julio Alonso cambia de dirección web

Visión, el imprescindible blog sobre medios de comunicación de Julio Alonso, asesor del grupo de prensa regional Grupo Joly, cambia de dirección y en adelante estará alojado en la dirección blogs.grupojoly.com/vision. Es una buena excusa para volver a recomendar el blog de este histórico del diseño y el periodismo en España, que formó parte del equipo fundacional de El País, diario del que fue jefe de Diseño y creador y primer responsable del suplemento dominical El País Semanal.

El papel sobrevive…todavía (y Dylan también)

HerminioJF.-Aún no me he repuesto de la sorpresa de que en Dubai todavía les dé por crear periódicos nuevos, cuando me entero de que al final Javier Gómez, nuestro amigo del blog Maquetando la Wikipedia, tenía toda la razón. Y mira que algunos pensábamos que eso de ponerse a crear PDFs con los artículos de la gran enciclopedia global era una pérdida de tiempo, pero resulta que el New York Times informaba ayer de que la megaeditorial Bertelsmann tiene previsto publicar en papel una versión de la Wikipedia versión alemana. Ante la imposibilidad de publicar los 750.000 artículos actualmente disponibles, se conformarán con crear un sólo tomo de mil páginas, con 25.000 entradas resumidas (de 15 lineas cada uno), y unas 1000 imágenes. Todo ello editado por 10 personas que se encargarán de condensar y verificar los artículos “para mantener los errores tan lejos como sea posible”. Vía EditorsWeblog.

La contumacia zaragozana, (que se lo pregunten a Agustina de Aragón), acaba dando resultado; Javier Gómez, todo un visionario, ya llevaba un año Maquetando la Wikipedia cuando llegan los ejecutivos de Betelsmann creyendo que han descubierto la pólvora. Pues nada, una cancioncita de Amaral para celebrarlo, maño. Que no te caerán royalties por la idea, me temo; pero al menos llegará la tormenta. 😉

Llegará la Tormenta. Versión de Amaral de la canción “A Hard Rain’s A-Gonna Fall” de Bob Dylan, para la Expo Zaragoza 2008. Una canción de 1963, que 45 años después está de nuevo en la cima. Ya sé que estaréis todos hasta el moño de oirla, pero es que se trata de un video muy tipográfico.

Más en CuatroTipos:

PD.-Aprovechando que el Ebro pasa por Zaragoza y que hemos sacado a colación al gran Bob Dylan, permítanme aprovechar para mostrarles el último cartel que se ha sacado de la manga nuestro querido Victor Palau para anunciar el Dylan Day Tribute que se celebrará el próximo sábado 24 de Mayo de 2008 en la sala Matisse de Valencia. (7 euros anticipada en Atrápalo)

Geniales colores, Víctor, me ha encantado. Venga; para tí también una cancioncita, que te la mereces. Esta vez la versión original de Robert Allen Zinnerman, Aka Bob Dylan, cantada en 1976 en todo su ambiente.

(Pedazo canción de 8 minutos. Como para mejorar el original, con todos mis respetos para Eva Amaral.)

¿Cuánto vale tu blog?

El tío Gilito después de que valoraran su blog. Nuestro particular homenaje al Festival del Cómic de Barcelona que se inaugura hoy.

HJF.-No sé cuál es la validez científica del sistema de valoración de sitios web establecida por Tristan Louis, basado en el desorbitado precio que AOL pagó por la empresa Weblogs. Pero la web Bussiness Oportunities te permite utilizar ese sistema para calcular el precio teórico en el mercado de tu blog según el número de visitas y relevancia en el Technorati. Por curiosidad he consultado cuánta pasta soltarían por esta web amateur para “freakis” del diseño de periódicos, que apenas lleva un año en la blogosfera, y que es actualizada a deshoras sin mucho tesón. Ésto es lo que valemos, a día de hoy:

Hombre, somos cuatro a repartir, y al cambio del Dólar/Euro actual tampoco es para tanto, pero te sube la autoestima. ¿Álguien dispuesto a darnos 58.142,62 dólares por nuestra imagen de marca, sólido “Know How”, y los 300 o 400 post de nuestro archivo histórico? Espero que no lea este post nuestro TGorría, que es un emprendedor de primera y nos va llenar esto de banners de publicidad en cuanto nos descuidemos.

  • ¿Quíeres saber cúanto pagaría American OnLine (AOL) por tu blog si se les volviera a ir la olla como en los tiempos de la Bubuja PuntoCom? Pregúntale a Bussiness Oportunities y luego nos invitas a unas cañas.

Y es que dudo que esas cifras-pelotazo se paguen realmente en el mundo del bloggerismo de andar por casa. Pero si te has cansado de escribir posts por amor al arte y crees llegada la hora de empezar a cobrar por los contenidos que generas, el diario valenciano Levante-EMV.com quizás quiera hablar contigo, (y luego dice Víctor Palau que los periódicos no innovamos, será posible). Levante-EMV.com dice que toda la parte técnica, hosting y promoción corre por su cuenta; “y tú sólo tienes que dedicarte a escribir y a percibir una remuneración variable por cada post, según ingresos publicitarios”, asegura. Y si ya tienes tu blog o web desarrollada y tiene más de 1.000 usuarios únicos al día, “ponte en contacto con nosotros y estudiaremos la posibilidad de asociarlo a levante-emv.com y conseguir que multipliques el tráfico. Te promocionaremos el blog o la web.”. Pues eso.