Aquesta tarda participaré com a ponent a la segona edició del Cogrés Gràfic al CCCB, organitzat i promogut pel Col·legi de Disseny Gràfic de Catalunya.

El títol de la sessió plenària que durarà tot el dia d’avui es “El disseny i les fronteres”, i la areà de debat sobre la qual participare es focalitzarà en l’us de les tecnologies de la informació.

M’havia preparat un “power point” per fer la meva exposició, però ahir a la nit vaig reflexionar sobre la conveniència o no d’utilitzar-lo, per finalment acabar decidint de prescindir-ne.

Se’m va proposar que expliques en la meva xerrada, l’us que en faig a nivell personal i professional de les tecnologies de la informació, així com la meva experiència en l’execució de projectes interactius.

Així que, quina millor forma d’explicar-ho que fent-ho en directe i demostrant, amb els perills del directe, l’us i la meva visió sobre les mateixes.

(més…)

Als últims projectes en Css que em fet a Grapa.ws em investigat amb diferents fonts CSS no ortodoxes, fugint de les cansades Arial, Verdana, times, Georgina,…

Book Antiqua

A Manfatta vaig utilitzar la “Book Antiqua” com a font principal pels títols de les seccions, un web on no hi cap imatge calia tenir tipografies que li donessin força caràcter al text, …personalment n’estic força satisfet de com va quedar el CSS.

Palatino

A “Bornay“, en Joan i el seu toc personal ;), va fer que busquéssim i re-busquéssim entre les possibilitats d’utilitzar alguna tipografia que sortís una mica del normal, per finalment vam anar a parar a la Palatino.

Arial Narrow

D’aquí poquet publicarem un projecte amb la Arial Narrow com a font pels encapçalaments, dona un toc molt elegant al web.

Arial Rounded

Un atreviment de l’Edgar, que funciona de meravella amb cossos de lletra grans.

Si tu també dissenyes en CSS, atreveix-te a fer aquest tipus de “hacks” tipogràfics, busca la penetració que tenen les fonts més comunes, t’emportaràs agradables sorpreses. Prepara una bona cadena de fonts de substitució que funcionin mes o menys igual de bé en quant a tamany amb la font triada i llestos!

Et deixo un exemple de cadena:
font-family: “Book Antiqua”, Palatino, “Palatino Linotype”, Garamond, “Times New Roman”, serif;

El post sorgeix de llegir, via el blog de Intenta, aquest article que, ja pel títol, deixa clar que cal que ens hi atrevim: 8 fonts you probably don’t use in css, but should!

Fa molt poc que vam estrenar el VahoShop, tot just abans d’estiu. Per a la VahoShop volíem crear una interfície de compra molt intuïtiva, on fàcilment poguessis comparar els diferents models de productes. Cadascun dels models de Vaho son únics, i volíem que l’usuari pogués veure i comparar en tot moment els “bolsos” disponibles, pogués posar-los a la llista de la compra, i seguir comprant canviant de model, etc.
Vam fer una feina de bechmarking buscant interfícies de compra diferents, però vam trobar poca cosa singular.

Avui navegant, he descobert el nou web de Gucci, i m’encanta per la seva atrevida simplicitat, sense elements superflus, només producte, un menú de text minimalista, i una navegació amb molt rollo. La tenda on-line s’integra dins la mateixa navegació de tot el web, i sorprèn altre cop per la seva simplicitat, es molt clara, no hi ha cap icona amb un “carrito de la compra”, i veus en tot moment i gràficament els productes que tens a la shopping bag.

Sembla que alhora de fer “calers” pocs estan disposats a fer experiments en les interfícies de compra.

Coneixes més tendes on-line amb una interfície singular?

www.vaho.ws/shop
www.gucci.com
www.shopcomposition.com
www.freitag.ch

1,2,3… responda otra vez!

El Flash s’ens ha fet gran, ja ha complert 10 anys, i encara que 10 anys no són res, a Internet ho són tot. Durant aquest temps el flash ha deixat mella, a marcat la vida dels internautes de moltes maneres i no s’ha salvat de polèmiques entre defensors i detractors que l’han possat molts cops en el centre de discussió alhora d’afrontar un projecte.

Recordo quan nosaltres vam començavem, fa més de 6 anys, ens demanavem el pressupost de fer un web en Flash o en Html, amb o sense intro, com aquell qui tria si al cotxe li instala llantes d’aliatge o no, no hi havia un anàlisi funcional de la tecnología, era simplement un complement de valor accesori, ara m’horroritza pensar algunes coses que haviem fet, tot i que encara tenim alguna de la època que segueix prou dignament penjada.

Avui ja no utilitzem el flash com un complement de pressupost, sino fent un anàlisi de la funcionalitat i les necessitats de comunicació d’un web, ara es diferent si hem de fer un minisite de publicitat, o un web d’informació corporativa. Tot i això sempre he cregut en el valor publicitari i de posicionament que te un web corporatiu, i sovint ens costava renunciar a la potencia gráfica del Flash en vers al html, per això fa temps que utilitzem el “FlasHTeMeLe”, o el que es el mateix, la barreja de flash i Html d’una manera racional.

Tot i això…, qui negarà que hi ha webs en flash que ens han marcat?, en podriem recordar moltes, però finalment tenim les webs més influents d’aquesta decada: la FWA i Adobe han obert una votació amb les escollides, i ja tenim els resultats: 1996-97, 98, 99, 2000, 01, 02, 03, 04, 05, 06.
Tot i que algunes de les seleccionades ara ens fan alergia, s’han de entendre en el context i reconeixer el merit. Apa! a disfrutar d’aquest web-flash-revival.

Fes l'exercici que em van proposar a mi:

El web de "Sabor Bianchi", té un aire a alguna altre web,
… on si hi poses el color groc en lloc de marró,
… segur que ho acabes veient volant.

Per dir-ho clar: Per flipar!
Gràcies David ;)

Es evidente que a la organización de los Laus le molestan los proyectos interactivos, son un engorro.. no saben como exponerlos y tampoco acaban de entender para que sirven.

Soy socio del ADG-FAD, soy diseñador, titulado y colegiado, sin embargo… soy un bicho raro!, nos dedicamos a la comunicación interactiva, y eso en el ADG no acaba de encajar.
Ya en la junta del año pasado, varios hicimos notar que no era manera de exponer los proyectos interactivos, que se llaman interactivos porque estan pensados para generar una comunicación bidireccional, una interacción… así pues, hacer un vídeo de 10 segundos por proyecto, grabarlo en un DVD y enchufarlo en una pantalla de televisión, ni siquiera tenían sonido, pues cómo que no.

Pero este año, ni eso!
Los proyectos interactivos estaban en una pantalla de TV, en un rincón de la sala de exposiciones (de verdad, cuesta encontrarlos), a 5 metros de altura, y otra vez claro, sin sonido.
Imagínate ver el site de "escucha la llamada" o el precioso BMW Serie 5 "tinta", grabado en 10 segundos, en una pantalla de TV, sin sonido y a 5 metros de altura, que crimen!
Lo mejor: en el vídeo sólo estaban los proyectos nominados, los selecionados molestaban, no será por el espacio que ocupan, verdad?
Es decir, que un cartel selecionado, merece estar en la exposición, pero un web corporativo selecionado, de 3 meses de trabajo de un equipo de 4 o 5 personas, no lo merece? Que menosprecio!.

Nada, el año que viene, ahorremos espacio, pongamos en 3 o 4 pantallas de televisión en el techo, y unas hamacas para el público (eso sí, alquilamos las hamacas a 3 euros) y listo.. enseñamos las publicaciones, el packaging, la imagen corporativa, etc.. en un video donde alguien va pasando los proyectos, en plan videoclip de Bob Dylan.

Sentimos haber apostado por los Laus para promocionar nuestros trabajos interactivos, pero ya está: mensaje recibido, no es question de molestar a nadie.

El 25 de maig, demà, s’inaugura l'expo Laus 06 al Fad, aquest any amb la novetat que els assistents podran votar el premi Laus de l'opinió. L’exposició estarà oberta del 25 de maig al 23 de juny, de dilluns a divendres de 11 a 20h. i dissabtes de 12 a 19h.

A Grapa aquest any tenim tres projectes seleccionats als Laus en la secció d'interactiva.

• www.vaho.ws
• www.inventadisseny.com
• www.pagodeloscapellanes.com

Si vas a l'inauguració, recorda algun d'aquests 3 projectes pel premi de l'opinió ;)

Com a grapa estem treballant en una campanya per a una cadena d'hotels, ultimament estic de benchmarking de campanyes.
L’última campanya de banners dels Hotels Hilton, utilitza com idea una animació d'una línia entres dos punts, que dibuixa una acció.

M’ha recorda’t a la nostra darrera felicitació de Nadal, on amb una animació "stop motion" vam voler fer un petit homenatge a la simplicitat, i amb una línia resumir 6 anys d’història a grapa, et deixo el link aquí per si no vas tenir l'ocasió de veure-la, no t’oblidis de connectar el altaveus.

Me gusta navegar, i si!; també "me gusta conducir".
Fa temps que vull tornar-me a comprar una moto gran, però mentre no arriba el moment, i en aquest llarg procés, que es el de triar quina moto comprar, he estat navegant per totes les webs de les marques que m'interessa algun model.
Mai hagués pensat que de la decisió de compra de una moto se’n generaria una experiència d'usuari tant pobre.

(més…)