blog de bunquer comunicacion grafica audiovisual

motion graphics de iconos de cine para sleepless nights

2011-12-06T09:22:00.001+01:00

Sleepless Nights es un proyecto personal del ilustrador Agu Méndez donde cada mes, si eres el elegido, dibuja para tí a la carta en una de sus noches de insomnio.

Para la noche de los iconos de cine hice un motion dónde se explica lo que deben hacer los usuarios para optar a uno de los cuadros ilustrados con su propio personaje. Sólo hay que rellenar un cuestionario eligiendo película, personaje, frase y tu momento favorito y si resultas seleccionado Agu dedicará una de sus noches en blanco a hacer de tus palabras dibujos una ilustración para ti, exclusiva y gratuita.

La idea de hacer un motion para que la gente lo entendiese mejor fue de Agu. Teníamos poco tiempo así que él se encargó de preparar el material incluyendo un story a modo de guión para que la mayor parte del tiempo no se fuese en pensar que pongo aquí o allí, eso ayuda bastante.

Antes de empezar con el orden real de la animación probé a animar algunos personajes por separado, según me sugerían algún movimiento que no fuese un despropósito para tenerlo a tiempo y funcionase bien.
A la hora de empezar con textos y transiciones, todo era ir a la parte que más clara tenía y luego darle vueltas a las que más me costaban.

Los textos los reescribí en AE para tener más libertad y siempre que cerraba una animación los convertía a formas para poder trabajar con el proyecto sin pensar en instalar la fuente en cada lugar donde lo abría, que por lo menos fueron 4 los ordenadores que usé según pillaba tiempo libre. La sonorización fue una parte que se alargó bastante, ya que a esta animación no le pegaba un tema sólo y necesitaba de bastantes efectos para darle solidez a los gráficos.

Adobe Edge, un largo camino por delante

2011-08-04T21:08:00.000+02:00

A todo el mundo le va sonando aquello de que Flash está muerto porque no se ve en muchos dispositivos, etc. En el desarrollo web el inminente sustituto es implementar JQuery, pero este lenguaje puede resultar complejo muy para los diseñadores.

Adobe avisó con lanzarse a la creación de una herramienta de aspecto similar a Flash y AfterEffects para que las animaciones resultantes fueran HTML-CSS-JAVASCRIPT. Se llama Adobe EDGE y ya se puede probar. Yo como interesado en la animación he intentado hacer algo con este nuevo programa (http://dl.dropbox.com/u/22349705/molino.html), pero el resultado es muy pobre para la cantidad de código que genera.

Como se ve en la imagen la interfaz intenta disfrazar los div como capas en una línea de tiempo y podemos manejar algunas características muy simples en el panel propiedades. En mi opinión esta herramienta no va a cubrir la necesidad de nadie, ni del desarrollador ni del diseñador. Queda un largo camino para poder hacer algo útil de verdad y aun así es muy posible que venga a ser lo mismo que Dreamweaver es al diseño web.

Fluid 960 Grid System | 16-column Grid

2011-08-03T20:41:00.002+02:00

Genial web de referencia para mostrar algunas de las técnicas de animación para un diseño web responsable: Fluid 960 Grid System | 16-column Grid

Blog This!

2011-07-02T10:02:00.000+02:00

Interesante extensión de chrome que nos permite crear un post en cualquiera de nuestros blogs de blogger con un sólo clicBlogger Buzz: Blog This!

9 vídeos geniales vistos en clase de motion

2011-04-15T10:41:00.001+02:00

En las clases de motion nos hemos impuesto como norma traer todos los días vídeos. No hay mejor forma de impregnarse de ideas, tener mas culturilla visual y aprender a ser humildes viendo las genialidades que rondan la Red. En estos dos últimos meses hemos visto muchas cosas y nada mejor que hacer una listica para poder recordarlas:

Bunquer se muda de oficina

2011-03-30T09:57:00.001+02:00

¡Otra vez! Siete meses justitos hemos estado con la oficina Bunquer / Las Madrinas en el Centro Histórico de Málaga ¡y hasta aquí hemos llegado! Todavía estamos en pleno jaleo, sin ordenadores montados, ni mesas, ni internet...

Hemos estado llevando cosas poco a poco, pero el viernes pasado hicimos el traslado de lo más gordo, GRACIAS a los amigos que nos ayudaron con nuestro millón y medio de trástulos!

Ahora nos movemos a las oficinas del Edificio Arcadia, el nº1 de Ingeniero de la Torre Acosta, al ladito de casa y del colegio al que Nicolás empezará a ir el año que viene. No hemos podido mantener el número de teléfono, el nuevo es 951 24 30 50

En definitiva, que tras este "fallo de cálculo" hemos buscado principalmente eso que llaman calidad de vida y conciliación familiar hasta donde se pueda, que al fin y al cabo para eso somos nuestros propios jefes!

En estos meses hemos acabado cansados del coche, de los atascos, de guiris, de guías turísticos con megáfonos, de los precios abusivos, de que cualquier "evento" afecte tu rutina de trabajo (sea Navidad, Carnaval, Festival de Cine, Semana Santa, Feria... ) y hartitos de obras, por todas partes , a todas horas y cada día una nueva...

En definitiva, lo bueno (oficina bonita y equipada, luminosa, bien situada) no ha compensado a lo malo. Espero que este cambio, con todo lo que nos está costando física, mental y económicamente, merezca la pena!

tipos de títulos de crédito en el cine

2011-02-25T14:09:00.007+01:00

Cualquier grafista o motiongrapher no podrá negar que los títulos de crédito de una película pueden ser el culmen de su trabajo. Esa pequeña introducción que para muchos pasa desapercibida, para otros se convierte en una pieza importante de la película. En sus orígenes sólo servía para titular lo que se iba a ver, texto blanco sobre negro cuya tipografía describía de que género se trataba.

Llegó el momento en que los diseñadores de carteles y algunos directores vieron su potencial y así, los títulos iniciales empezaron a formar parte del empaquetado de la película junto a la campaña gráfica.

En la actualidad, se puede mirar atrás y hacer un recorrido por este arte con bastante perspectiva. Como cada año en el curso de motion graphics que doy en gaussmultimedia introduzco un bloque dedicado a la secuencia de títulos, este año, en un intento de clasificarlos por tipos, he creado un esquema con un par de ejemplos significativos para cada categoría, espero que os guste y, por supuesto, estoy abierto a sugerencias:

Muchos de los títulos que he puesto aquí los puedes encontrar en la web art of the title donde la labor de documentación del site es impagable. Otros están disponibles en youtube, recuerda especificar al lado del título de la película "opening titles". Si te interesa este tema puedes buscar el libro Uncredited que hace un excelente recorrido por la historia del los títulos y además trae un dvd con muchos de ellos en archivos mov.

estudios de motion graphics en españa (primera parte)

2011-02-04T14:09:00.000+01:00

Es difícil estar al día de todos los vídeos que se generan en la Red, cada vez veo mejores trabajos de motion graphics y muchos de ellos hechos en España. Haciendo una revisión de estudios que se dedican al motion he hecho una recopilación de los trabajos que más me han ido gustando de aquí a un tiempo.

cocoe

De este estudio situado en Madrid no es fácil escoger un sólo trabajo. Su web está plagada de animaciones de gran calidad técnica y de un estilo con personalidad propia. Os dejo la continuidad de la sexta, un trabajo muy propio de esta disciplina y vemos muy a menudo en nuestros televisores.

zelig studio

Ellos se definen como "un estudio de diseño especializado en proyectos de broadcast design y motion graphics" y desde luego sus trabajos lo demuestran. Son una marca que pertenece a otras dos grandes del sector como Mediapro y Molinare. Están en Barcelona y entre otras cosas son los creadores de la identidad visual de las noticias de TVE1 y la 2.

onionlab

Estudio multidisciplinar de Barcelona que tiene sus mejores trabajos orientados al motion y a las visuales de conciertos y dj´s. Entre sus trabajos me gusta especialmente una pieza realizada para el festival puntoyraya.

pornographics studio

Otro estudio barcelonés que lleva desde el 99 haciendo excelentes trabajos de motion, como de muestra la animación tipográfica de La Petit Mort ganadora de un sol de oro.

dvein

También en Barcelona se encuentra dvein. En sus trabajos destaca la combinación de imagen real con el motion en 2 y 3D. Uno de sus vídeos más brutales son los títulos iniciales del evento Toca Me, realizados como se puede ver en su web, quemando y tratando materiales reales que grababan para luego crear una perfecta fusión con el 3D.

Hay muchos más que dejaré para una segunda parte de este post.

motion graphics de mar de color

2010-10-21T12:03:00.000+02:00

Si me preguntan que trabajo de animación me ha llevado más horas, sin duda sigue siendo la promo de Mar de Color. Además fue una iniciativa propia y quizá sea por eso por lo que le eché tantas horas. Al principio empecé bocetando un storyboard sencillo para hacerme una idea de cuantas secuencias necesitaría aproximadamente.

El siguiente paso fue recopilar todo el material, muchas texturas de papeles, telas, fieltro... vectores de las ilustraciones de Mar como peces, pulpos y por supuesto el musi y la sirena. También busqué fotos reales de conchas marinas, rocas y caracolas para detallar el fondo marino. El proceso en After Effets debía ser muy ordenado, tenía gran cantidad de material, así que intenté ordenar en secuencias y composiciones cada objeto o personaje. Así el barco de papel, por ejemplo, tendría su propia composción que podría usar en las secuencias donde apareciera. La interfaz de AE se veía bastante barroca y como el proyecto lo estaba haciendo en HD 1080 el trabajo no era totalmente fluido.

Aunque siempre cuando lo veo pienso que podría haber creado alguna secuencia más, la verdad es que también hay que saber decir hasta aquí hemos llegado si quiero verlo hecho algún día.

logotipo de Cortogenial

2010-10-07T13:59:00.001+02:00

Cuando te encargan un logo hay veces que te viene rápido una idea a la cabeza y otras que no sabes por donde tirar. Suele ayudar que la empresa o motivo del logo sea algo muy claro. Pero si hay un tema que suele darme dolor de cabeza es el relacionado con lo audiovisual. Será por lo de "en casa de herrero cuchillo de palo" pero todas las ideas que se me ocurren de primeras incluyen cámaras, fotogramas de cine y demás objetos manidos.

Así después de desechar lo obvio hice algunas propuestas de las que se escogió una que representaba un hombrecillo con un visor que le aumenta el ojo. No era mi preferida, pero bueno, a la nevera van las otras.

Al final, después de ajustar varias veces el texto que incluía el juego entre la palabra GENIAL y el lugar dónde se realiza la muestra, Puente Genil, quedó así:

Rodaje de Elige Uno

2010-10-04T18:58:00.005+02:00

Hace ya casi un año de este rodaje y fue uno de esos proyectos que te dejan seco el cerebro. El trabajo lo hacíamos junto a otro estudio de unos amigos, Brida Imagina, y lo recibimos como la oportunidad de grabar un gran vídeo, ya que era para el Patronato de Turismo.

Al principio elaboramos todo un guión con localizaciones por toda la costa del sol, la idea era hacer un trailer de una falsa peli. De esa forma podíamos enseñar una buena parte de lo mejor de la provincia de Málaga dándole algo de historia. Queríamos que tuviese el rollo de Vicky Cristina Barcelona, que al fin y al cabo más que una peli parece un vídeo promocional de Barcelona.

A pocos días del inicio del rodaje los actores nos fallan... así que la idea se fue deshinchando poco a poco y se empezó a pensar en buscar otro protagonista, el Sol.

La mayoría de las localizaciones se mantuvieron pero esta vez buscábamos planos donde el sol se viese creando los conocidos destellos de lente o proyectando sombras. El vídeo se grabó con una Panasonic HVX200 con un adaptador de objetivos montado. De esta forma la textura y el efecto de fotografía captaban mejor la idea. Ahora que las cámaras relfex graban vídeo eso es lo más habitual y aquello del adaptador suena muy desfasado.

Como en cualquier rodaje tuvimos un poco de todo, desde grabar un travelling en Renfe con una silla de ruedas, pasando por hacer equilibrios en un barco y hasta quedarnos tirados en Ronda con la furgona clavada en un barranco.

Aquí estoy yo aprovechando el accidente para grabar imágenes del campo, mientras Lucas intentaba no agobiarse y Piki nos echaba fotos.

Aunque el esfuerzo fue considerable, estamos muy contentos con el resultado y pudimos ver lugares especialmente bonitos de la provincia.

Identidad y web para La Caballerita

2010-09-29T12:19:00.000+02:00

Este verano Mamen se puso en contacto con nosotros para pedirnos un logo y renovar la imagen de su web. Ella se dedica a la artesanía hecha con fimo y fieltro principalmente. Su nombre de marca es La Caballerita, lo que nos sugirió una línea de inspiración basada en el estilo vaquero americano.

A partir de ahí Mar hizo la ilustración que serviría tanto para el logo como para los elementos de la web.

También podéis hacerle una visita a su blog para ver como ha quedado.

La nueva imagen de Adobe CS5

2010-09-27T13:02:00.000+02:00

Mirando aquí y allá he dado con un post muy curioso donde nos cuentan como se ha creado la nueva imagen de Adobe para sus aplicaciones. A mi personalmente me ha gustado el estilo geométrico cuando abres un programa y los iconos cuadrados con un poco de dimensión.

Esta foto la he cogido de la web de uno de los creadores Ryan Hicks.

Nueva oficina!!

2010-09-13T18:33:00.000+02:00

Estamos muy liados!

Al fin nos hemos decidido a mudarnos a una oficina, local, estudio... en definitiva, trabajar fuera de casa. Algo que iba siendo necesario en proporción al crecimiento de Nico.

Por ahora estamos acomodándonos todos a los horarios, idas y venidas en coche, y dejar todo aquello a nuestro gusto. Poco a poco, que lo primero es el trabajo si queremos pagar el alquiler.

Cuando estemos listos os invitaremos a conocer nuestro nuevo bunquer en pleno corazón malagueño.

Cartel Creactiva Málaga Junio 2010

2010-05-31T17:13:00.002+02:00

Ya está la versión definitiva del cartel que he realizado para la cuarta edición Creactiva Málaga, con la lista completa de participantes. Este sábado Mar de Color estará al lado de los puestecitos de talentosas creadoras como La Princesita & Malgenio, La vaca dijo Mu, Noneta y otros 20 más.

JuanLu tenía ganas de hacer un stop-motion (también para explicar cómo se hacen en sus clases de Motion Graphics y postproducción de vídeo en Gauss Multimedia) y al ver mis recortes de fieltro y los botones no se lo pensó dos veces

Cuanta razón tiene Mauro Entrialgo

2010-04-23T11:00:00.000+02:00

Malahierba Dëivid

2010-04-19T13:43:00.002+02:00

Ya está actualizada la web de Malahierba con la nueva colección de primavera-verano.

Para quién no conozca esta firma de moda afincada en Barcelona, os puedo decir que con Deïvid, su sexta colección, se han superado. Cuando nos llegaron las primeras fotos nos quedamos con la boca abierta, y así seguimos, viendo como sus prendas recorren en mundo desde las páginas de las revistas de moda más cool, en la televisión, en todo tipo de eventos y ferias...

Uno de sus fundadores, Jesus Moreno, estudió con nosotros en la facultad de Comunicación Audiovisual. Jesús se fue a Barcelona como muchos otros compañeros a estudiar ilustración y buscarse la vida, y después de currárselo mucho emprendió junto a Marijo Torres su propia firma de moda, Malahierba.

Desde el principio su trabajo ha sido muy bueno, sobre todo auténtico y apasionado. Cada vez que veo sus nuevas cosas deseo que la constancia y el buen hacer se vean recompensados, al menos así debería ser. Poco a poco son más conocidos y quién sabe, lo mismo en el futuro los vemos muy arriba, aunque me consta que para él, el triunfo es poder hacer lo que le gusta.

Si queréis saber más sobre su trabajo podéis visitar su blog o seguirlos por facebook.

Peluqueria gratis para los parados de Málaga

2010-03-24T10:26:00.001+01:00

El día 10 de febrero estuvimos en las 12 Horas relámapago por los Parados, donde Agustín&Hijos ofreció peluquería gratis a todos los que presentaran su cartilla del paro y esperaran la cola! Una interesante iniciativa para poner guapo al personal para el dia de los enamorados, y que como podéis ver tuvo una respuesta de público masiva...

Este es el vídeo que realizamos con Factor ñ, un estudio de Málaga que además de currárselo mucho tienen un blog de arte y diseño que os invito a que visitéis.

Si quieres leer la crónica y ver más foto visita la web.

Bunquer Universal Countdown Leader

2010-02-23T10:47:00.000+01:00

Siempre que he visto el contador universal que trae adobe premiere por defecto he pensado en hacer el mio propio. Al final me lo he propuesto y ahí está, una práctica para jugar con las formas simples de After Effects. Para inspirarme estuve mirando algunas imágenes de logos vintage.

Buscando ideas en patterntap.com

2010-02-17T17:52:00.001+01:00

Siempre hay que tener bien nutrida la galería de ideas para cualquier proyecto. Si además tienes que motivar a los alumnos para que vean diseños pues más aun. No soy muy partidario de los libros con fotos de webs, me parecen una contradicción, quieres ver diseño web, que mejor que la propia Red para ver la interacción o cómo han solucionado problemas de CSS.

Esta claro que Internet es infinita y no se puede empezar por cualquier parte, así que os recomiendo patterntap.com, una estupenda galería con categorías por elementos.

Pixel perfect

2010-02-07T19:37:00.002+01:00

Buscando aquí y allá para las clases de diseño web de Gaussmultimedia me he topado con uno de esos complementos de Firefox que nos hace la vida más fácil a la hora de diseñar web.

Se llama Pixel Perfect, lo podemos instalar gratuito desde Firefox y nos permitirá cargar las imágenes que queramos para superponerlas en nuestra interfaz. Así nos ahorramos tener que subirla al FTP para ver como queda.

Navidad de Creadores

2010-02-02T10:37:00.005+01:00

El 3 de enero participamos con Mar de Color en la primera Navidad de Creadores, muestra de marcas independientes.

¿Dónde? - Plaza Activa (Pza. de San Pedro de Alcántara - centro de Málaga).
¿Qué? - jornada en la que 16 marcas independientes expondrán, cada una en
su stand, sus elegantes y originales productos. Esto estará acompañado de un programa de actividades, música, performances,…para el disfrute de todos los asistentes.

Marcas expositoras:
AnikaDreams * Artemorphosis * Art Shampop * Bandidas * DollAdict *
El tendedero de Lucía * La Habitación de Kate * Mar de Color * Melocuelgo *
Mitaddoble * Mi Yanto * Paloma Hiles * Pekeña * Sandra Robledo * SoapRosa *
Supercursi * SuppaRobotto * Valenzuela

Colaboran:
Junta Municipal de Distrito 1 Centro, Ayuntamiento de Málaga * Plaza Activa *
Proyecto Lunar * Loverbooking * Haddonfield-Mora Tau * Malagazine
Factor Ñ * Minidosis

En bunquer realizamos el vídeo del evento, espero que os guste!!!

Acabando con Internet Explorer 6

2010-02-01T11:16:00.001+01:00

Muchos diseñadores web nos echamos las manos a la cabeza cuando un cliente te dice que en su ordenador no se ve bien la página que le estás haciendo. La primera alarma que se enciende en tu cabeza es "o dios, va a tener el dichoso Explorer 6" y ahora explícale que está obsoleto, que no tiene sentido seguir haciendo malabarismos para que interprete bien el estilo CSS.

Microsoft no parece hacerse cargo del asunto y múltiples versiones de Explorer campan a sus anchas en el basto mundo del usuario. Todos los diseñadores que además vemos como CSS3 es toda una bendición pedimos al unísono, "por favor que desaparezca IE6 y Microsoft obligue a sus usuarios a actualizarse".

Pues bueno, si Mahoma no va a la montaña... tendrá que ser Google quien empiece a dejar de preocuparse por IE6. Ja, ja, ja, ahora podremos decirle a nuestro cliente "es que Google, la gran G, ya no desarrollará para IE6" muy convincente y necesario.

Y no queda ahí la cosa, como Explorer en su actual versión sigue sin admitir CSS3, Google está preparando una cosita que será un regalo para todos los diseñadores con CSS.

Esperemos que vengan tiempos mejores y no se nos vaya parte del trabajo en dar con la tecla para ver nuestra web igual en los distintos navegadores.

Libro de la Constitución Española

2010-01-27T13:30:00.000+01:00

Hace un par de meses nos estuvimos quemando las pestañas para ilustrar este libro que por fin hoy tengo entre las manos…

Realizado para Brida Imagina y editado por la Diputación Provincial de Málaga, trata de acercar a los niños algunos de los contenidos más esenciales de la Constitución y de las competencias de las Diputaciones Provinciales que este año cumplen su 30 Aniversario.

Por mi parte, de los más de 30 dibujos realizados los que más me ha gustado hacer y que creo que mejor han quedado…

El que representa a las 17 Comunidades Autónomas

La Justicia, del Poder Judicial

El derecho a la Educación, con un grupo de niños en clase charlando sobre qué es lo mejor de ir al colegio

Un gran parque de cuatro páginas, donde se describen los objetivos de la Diputación

El profe que les explica a los niños pequeños qué es y para qué sirve una Constitución

La Igualdad ante la Ley, el Derecho a la Libertad Ideológica y Religiosa y el Derecho a la Libertad de Expresión, los tres en un dibujo a dos páginas

Y la última ilustración que realicé y que cierra el libro, una niña jugando con una cometa para la reflexión final titulada “Mirando al Futuro”

Ponte las pilas con Stefan Sagmeister

2010-01-19T11:46:00.000+01:00

No me cansaré de decir "internet es brutal" y desde luego es por cosas como estas, recibir toda una clase magistral desde mi casa y con subtítulos en castelleno, awesome!

Los orígenes de los iconos

2010-01-18T09:54:00.000+01:00

Si hace 25 años alguien nos dijera que se dedica a diseñar iconos para una interfaz gráfica creeríamos que nos toma el pelo. Pero eso es precisamente lo que hacía Susan Kare a principios de los ochenta.

Hoy no es raro que conozcamos lo que es un icono, han pasado a formar parte de nuestra actividad diaria, no sólo en la pantalla del ordenador, si no en cualquier móvil, consola portátil o PDA. Cumplen un cuarto de siglo con nosotros y es una buena excusa para preguntarnos cómo surgieron y hacia dónde están evolucionando.

Para hablar de los inicios de los iconos es obligatorio empezar por la ya citada Susan Kare, fue la responsable del primer sistema de iconos ideado para el Macintosh 128K de Apple aparecido en 1984.

El objetivo de Kare fue maquillar con imágenes las funciones que normalmente se escribían para interactuar con el ordenador. Para esta doctorada en la Universidad de New York de Bellas Artes, tuvo que resultar un reto utilizar sólo el blanco y negro sobre una retícula de 32 por 32 píxeles para esquematizar acciones carentes de ningún referente anterior. Según sus propias palabras: “Los gráficos bitmap son como los mosaicos, los bordados sobre cañamazo u otras expresiones artísticas pseudigitales”. A pesar de ello, sus primeros iconos superaron las limitaciones técnicas y se convirtieron en el referente necesario para establecer unas normas en el diseño de iconos.

Para ello lo primero fue encontrar una metáfora con la que la gente se encontrase familiarizada. Ya se había probado con el escritorio de trabajo “desktop” los laboratorios de Xerox en 1981para su modelo Star y Apple mantuvo esa línea.

Así los iconos de Kare pasarían a representar hojas de papel, archivadores, carpetas y todo un conjunto de objetos que cualquier persona podría tener sobre su escritorio reflejado de una forma arquetípica.

El icono de documento representado por una hoja de papel con la esquina doblada se convertirá en la forma de simbolizar un documento en cualquier sistema o plataforma. También la carpeta para guardar documentos sigue en la actualidad funcionando como base de la metáfora del escritorio.

Sea o no la metáfora del escritorio la más acertada, el que millones de usuarios la hayan aprendido la convierte en un modelo consolidado y reproducido por el resto de sistemas operativos hasta hoy día.

Así pues, no se aprecian grandes cambios conceptuales entre el primer sistema de iconos de Kare y los que luce el actual sistema operativo Mac OS X Snow Leopard, aunque salta a la vista que la evolución tecnológica ha dotado a los nuevos iconos de Apple de un aspecto mucho más espectacular.

Los iconos originales de Kare transmiten el mensaje a la perfección con sólo 32 píxeles monocromo. La evolución en Mac Os X sólo los ha dotado de un aspecto más realista.
Tras esta mirada atrás, queda claro que Apple no sólo supuso el punto de partida del diseño de iconos para interfaces gráficas, si no que hoy por hoy sigue a la cabeza de su desarrollo, siendo la evolución más importante en 25 años los cambios introducidos por el sistema Mac Os X y su interfaz Aqua.

Aunque dicha evolución de convertir el icono en una imagen fotoilustrativa choca frontalmente con las primeras líneas marcadas por Susan Kare, las limitaciones técnicas impuestas hace 25 años no pueden condicionar de por vida el diseño de los iconos destinados a nuevos sistemas. Estos son capaces de reproducir millones de colores con acabados de alta resolución y efectos visuales fluidos y prueba de ello, es que el resto de sistemas operativos seguirán los pasos de Apple.

Dónde no existe tal evolución es en lo que representan estos nuevos iconos, la metáfora del escritorio sigue intacta tras este largo periodo. No se quiere decir aquí que sea infalible, si no que los intentos de cambio suponen un riesgo que ninguna de las grandes marcas quiere afrontar por ahora.
Sí nos aventuramos a pensar en el futuro de los iconos, y podemos decir que están de enhorabuena. Las plataformas móviles y sobre todo las pantallas táctiles están impulsando el sistema de comunicación por iconos, potenciando este lenguaje visual que por otra parte es imprescindible para comunicarnos con las máquinas.

herramientas prácticas para diseño web

2010-01-15T16:43:00.000+01:00

Con este post estreno Dropstorm, blog que quiero dedicar a los recursos e ideas que me gustan para que no se me olviden, y si de paso alguién topa con este rinconcillo y les son de ayuda pues genial.

Cuando tengo que diseñar una web, además de las herramientas por excelencia como Photoshop, Dreamweaver o Flash, me apoyo en algunas que están disponibles en la red y ayudan mucho.

Dejo una lista de las que uso habitualmente:

Firebug. Complemento para Firefox que una vez instalado nos permite ojear el código HTML y CSS de una web y así prácticar sin riesgos soluciones de diseño css.

IE Developer Toolbar. Lo más parecido a Firebug para IE.

Favikon. A la hora de publicar una web no hay que olvidar ponerle ese pequeño icono que aparece en la url, el favicon.

Bgpatterns. Crear un fondo para nuestra web puede resultar un paso más engorroso de lo que pensabas, con esta herramienta puedes pasar un buen rato y salir del paso creando tu propio patrón de fondo.

Kuler. Otro ratillo se te va cuando te pones a combinar colores en el kuler de Adobe.

Designer Toolbox. Para hacer una presentación de como quedará la web puedes poner la guinda utilizando las plantillas de navegadores en PSD desccargables en esta web.