La verdad es que para proyectos pequeños siempre he utilizado lápiz y papel a la hora de decidir la estructura de la web, y luego suelo saltar al ordenador algo hambrienta. Pero para proyectos grandes, en los que se ven envueltos más de un diseñador o maquetador, plasmar y trabajar seriamente la estructura del proyecto, su layout y el diseño de la información en forma de wireframe, es terriblemente útil y ahorra mucho tiempo y reuniones. Además al final tienes un documento de trabajo que permite cierta independencia a la hora de desarrollar.
“A wireframe diagram lets everybody focus on what’s important at this step: clearly understanding what goes on each page, where it goes, and why it goes there, so you can achieve the best overall balance and structure for each page. A wireframe is a sketch of a page-layout idea”
Aquí tienes un pequeño resumen sobre la importancia de los wireframes en el proceso de desarrollo web, y también desde “Onextrapixel” un poco más de info al respeto.
Si nunca has utilizado ningún software para desarrollar tus wireframes, desde este post en “Speckyboy” nos proponen 10 wireframes apps gratuitas. Ahora sólo hay que encontrar la que más se aproxime a nuestras necesidades y gustos.
Y, por si esto no es suficiente, siempre puedes visitar “Wireframes“, la revista online dedicada a wireframes, como no… ;p
.
En posts anteriores ya hablamos de algunos sitios que recopilan webs que nos inpiran, pero las clasifican por los distintos elementos que en ellas destacan. Unos lugares parfectos para buscar inspiración o soluciones cuando estamos atascados en los detalles. Bucea un rato por MethoBox y verás de lo que hablo ;p
10 Mayo 2010.
Todos hemos tirado de siluetas alguna vez para nuestras creaciones, y básicamente navegamos por internet hasta encontrar aquélla que más se ajusta a nuestra idea.
En All Silhouettes encontrarás una recopilación sólo de siluetas gratuitas para descargarte. Si no está aquí tal vez debas ponerte a trazar ;p
Visitando a la gente de Ateneu Popular me he llevado una grata sorpresa… En abril Adobe presenta el nuevo Creative Suite CS5. Con este video nos ponen los dientes largos mostrando un adelanto de las novedades que nos ayudarán a ahorrar mucho tiempo en nuestros retoques fotográficos. Adiós al pincel y el parche… ¡Bienvenido “Content-Aware Fill Sneak Peek”! Pura magia ;p
.
5 Abril 2010.
En Smashing Magazine me he encontrado este post con una recopilación de lo que CSS permite hacer, entre otras muchas cosas, para tener un mayor control del la tipografía que utilizamos en web, sin estar obligados a la limitación del uso exclusivo de las fuentes del sistema. Aunque, como ellos mismos advierten, muchas de las propiedades y técnicas que nos muestran no son compatibles con la mayoría de navegadores, lo cierto es que es mejor conocerlas, puesto que en un futuro serán imprescindibles y habituales, y nos facilitarán mucho el trabajo ;p
Existen miles de lugares que recogen listados de las mejores webs o los mejores videos, pero en CREATIU quieren hacer una recopilación de “lo mejor en Visual Arts”, así que en la misma página puedes disfrutar de las mejores webs y los mejores videos además de un listado de escuelas de diseño de todo el mundo. Esto, y el sistema de filtrado, lo convierten en un lugar que hay que visitar.
26 Febrero 2010.
Siguiendo con la tipografía, en Unique Types encuentras una iniciativa solidaria y original donde puedes descargarte fuentes únicas diseñadas pensando en niños únicos y diferentes. Merece la pena pararse a ver los videos de presentación como el que os enseñamos, donde Helvética y Times deciden apoyarse mutuamente dejando de lado sus diferencias ;p
Una bonita muestra de creatividad y compromiso social :)
.
12 Febrero 2010.