Pregunta

Estoy buscando un programa para hacer capturas de pantalla de maquetas. Descubrí por primera vez que podía hacerlo con Visual Basic (nombres más feos que aún no he escuchado cuando se llama un lenguaje de programación) de joelonsoftware.com . No quiero comenzar a aprender VB ahora, especialmente porque todavía estoy en el proceso de aprender Java. Luego encontré mockupscreens.com , con la cadena de búsqueda " cómo hacer capturas de pantalla de maquetas " ;. Pero dado que voy a usar este programa con poca frecuencia, no creo que valga la pena pagar $ 80 por él.

Las maquetas que me gustaría hacer serían principalmente para Windows XP (quizás también para GNOME, KDE y Mac OSX, pero no son de máxima prioridad).

Editar: se sugiere Balsamiq, pero este también es un programa no gratuito.

¿Fue útil?

Solución

Otros consejos

Visio funciona bien, si lo tiene.

Personalmente, me gusta el papel y un bolígrafo. Entonces no puedo atascarme en la MIRADA, e ir más por la usabilidad y la función. Lo mismo con los sitios web.

Una vez que tiene el formulario delante de un cliente, no tiene espacio para moverse; si no lo entrega con píxeles perfectos, se enojan ... :)

No tiene que aprender el idioma para usar el diseñador de formularios visuales de Visual Studio para crear maquetas. Además, la Express Edition de Visual Studio está disponible gratuitamente en varios idiomas, a saber, VB, C # y C ++ . Elige tu opción. Todos se envían con el mismo diseñador de formularios que genera código de fondo en uno de los idiomas. Pero si solo necesita el diseñador, el código podría no ser relevante para usted.

Microsoft Visio solía venir con una plantilla que contenía elementos comunes de la interfaz de usuario de Windows para este propósito. No sé si todavía lo hace.

lápiz y papel, o si es posible, pizarra. Una vez que tenga algo que personalmente piense que podría funcionar, iría por un modelo computarizado lo más aproximado posible para que no pierda tiempo acordando el tamaño de la fuente antes de que se realice el flujo de trabajo, etc. La herramienta que he usado aquí es mi diseñador visual de Visual Studio (no se ve muy bien con capturas de pantalla, solo lo suficientemente bueno como para transmitir lo que te gustaría construir).

Lápiz (se ejecuta dentro de firefox)

Como se sugirió, C # Express sería bueno para esto, ya que al igual que VB, tiene un diseñador de GUI, pero también es sintácticamente similar a Java, por lo que, dado lo que está tratando de aprender y hacer con esto, podría ser un buen ajuste.

Aquí hay una lista bastante exhaustiva: http://c2.com/cgi/wiki?GuiPrototypingTools

El punto importante es si la herramienta tiene " negro & amp; blanco " (o "dibujado a mano") para sus maquetas, como ya comentaron otros. Muchas de las herramientas (incluida la mía, MockupScreens) sí.

wxGlade también funcionaría, además es software libre.

http://balsamiq.com/ ya se mencionó, pero quiero explicar por qué me gusta. Le permitirá hacer un bosquejo de una captura de pantalla, y todavía se ve como una versión en lápiz y papel, o una discusión en la pizarra.

Si llega a detallar en su captura de pantalla, entonces el cliente cree que ha terminado " y no entiende lo que te está tomando tanto tiempo terminar el proyecto. Así que este '' esquematismo '' sirve como otra capa de abstracción.

MockupUI es otro, pero sus maquetas no parecen dibujadas a mano. Parecen reales y con datos reales. Le permite dibujar wireframes y widgets nativos heredando su apariencia de la configuración de su sistema operativo (también conocido como estilo visual de Windows).

Acerca de las maquetas de alta fidelidad: el riesgo de que un cliente piense que "ya está hecho" es mínimo siempre que realice sus maquetas durante la fase de especificación de diseño de su proyecto (eso es antes de comenzar a codificar). Por el contrario, un boceto puede ser demasiado abstracto para que el cliente lo asimile, a menos que también sea un diseñador de software. Los bocetos son para desarrolladores, no para clientes.

Wireframes (o bocetos) y maquetas no son lo mismo y tienen diferentes usos. Una es explicar la funcionalidad, la otra es una representación de cómo se verá el producto. Mira la publicación de Yisela sobre la diferencia entre wireframes y maquetas .

Su pregunta era sobre el software de captura de pantalla de la maqueta, pero terminó comprando un software de estructura de alambre bastante potente.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top