Me gusta pensar que, con el paso de los años, mis métodos de trabajo han evolucionado y mejorado. Cuando comencé a diseñar para web, la herramienta que escogí fue Photoshop, imagino que por aquella época era la que mejor dominaba y me pareció lo más lógico para empezar. Más tarde me decidí a probar Illustrator, el experimento fue satisfactorio, el tamaño de los archivos generados era mucho menor, podía reaprovechar elementos, moverlos y editarlos con mayor facilidad, etc.
Hace cerca de un año comencé a interesarme por Fireworks, la herramienta de gráfica para web de Adobe, parecía tener sentido darle una oportunidad. Al principio echaba de menos algunas herramientas muy potentes que encontraba en Illustrator, las paletas de texto y color me parecían muy pobres (heredadas de Flash) y desde luego no era el software más estable que había probado (el resto tampoco es que sean bloques de hormigón). Aun así decidí seguir adelante y exprimirlo al máximo.
Tal decisión no podía haber sido más acertada, descubrí un sistema de organización infinitamente más lógico al que usaba en Illustrator o Photoshop; gracias al uso de estados, grupos de capas compartidas y símbolos (sobre todo los dotados de 9-slice scaling), no sólo reducía el tiempo que dedicaba a la creación de layouts, también el tamaño de los archivos se minimizaba drásticamente.
FW me ofrecía otra serie de características que hacían más que definitiva mi decisión, quizá las más importantes son…
- … la estupendísima paleta PATH, con la que el dominio de los trazados vectoriales se convierte en un juego de niños. Se puede hacer prácticamente de todo con ella.
- … el comando ‘Paste Attributes’. Copia un elemento, selecciona otro, ejecuta dicho comando e instantáneamente pasa a tener aplicados los mismos efectos, borde y relleno de color que el original (también funciona con tipografía), así de fácil.
- … la herramienta de exportación de areas, con la que se pueden exportar áreas concretas sin necesidad de modificar la imagen en absoluto.
- … la paleta FIND, con la que podrás reemplazar texto, colores, efectos, enlaces, etc. dentro de un rango de posibilidades, desde una sección del documento actual a varios archivos.
- … algo que quizá infravaloréis ahora, pero que después de trabajar con él durante un tiempo veréis realmente útil, que es la independencia del tamaño del lienzo en cada página. Os aseguro que es completamente innecesario utilizar más de un archivo para contener un layout completo (incluyendo hovers, versiones alternativas, lightboxes, etc.).
Seguro que olvido otras cosas que utilizo tan a menudo que olvido el lugar tan importante que ocupan en mi workflow, pero la conclusión definitiva es que FW aporta sencillez y velocidad en la creación de layouts de cualquier tamaño.
Espero que este artículo sirva a algunos para animarse a dar el primer paso, si es así, espero que me relatéis vuestras experiencias en los comentarios (así como aportar otras mejoras que haya podido olvidar).
Edit: Los iconos usados en este artículo pertenecen a la colección Refined Creative Suite 4 de Jesse Dodds.
UPDATE: Me avisan de que acaba de hacerse público el making of del spot, lo que yo te digo, una obra de arte de principio a fin.
8