Boston Experience: fotografías interactivas

visited { color:#a7a; border:1px solid #357; border-width:1px 1px 0; font-size:200%; line-height:1.2em; color:#eee; text-transform:uppercase; letter-spacing:.2em; } #blog-title a { color:#eee; text-decoration:none; } #blog-title a:hover { color:#ad9; } #description { margin:0 5px 5px; padding:0 20px 20px; border:1px solid #357; border-width:0 1px 1px; font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#79b; } /* Content ----------------------------------------------- */ @media all { #content { width:660px; margin:0 auto; padding:0; text-align:left; } #main { width:410px; float:left; } #sidebar { width:220px; float:right; } } @media handheld { #content { width:90%; } #main { width:100%; float:none; } #sidebar { width:100%; float:none; } } /* Headings ----------------------------------------------- */ h2 { margin:1.5em 0 .75em; font:bold 78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#777; } /* Posts ----------------------------------------------- */ @media all { .date-header { margin:1.5em 0 .5em; color:#579; } .post { margin:.5em 0 1.5em; border-bottom:1px dotted #357; padding-bottom:1.5em; } } @media handheld { .date-header { padding:0 1.5em 0 1.5em; } .post { padding:0 1.5em 0 1.5em; } } .post-title { margin:.25em 0 0; padding:0 0 4px; font-size:140%; line-height:1.4em; color:#fc6; } .post-title a { text-decoration:none; color:#fc6; } .post-title a:hover { color:#fff; } .post div { margin:0 0 .75em; line-height:1.6em; } p.post-footer { margin:-.25em 0 0; color:#357; } .post-footer em, .comment-link { font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } .post-footer em { font-style:normal; color:#579; margin-right:.6em; } .comment-link { margin-left:.6em; } .post img { padding:4px; border:1px solid #222; } .post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; } /* Comments ----------------------------------------------- */ #comments h4 { margin:1em 0; font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#579; } #comments h4 strong { font-size:130%; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block dt { margin:.5em 0; } #comments-block dd { margin:.25em 0 0; } #comments-block dd.comment-timestamp { margin:-.25em 0 2em; font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } #comments-block dd p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } /* Sidebar Content ----------------------------------------------- */ .sidebar-title { color:#579; } #sidebar ul { margin:0 0 1.5em; padding:0 0 1.5em; border-bottom:1px dotted #357; list-style:none; } #sidebar li { margin:0; padding:0 0 .25em 15px; text-indent:-15px; line-height:1.5em; } #sidebar p { line-height:1.5em; } /* Profile ----------------------------------------------- */ #profile-container { margin:0 0 1.5em; border-bottom:1px dotted #357; padding-bottom:1.5em; } .profile-datablock { margin:.5em 0 .5em; } .profile-img { display:inline; } .profile-img img { float:left; padding:4px; border:1px solid #357; margin:0 8px 3px 0; } .profile-data { margin:0; font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } .profile-data strong { display:none; } .profile-textblock { margin:0 0 .5em; } .profile-link { margin:0; font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } /* Footer ----------------------------------------------- */ #footer { width:660px; clear:both; margin:0 auto; } #footer hr { display:none; } #footer p { margin:0; padding-top:15px; font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; }

Wednesday, July 05, 2006

fotografías interactivas

Dejad de leer/enviar powerpoints.

No sé si conocéis el concepto de fotografía interactiva. Esa foto de la que seleccionas un trozo, haces zoom-in, vuelves a hacer zoom-in y vas comprobando que en realidad está compuesta por miles de otras pequeñas fotos, a las que te vas acercando hasta que te centras sólo en una nueva. Sobre esa puedes seleccionar otro pedazo...y vuelta a empezar, a un bucle que parece interminable.

Aunque ya había visto en varios blogs uno de los interactivos de este sitio, no había visto el conjunto, ni el concepto. Gettyimages, uno de los catálogos de imágenes más importantes que existe y conocido por cualquier diseñador con un mínimo de experiencia, buscó a 5 de los mejores estudios de diseño de vanguardia: Sumona, Barbarian Group, Tomato, Less Rain y Great works.

Les propuso hacer algo con su catálogo de imágenes, experimentar con la fotografía y la interacción, y cada estudio hizo 2 interactivos (2×5=10) creando: 10 ways. Todos son buenos… a su manera.

@//: Esto es una muestra de una serie que empieza sobre lo último en creatividad a nivel mundial (fotografía, diseño, publicidad, etc). Podéis aportar vuestras noticias, si queréis (especial antención a Carlos Isla e Isabel Pantoja...eh!?).

PD.: Acabad con los 'powerpoints', por favor!!! Muerte a los POWERPOINTS!!!

1 Comments:

Juan Ruano said...: lo que está claro es que José Luis de Paz no lee el Blog y ,si lo lee, pasa de lo que pongo acerca de los .ppt; 3:29 PM