Cómo hacer capturas de pantalla de maqueta sin VB

Question

Estoy buscando un programa para hacer capturas de pantalla de maqueta. Descubrí por primera vez que podía hacerlo con Visual Basic (nombres aún más feos aún no he escuchado que se llame un lenguaje de programación) desde 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 búsqueda "cómo hacer capturas de pantalla de maqueta". Pero dado que voy a usar este programa con bastante poca frecuencia, no creo que pagar $ 80 ya que lo vale.

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

Editar: Se sugiere Balsamiq, pero este es también un programa no libre.

Answer 1

Balsamiq

Answer 2

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

Answer 3

Usted no tiene que aprender el idioma a utilizar el diseñador de formas visuales de Visual Studio para crear maquetas. Además, el 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 back-end en uno de los idiomas. Pero si solo necesita el diseñador, es posible que el código no sea relevante para usted.

Answer 4

Visio funciona bien, si lo tiene.

Personalmente, me gusta el papel y un bolígrafo. Entonces no puedo empantanarme en su MIRADA, y voy más allá 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, no lo entrega perfectamente, se enoja. :)

Answer 5

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

Answer 6

wxGlade funcionaría también, además de su software gratuito.

Answer 7

Jeff Attwood posted about this on CodingHorror - donde menciona Powerpoint prototyping

Answer 8

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

Answer 9

Pencil (se ejecuta dentro de Firefox)

Answer 10

http://balsamiq.com/ ya se ha mencionado, pero quiero explicar por qué me gusta. Le permitirá crear una captura de pantalla, y todavía se ve como una versión de pluma y papel, o una discusión en la pizarra.

Si llega a detallar en su captura de pantalla, entonces el cliente cree que está "hecho" y no entiende lo que le lleva tanto tiempo para terminar el proyecto. Entonces, este "esbozo" sirve como otra capa de abstracción.

Answer 11

Hay una lista bastante exhaustiva aquí: http://c2.com/cgi/wiki?GuiPrototypingTools

punto importante es si la herramienta tiene la piel "negro & blanco" (o "dibujado a mano") para sus maquetas, como ya se ha comentado por otros. Muchas de las herramientas (incluida la mía, MockupScreens) sí.

Answer 12

MockupUI es otro, pero sus maquetas no parecen dibujadas a mano. Se ven como algo real y con datos reales. Le permite dibujar wireframes así como 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 mientras hace sus maquetas durante la fase 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 digiera, a menos que también sea 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. Uno es para explicar la funcionalidad, el otro es una representación de cómo se verá el producto. Echa un vistazo a la publicación de Yisela sobre the difference between wireframes and mockups.

Su pregunta era sobre el software de captura de pantalla maqueta, pero terminó comprando un software de fotograma muy poderoso.