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”
mmmm, creo que el enlace al pdf no funciona.
Saludos
Diego Lafuente
4 de Septiembre de 2006 a las 11:50 am
Aj, lo hice todo con el upload del Wordpress.
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/
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. 
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.
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…
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!
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.
Recurso Desfasado
23 de Octubre de 2006 a las 2:00 pm
Demasiado complejo para ser positivo.
Demasiado simple para ser tomado en serio.
Deja tu comentario...
Los comentarios en esta página están moderados, no aparecerán inmediatamente en la página al ser enviados. Evita, por favor, las descalificaciones personales, los comentarios maleducados, los ataques directos o ridiculizaciones personales, o los calificativos insultantes de cualquier tipo, sean dirigidos al autor de la página o a cualquier otro comentarista. Estás en tu perfecto derecho de comentar anónimamente, pero por favor, no utilices el anonimato para decirles a las personas cosas que no les dirías en caso de tenerlas delante. Intenta mantener un ambiente agradable en el que las personas puedan comentar sin temor a sentirse insultados o descalificados. No comentes de manera repetitiva sobre un mismo tema, y mucho menos con varias identidades (astroturfing) o suplantando a otros comentaristas. Los comentarios que incumplan esas normas básicas serán eliminados.
David Calavera
4 de Septiembre de 2006 a las 9:12 am