20.6.07

Imperdibles

1) Microsoft Seadragon: nueva tecnología de visualización y relación de imágenes



2) Microsoft Surface: superficies/pantallas multitouch y con interfaz virtual.

Originalmente...



Después de Microsoft...



3) Prometeus: una teoría acerca del futuro.



4) Epic 2015: otra teoría fatalista acerca del futuro de Internet, con el mismo protagonista... Google. Pero más brígida.



Vía Fayerwayer y Digilicious

11.6.07

Portafolio



Pocos lo habrán notado, pero ahora hay un botón "Portafolio" a la izquierda del blog. Si lo clican, podrán ver mi portafolio hasta la fecha {Junio de 2007}.

Cualquier crítica o comentario es bien recibida, y ofertas laborales o de participación en proyectos también!

Para contactarme, está el botón de "Contacto".

Salud[os]!
M.

10.6.07

Como NO mostrar tu trabajo en la Web



Charlie Parker, en Lines And Colors, escribió una útil guía de como NO mostrar tu trabajo en la Web.

Desde su vasta experiencia, habla de como se ha topado con cientos de sitios donde es prácticamente imposible acceder al portafolio del diseñador, artista o ilustrador.

En una buena guía, llena de tips útiles, pero lamentablemente un poco latera de leer ya que está escrita en un tono muy irónico. La estaba traduciendo, así que le pregunté que le parecía y me dijo que alguien más ya la estaba traduciendo, pero que si quería podía hacerlo. Busqué y me topé con una traducción por Manuelita en ArtBox Forum, así que se las dejo, con ligeras modificaciones:

Usa un servicio de alojamiento gratuíto, de estos que hacen que tu página se llene de ventanas emergentes con publicidad.
Oye, es gratis, no? Además, a la gente le encantan los popups. No te preocupes porque un servidor decente cobre unos 8 dólares al mes o menos, y pasa de mirar reseñas de servidores de alojamiento en sitios como C/Net. Además es mejor no saber que los blogs, cuando se usan con "páginas" en vez de con "mensajes" pueden utilizarse como un método fácil para conseguir una página prediseñada y gratuíta.

Olvídate de gastar dinero comprándote un dominio.
Seguro que “mac.com/users/~joeblow/web/portfolio/intro.html” es más fácil de recordar para los directores de arte que “joeblowillustration.com” cuando están buscando un nuevo artista al que contratar.
Además, “tripod.com/members/~janedoe/paintings/gallery/thumbnails.html” es muy fácil de mencionar en una conversación y de recomendar a alguien, y queda genial en una tarjeta de visita. Qué más da que un dominio cueste menos de 10 dólares al año, o que a veces incluso se regale con una cuenta en un servidor web de pago. Mira, todos sabemos que los buenos ya están cogidos u ocupados, no? Entonces, para qué te vas a liar con eso?
De cualquier modo, si decides comprar un dominio ten en cuenta que los nombres largos que pueden asociarse facilmente con tu nombre o estudio, y que son fáciles de recordar, seguramente no serán tan cool como los nombres cortitos, raros e inteligentes que no tienen nada que ver contigo ni con tu trabajo.

Seguir Leyendo...


Hablando de inteligencia, asegúrate de usar un diseño complejo y un sistema de navegación enigmático.
Todos los editores y dueños de galerías de arte adoran los acertijos, y tienen tiempo libre de sobra para clickar por todas partes hasta descubrir el lugar donde se esconde tu galería. Quedarán tan impresionados que, cuando finalmente encuentren tu trabajo, le darán mucho más valor.

De hecho, no estaría mal que los hicieras esperar un poco al principio.
Usa una página de introducción, de ser posible con una larga, inteligente animación en flash que no pueda saltarse, y que al terminar obligue a los visitantes a buscar un pequeño, casi invisible, "Entrar al sitio", en el que haya que clickar para conseguir llegar a la página principal, que debe ser tan confusa como sea posible y donde deberán elegir "Creatividad", o cualquier otro eufemismo por "Galería", para conseguir llegar a la página donde se muestren tus trabajos, que serán presentados por opciones según sea la parte de la galería que quieren ver. Estas opciones deberán estar presentadas por términos oscuros que sólo tú y los miembros de tu fanclub entiendais, y darán paso a una Sub-Galería, y después, a ser posible, a otra Sub-Sub-Galería, antes de enseñar una sola imagen. Hacer que tengan que currárselo para llegar es la única manera de que comprendan lo importante que es tu trabajo! Oye, que no habrían llegado tan lejos si no lo lo fueran, no?

Usa toneladas de colores brillantes e intensos en el diseño, sobre todo en la parte de la galería.
Tienes que asegurarte de que los colores de las imágenes queden suprimidos y eclipsados por el diseño. Después de todo, la página en sí es lo mas importante, no?

Los thumbnails deben ser pequeños y cuadrados, y deben reflejar alguna parte de la imagen total que sea oscura y nada descriptiva.
No queremos que nadie se pierda el divertido juego de la concentración cuando intente recordar qué imagen era ésa en particular. Además, si los thumbnails describieran claramente cuál es la imagen a la que van enlazadas los visitantes podrían llegar y ver la imagen que les gusta en los 11 segundos que tienen para mirar tu pagina.
Mejor aún, por qué poner thumbnails o previews cuando pequeños cuadraditos, círculos, o cualquier otra enigmática forma es mucho más de artista? Todo el mundo sabe que tu trabajo es una pasada, así que seguro que no les importa ir clickando en todas las miniformas que hay en tu página para encontrar una imagen. Es una oportunidad para volver a divertirse descubriéndolo todo de nuevo!

Usa "ventanas emergentes con botón de cerrado" para la navegación de la página.
No permitas que sean vagos y vean todas tus imagenes con un simple "Siguiente, Anterior, Indice", podrían terminar viendo todo tu trabajo de una tajada!
Lo mejor para que hacer que se lo ganen es abrir cada imagen en una ventana aparte, y obligarlos a cerrarla antes de que puedan abrir la siguiente. Así tu fantastico trabajo valdrá el doble! Para un incentivo extra, haz que esperen a que una llamada de JavaScript redimensione la ventana emergente cada vez que muestra una imagen. De hecho, cuantas más ventanas se abran mejor! Que todas las galerías, subgalerías, e imágenes individuales se abran con su propio popup aparte! Yeah!

Hablando de Javascript, asegúrate de que el navegador de los visitantes se reposicione o se fuerce a abrirse en pantalla completa cuando llegan a tu página.
No hay bienvenida mejor que arrancar el navegador de las manos de tus visitas y dejarles claro que no crees que sepan como ver tu fantástico trabajo sin ayuda porque son idiotas.

Aquí tienes otro buen truco: usa JavaScript en los thumbnails para que sólo se puedan ver la imagenes en grande al pasar el ratón, y en el momento en el que vuelvan a moverlo, se cambie de imagen.
El autocontrol necesario para mantener el raton quietecito, o el esfuerzo por alejar las manos cuando quieran ver la imagen durante más de un segundo los mantendrá concentrados en tu trabajo. No queremos gandules mirando nuestras cosas! Además esto tiene la ventaja adicional de tener que hacer que las visitas esperen a que cargue todo antes de poder ver nada.

Cuando hayas terminado con el libro de Javascript, empieza con el de Flash.
Averigua si puedes encontrar alguna manera de hacer que sea difícil desplazarse hacia arriba o hacia abajo en tus galerías, de evitar que el texto de tus páginas pueda ser indexado por los buscadores, o de hacer que las imágenes tarden milenios en cargar, ya sea por larguísimas y dramáticas transiciones de color, o por redimensiones de algun área en concreto. (Si te dicen que el Flash puede usarse con responsabilidad y eficiencia si sabes cómo, pasa del tema; eso son cosas de mariquitas!)

Asegúrate de poner frames en tu página!
No puedes permitir que cualquiera pueda poner una página en favoritos, o mandar el enlace de una pagina en concreto, por ejemplo, a otra persona. Lo ideal es que haya que hacer el proceso de navegación completo todas las veces. Poner todo tu sitio en un sólo archivo flash también es una buena manera de conseguir esto.

Haz que tu página sólo pueda verse desde Internet Explorer.
No queremos que los panolis que usan Firefox, Mozilla, Opera, OmniWeb, UNIX, LINUX o Mac entren en nuestra página. Si no pueden conseguir un ordenador de verdad que se jodan.

No te preocupes por conseguir que tu página sea fácilmente indexable por los buscadores online.
Los verdaderos artistas están siempre languideciendo en la oscuridad (NdT.- Entre unicornios tristes, me atrevería a decir) . Si te vuelves loco y decides que quieres que tu sitio sea encontrable, no te molestes en ir a sitios como searchenginewatch.com, y aprender algo sobre la optimización para buscadores; lo único que tienes que hacer es contratar uno de esos dudosos servicios, de un país cuyo nombre no puedes pronunciar, que te ha mandado un email de spam prometiéndote añadir tu sitio a "cientos de motores de búsqueda". (Esas historias sobre que el 90% de nuestras búsquedas se limita a los cuatro primeros resultados son leyendas urbanas!)

Haz un poco de trampa!
Usa enlaces que no sean descriptivos, y que lleven a los ingenuos visitantes que piensan que van a otras paginas de tu sitio, a eBay, a tu blog, a tu galería de Flickr, o a comenzar a bajar un PDF que no han pedido. Esto sí que es diversión!

No aprendas nada sobre usabilidad, diseño de información, o buenas técnicas para la navegación.
Si estas haciéndote tu sitio tú mismo no quieres coartar tu creatividad con cosas como ésas, y tampoco quieres preocuparte por ellas si has contratado a una agencia o a un diseñador web para que te hagan una página creativa y vanguardista. Todas esas pamplinas sobre hacer que un sitio web sea fácil de usar lo único que hacen es molestar. Tampoco se te ocurra leer libros sobre usabilidad de los websites, como el Don't make me think de Steve Krug. No se te ocurra entrar a tu página web poniéndote en el papel de una persona que nunca ha estado antes. Tú sabes dónde está todo, si alguien nuevo no puede imaginárselo, que le zurzan!

Rodeate de misterio.
La página de inicio es la primera impresión que las visitas tendrán de tu sitio. Hagas lo que hagas, ni se te ocurra dejar un espacio en la página de inicio, o en una parte visible de tu blog, para dejar a los que te visitan por primera vez una breve descripción de quien eres y lo que haces, o darles alguna pista sobre qué clase de sitio es ese. Qué tendría eso de divertido? De hecho, haz todo lo que puedas para hacer la entrada a tu sitio tan enigmática y oscura como sea posible; esto es très chic. Además, toda la gente que realmente importa ya ha estado en tu página y sabe de qué va el tema; y los nuevos adorarán la sensación de que han llegado a la puerta de un clandestino club privado, y apreciarán el desafio que les proporcionas para dar sentido al puzzle, mientras deciden si registrarse o no.

No te centres!
Como todas las personas importantes ya han estado en tu página antes, diseña la página principal para su beneficio y rellénala con las últimas noticias sobre tus idas y venidas, o con las intuiciones que has estado rumiando sobre el episodio de anoche de Perdidos. No malgastes el maravilloso espacio de la página principal en una presentación para los desconocidos! Oh, y ya que estamos, asegúrate de meter todo lo que puedas en la página principal. Es la página más importante, no? Entonces todo debe estar ahí. Haz que sea muy larga, y mete barras de desplazamiento y material apiñado en todas las esquinas. No querrás desperdiciar espacio en blanco! Cuanto más material metas para llamar la atención, mejor! HAZ QUE TODAS LAS LINEAS SEAN LINEAS DE CABECERA! Mezcla colores! HAZ QUE LAS LINEAS DE CABECERA PAREZCAN ENLACES! HAZ QUE LOS ENLACES PAREZCAN LINEAS DE CABECERA! Asegúrate de subrayar, usar cursiva, negrita y todas esas cosas para ENFATIZAR!!! No es divertido?! No lo olvides, los dioses de los ordenadores nos han dado millones de fuentes por una razón; no usarlas sería un pecado.

Y no te olvides de centrar el texto. Esto es un principio consolidado del diseño gráfico: el texto centrado es mucho más fácil de leer que el aburrido y anticuado texto alineado. Por eso las novelas, las revistas y los periódicos parecen invitaciones de boda.


Una vez que ya has conseguido que tus imágenes sean inaccesibles, hazte inaccesible a ti mismo.
Elimina cualquier deseo injustificado que tengas de incluir un apartado con tu información personal. Como mucho sustitúyelo por un inteligentísimo apartado con una biografía falsa, seguro que se parten de la risa. O, si tienes que añadir datos verdaderos, asegúrate de escribir un larguísimo informe de mil páginas con la historia de toda tu vida y tus puntos de vista sobre el arte, la religión y la política. No incluyas una descripción breve de tus métodos de trabajo, esto podría ser demasiado interesante e informativo. Revisa que tu información de contacto no esté disponible, o asegúrate de que está presentado en alguna clase de horrible formulario, cuya localización esté escondida en la página y que deje claro que no quieres que nadie contacte contigo a no ser que te conozcan (porque son antiguos fans), o que te hayan avisado antes.

Lo más importante es asegurarse de que las imágenes sean tan pequeñas que imposibiliten hacer cualquier apreciación sobre tu trabajo.
No olvides que los visitantes de tu galería son malvados parásitos ladrones que están ahí para robar tu preciado trabajo e imprimirlo en millones de camisetas en China! No les des nada que haga que tu trabajo parezca lo suficientemente bueno como para robarlo!! Mejor aún, pon tu trabajo a salvo no subiéndolo a internet!! Si tu trabajo es impreso lo que tienes que hacer es escribir a las autoridades y pedir que prohiban la venta de escáneres baratos, que podrían usarse para sacar imágenes imprimibles de alta resolución de tu trabajo. Ahora que lo pienso, lo mejor es prevenir que tus imagénes sean impresas. Mételas en una caja fuerte en tu casa y nadie más que tú podrá verlas!

O también puedes ponerle una marca de agua a todo.
Amigo, ahora nos estamos entendiendo! Asegúrate de que tu marca de agua es grande y horripilante, y de que destruye cualquier atractivo que pudiera quedar en las pequeñas imágenes que muestran tu trabajo. La mejor frase que puedes poner en la marca, cruzando tus imágenes es: "Creo que eres un ladrón, no eres digno de mirar mi brillante trabajo porque ni siquiera serías capaz de entenderlo! Fuera de aquí!"

Ves qué fácil es? Siguiendo estas sencillas reglas, o sólo algunas de ellas, tú también puedes hacer que tu galería sea tan magníficamente poco atractiva como la de tantos otros artistas! Así que píllate una copia del Front Page y ponte a ello!

9.6.07

Nueva imagen para Londres 2012 provoca epilepsia



Desde el pasado lunes, la nueva imagen de los Juegos Olímpicos de Londres 2012, se ha transformado en algo así como la Coté López del SQP del diseño gráfico. Todos tienen algo que decir acerca de ella, todos quieren opinar, algunos la quieren ver mal, otros la aman, a otros no les importa, pero igual saben toda la historia.

En una acción letal para esta nueva imagen, el profesor Graham Harding, creador del test de emisión de foto-sensibilidad en aparatos de TV, dijo a la BBC: que el nuevo comercial de Londres 2012 no era seguro para ser transmitido y que debía sacarse del aire:

"It fails the Harding FPA machine test which is the machine the television industry uses to test images. And so it does not comply with Ofcom guidelines and is in contravention of them."

En adición a eso, a un tipo efectivamente le dio un ataque de epilepsia. Estaba viendo tele con su novia y ambos tuvieron un ataque. De hecho, ella necesitó de tratamiento médico:

"The logo came up on TV and I was thinking about the 2012 Games and then I was out", dijo.

Esto le viene muy mal a la ya vilipendiada imagen, que a nadie parece agradarle, especialmente a los londinenses:

"The word London is in an inelegant font, which devalues London as a city. It looks like a child's writing."
Chris Autry

"Do the decent thing and give us a logo we can be proud of and not this national embarrassment."
Natalie

Mientras que el equipo de diseñadores y consultores lo defienden diciendo que no crearon un logo, sino una marca que debe verse actual en 5 años más. En ese punto les encuentro razón, ya que tampoco me gustó en su tiempo el logo del Jamboree que se hizo para el mundial de Alemania 2006, pero terminé acostumbrándome.

De todos modos, les recomiendo leer las noticias completas y armarse su propia opinión

Fuentes:
BBC 1
BBC2
BBC3
Drawn!

Alberto Montt

Aunque sabía de la existencia de su blog desde que me lo pillé en Drawn, nunca lo había revisado. Creo que es un gran ejemplo de la diferencia entre un ilustrador que ocupa el diseño gráfico como herramienta, y un diseñador que ocupa la ilustración como una herramienta, un tema que he tenido en la cabeza esta semana {Migue, Jordi y Jose pueden dar fe de ello} y que tiempo atrás conversamos con José Pinto y la Pola

3 de mis favoritas:





Especímenes de la Bienal de Letras Latinas 2006


bienal letras latinas 2006, originally uploaded by claudioruiz.

Aprovechando que para la entrega final del Taller de Tipografía, tenemos que presentar un especímen de nuestras tipos, les dejo estos dos flickr:

1) Asociación de Diseñadores Gráficos de Colombia, que son los que editaron el libro de la Bienal de Letras Latinas 06 y amablemente nos dejan ver varias de sus páginas.

2) Los 70 especímenes de las tipografías presentadas en la Bienal 06

Videos para un sábado en la tarde

El viernes es para carretear, el sábado para descansar y ver videos pulentos.

Primero, el mítico Rodrigo Ahumada subió en su blog una lista de videos con gráficas la raja. Esos mal llamados "video clips".

Segundo: Studio Smack. Este es un sitio que me envió el muy potro de José Pinto donde en la sección Midden pueden encontrar varios videos, todos notablísimos, incluyendo Kapitaal, que se lleva premio gordo, con un mundo donde sólo vemos diseño gráfico.



El tercero, es un corto que salió en la sección Short Films del 7mo Vicio y con el cual me acordé de una muy querida amiga. El video se llama Papiroflexia y está dirigido por Joaquín Baldwin, lo que demuestra una vez más que los Baldwin están conquistando el mundo, un paso a la vez.



Y cuarto, una selección de Motion Type que armaron los muchachos de Digilicious.cl. Lo extra chori de esta selección es que hay 3 trabajos de cabros de la Chile!: uno es el de Memento, de la incógnita Juanita Laguna, otro es el de Eleanor Rigby que no recuerdo quien lo hizo {si lee esto, identifíquese!} y el otro es de su servidor, con Manolo Cabeza de Huevo. Realmente un honor!

Selección de Motion Type

6.6.07

Nuevas funciones en Youtube

Lo acabo de notar: ahora, al posar el mouse sobre la pantalla de los videos embed, aparece un menú desplazable con los videos que comparten tags. Por ejemplo, si yo pusiera el trailer de "Across The Universe" {la película que más me tinca este año}:



...aparecen todos los videos que generalmente aparecen al lado de los comentarios en YouTube. También hay dos flechas de navegación para pasearse entre los videos contiguos.

Esto puede no parecer tan relevante desde el punto de vista del diseño, pero yo encuentro que sí lo es:

- Mejora la forma en que el usuario interactúa con la interfaz, la hace más cómoda, agradable y accequible.
- Entrega resultados relevantes, sin necesidad de realizar una búsqueda.
- Insta a los usuarios a utilizar mejor las tags, de modo que mejoran las clasificaciones folksonómicas del sitio, lo que se traduce en búsquedas con respuestas más acertadas.
- Se ve bien, ou yeah.

Ahora falta que mejoren la calidad de los videos y listo, murió la tele.

Pd: youtube no le hace justicia a la maravilla visual que es Across The Universe. Véalo en mejor calidad acá. Al principio es como cualquier peli con una banda sonora la raja, pero desde la mitad p'adelante se pone loquísimo.