10 herramientas Wireframes para el diseo

1 Mockingbird

Mockingbird es una versin beta del software basado en la web en el marco Cappuccino para
crear, enlazar juntos, vista previa y compartir wireframes de su sitio web o aplicacin.

Es una interfaz limpia y fcil de usar, con un simple arrastrar y soltar interfaz de usuario, la pgina
vinculacin interactiva, cambio de tamao de texto inteligente y la capacidad de compartir
fcilmente maquetas con clientes o colegas con un enlace directo, haga Mockingbird una de las
mejores herramientas de alambre disponibles.

Ya que es basado en la web, esto significa que usted puede crear y compartir maquetas desde
cualquier lugar. Ser interesante ver qu tan bueno Mockingbird es cuando sale de beta y la
versin completa se libera.

Liga: https://gomockingbird.com/mockingbird/

2. Lovely Charts



Grficos preciosos es una aplicacin de diagramas en lnea, que le permite crear diagramas de
flujo, mapas de sitio, grficos y diagramas funcionales de la organizacin.

Una de las principales caractersticas es la capacidad de la aplicacin para hacer suposiciones
basadas en el tipo de diagrama que est dibujando, y as agilizar el proceso de dibujo. La funcin
de gestin de la historia es muy til, manteniendo 20 estados de su diagrama en la memoria si
desea volver a una versin anterior o deshacer los cambios.

Hay un sistema de gran alcance y sencilla herramienta proporcionada, con una amplia biblioteca
de smbolos manipulados para adaptarse a la mayora de los requisitos.

Liga: http://lovelycharts.com/


3. Cacoo


Cacoo es una herramienta de dibujo en lnea fcil de usar que te permite crear una gran variedad
de esquemas, tales como mapas de sitio, wireframes y diagramas de red.

La interfaz de usuario de arrastrar y soltar significa crear diagramas es relativamente simple;
tambin hay un nmero de plantillas a utilizar lo que podra hacer que el proceso sea an ms
eficaz. Ilimitado Deshacer es una caracterstica interesante de la historia de todas las
modificaciones guardadas, lo que significa que puede deshacer la derecha de nuevo al comienzo.

Numerosos usuarios tambin pueden trabajar y completar el mismo diagrama de manera
simultnea con la solicitud de apoyo a la colaboracin en tiempo real.

Liga: https://cacoo.com/




4. Gliffy


Gliffy es una aplicacin basada en web que permite crear diagramas de flujo de procesos,
organigramas, planos, procesos de negocio, diagramas de red, dibujos tcnicos, wireframes sitio
web, y ms. Utiliza una interfaz de usuario de arrastrar y soltar con la capacidad de agregar
cuadros, los botones, y las lneas de la biblioteca de forma de la herramienta a cualquier parte de
la pgina. A continuacin, puede aadir fcilmente el texto para crear una clara y concisa
maqueta.
Usted tiene acceso a una biblioteca completa de formas y puede incluso importar sus propias
imgenes, como logotipos y fondos, para complementar sus diagramas. Puede compartir y
colaborar con cualquier persona, en cualquier plataforma, en cualquier lugar, mientras que tener
la capacidad de proteger y controlar los cambios.

El API Gliffy (beta) tambin hace posible que los desarrolladores agregar funciones de
diagramacin Gliffy a sus aplicaciones basadas en web existentes basados en un simple utilizar el
marco de trabajo.

Liga: http://www.gliffy.com/uses/wireframe-software/
5. Lumzy


Lumzy es una herramienta de la maqueta y la creacin de prototipos para sitios web y
aplicaciones. Usted puede agregar eventos a los controles, coloque los controles dentro de otros
contenedores y emular su proyecto con navegacin de la pgina fcil provocada por las acciones
del usuario.

Colaboracin en tiempo real es una de las caractersticas clave, con herramientas para la edicin
de equipo, un motor de chat para deliberar sobre los diseos y versiones de archivos. Lumzy es
tambin la nica herramienta maqueta con un editor de imagen real incorporado - simplemente
tomar cualquier imagen de su disco y editarlo, aplique el tono, saturacin, ajustar el contraste, y
as sucesivamente, y luego agregarlo a su proyecto.

La versin Pro es de marca blanca y se puede integrar en una plataforma existente o alojado en un
servidor propio que puede ser de inters para las empresas que trabajan con informacin
confidencial.
Liga: http://www.lumzy.com/


6. Mockflow

MockFlow es una aplicacin web basada en la Plataforma Flash de Adobe . Cuenta con una
interfaz limpia, minimalista , organizada y el conjunto de funciones de edicin ajustado es extensa.

Arrastrar y soltar los componentes en una maqueta para crear la estructura de alambre con la
posibilidad de aadir pginas y trazar un sitio completo y es estructura. Los componentes
integrados son extensas, desde los grficos y los anuncios de los mens y las listas desplegables .
La capacidad de cargar sus propias imgenes a utilizar , as como la opcin de elegir entre un
conjunto de pegatinas de los elementos del sitio comn, como las redes sociales y el comercio
electrnico las imgenes , hacen que el proceso de ' construccin ' de la maqueta bastante
eficiente .

Usted puede hablar sobre el chat en tiempo real e invitar a otros como editores o lectores ,
dependiendo del nivel de potencia editorial que le gustara a cada miembro a tener. Los editores
tienen la capacidad de realizar cambios en los wireframes , mientras los espectadores se limitan a
revisar y comentar .

El MockStore es un servicio de complemento maravilloso que proporciona componentes de
terceros y plantillas compartidas por la comunidad de usuarios.
Liga: http://www.mockflow.com/
7. Pencil Project

El Proyecto de lpiz es una herramienta de cdigo abierto para hacer diagramas y prototipos GUI
que todos pueden utilizar . Est disponible como un complemento o como una aplicacin
independiente (Linux y Windows) Firefox. Lpiz esencialmente instala una aplicacin de dibujo
entero en su navegador Firefox y te da la posibilidad de mostrar , guardar y cargar un lienzo
externo, junto con una gama de colores de formas.

De inters es el generador de la plantilla que le permite crear su propia coleccin de formas de la
plantilla , sealando el generador a una carpeta de archivos de imagen. La herramienta
prediseada le permite buscar a travs de la biblioteca de la openclipart.org y colocar
directamente las imgenes a la derecha en su documento Lpiz. Lpiz tambin es compatible con
el uso de los objetos externos ; tanto raster y vectoriales se pueden importar con copiar y pegar o
arrastrar y soltar.

El prototipo final se puede exportar como archivo de imagen PNG , pgina web, archivo de
OpenOffice , PDF o DOC . Si usted es un usuario dedicado Firefox , a continuacin, Lpiz podra ser
una herramienta esencial para expresar visualmente las ideas conceptuales sobre la marcha.
Incluso gan el premio de Mozilla para ' Mejor Nuevo Add- On' en 2008.
Liga:

8. SimpleDiagrams

SimpleDiagrams es una pequea aplicacin de escritorio que le ayuda a expresar sus ideas de
forma rpida y sencilla con la suficiente funcionalidad para describir un pensamiento o capturar un
proceso. Est construido sobre la plataforma de Adobe AIR, por lo que se ejecutar sin problemas
en Mac, Windows y Linux.

Puede arrastrar, soltar smbolos y tamao de las bibliotecas, aadir fotos y post-notas y exportar
el diagrama a PNG.

Puede que no sea una herramienta de diagramacin de pleno derecho, sino porque
SimpleDiagrams es tan bsico, que ser la creacin de wireframes o diagramas en cuestin de
minutos
Liga: http://www.simplediagrams.com/





9. Denim


El denim es una aplicacin de escritorio multiplataforma gratuito que soporta dibujo y permite el
diseo en varios niveles de refinamiento. Es una herramienta eficaz para la lluvia de ideas etapa
temprana y wireframing.

Dos caractersticas principales dentro Denim son componentes que permiten crear widgets que
pueden ser reutilizados y los condicionales, que permiten crear transiciones entre pginas,
dependiendo de las acciones de los usuarios finales, lo que resulta en una experiencia ms
interactiva.

Es una herramienta simple pero eficaz y permite una fcil anotacin utilizando gestos de edicin.
Liga: http://dub.washington.edu:2007/denim/




10. Website Wireframe

Wireframe de sitios web es una herramienta basada en la web muy simple para construir
wireframes en cuestin de minutos. Un enlace para ver la estructura de alambre se puede enviar
por correo electrnico, mensaje instantneo, o telfono mvil, y luego el alambre puede basarse
actualizado fcilmente en la retroalimentacin, discusin, ideas y sugerencias.

La clave de esta herramienta es la sencillez de uso, y se presta a la velocidad, tanto en la creacin
de alambre y el compartir. Es libre de inscribirse y usar y funciona en la mayora de los
navegadores modernos.

Puede que no sea particularmente sofisticado, sin embargo, es la simplicidad y la eficiencia es
perfecto para aquellos que quieren una alternativa a las herramientas con una curva de
aprendizaje ms alto.
Liga: http://wireframe.talltree.us/default.asp.