Kit GUI

Tratando de mantener la continuidad de posts sobre diseño esta semana les dejo algo que les puede gustar bastante: mi Kit GUI de desarrollo IA para construir wireframes. Llevo usándolo un tiempo ya, y no me puedo quejar de lo bien que me vino.

El kit contiene más que nada, elementos de formulario y otras cosas de prototipaje rápido. Tenía pensado agregarle más cosas pero, serían en todo caso, caprichos de cada uno. Si pongo estructuras fuera de los formularios probablemente no se terminen de adaptar nunca a las cosas que vayan a hacer.

El archivo está en PDF. Utilizo normalmente Illustrator para estirar, adaptar, agrandar o modificarlas. Me lleva cerca de 5 segundos darle la forma adecuada para el wireframe y lo realizo todo con tres herramientas: Selection tool, Direct Selection Tool y Text Tool.

Con todas estas, modifico las estructuras.

El kit tiene licencia CC Atribution y podéis hacer lo que queráis con él, siempre y cuando citéis la fuente.

Por Diego Lafuente
Guardado en: Diseño | 9 comentarios » | 4 de Septiembre de 2006

9 Comentarios en “Kit GUI”

Gravatar de David Calavera

David Calavera
4 de Septiembre de 2006 a las 9:12 am    

mmmm, creo que el enlace al pdf no funciona.
Saludos

Gravatar de Diego Lafuente

Diego Lafuente
4 de Septiembre de 2006 a las 11:50 am    

Aj, lo hice todo con el upload del WordPress.

Gravatar de Rubén Lozano

Rubén Lozano
4 de Septiembre de 2006 a las 12:19 pm    

Interesante Diego.

Para los que quieran ampliar sus herramientas sobre el desarrollo IA, y no solo sobre wireframes, estos enlaces os vendrán bien:

http://jjg.net/ia/visvocab/spanish.html
http://iainstitute.org/tools/

Gravatar de manu_drac

manu_drac
4 de Septiembre de 2006 a las 7:15 pm    

joder!, me habia montado la película que te habias programado una herramienta para hacerte los wireframes… ya pensaba, esto es currarselo y lo demás es tonteria. :P

Guapo el Kit, yo estoy comenzando hacer unos wireframes con el draw del openoffice y me he visto con el problema del diseño de los elementos… y viendo tu kit ahora me cuadra todo.

Gravatar de meneame.net

meneame.net
5 de Septiembre de 2006 a las 1:02 am    

KIT GUI para documentar desarrollos web…

Diego Lafuente, más conocido como Mini-d, muestra en el blog de Tractis, proyecto en qué trabaja actualmente, comó hacen ellos para documentar sus proyectos web y crear de esta forma sus wireframes. Nos muestra su KIT GUI de documentación que usa j…

Gravatar de edu

edu
5 de Septiembre de 2006 a las 8:46 pm    

Muy guapo, pero… los que usamos Inkspace no podemos usarlo :’( Dices que lo usas con Illustrator, si no es mucha molestia ¿podrías publicarlo con su formato nativo (.ia) o en svg?

Bueno, sino ya me curraré yo uno en svg :)

Saludos!

Gravatar de Diego Lafuente

Diego Lafuente
6 de Septiembre de 2006 a las 1:03 pm    

Inkscape lo uso poco. No es bastante práctico para hacer wireframes después de usarlo un largo tiempo para ver que tal, lo he encontrado bastante obstaculizado el proceso.

Con PDF puedes abrirlo con casi todos los programas sin problemas. Si publico en .AI sólo si tienes una versión superior a la 10 podrás utilizarlos.

Gravatar de Recurso Desfasado

Recurso Desfasado
23 de Octubre de 2006 a las 2:00 pm    

Demasiado complejo para ser positivo.
Demasiado simple para ser tomado en serio.

Gravatar de doctrina

doctrina
26 de Julio de 2007 a las 9:09 pm    

1

Más entradas en Negonation Blog