Software para maquetas de sitios web (Win/Linux)

Mi recomendación no se ajustará a todos sus requisitos imprescindibles, pero hasta donde yo sé, es lo mejor que se acerca, así que quiero mostrarlo de todos modos.

He usado Balsamic Mockups en el pasado para simular aplicaciones web, así que creo que también será bueno para simular sitios web. Pero tenlo en cuenta, no soy diseñador web sino desarrollador de aplicaciones web.

Desafortunadamente, no es una herramienta de maqueta a todo color, sino una estructura alámbrica, por lo que no funcionará si realmente la necesita.

Puede probar la aplicación web en acción en User Experience Stack Exchange : en un cuadro de edición de pregunta o respuesta, use la herramienta "UI wireframe" ( Ctrl+ M).

Tus balas:

Requerido

• Windows o Linux SÍ , ambos.
• Aplicación de escritorio/basado en navegador SÍ , ambos según sus requisitos.
• Maquetas a todo color en lugar de estructuras alámbricas NO , esta es una herramienta de estructura alámbrica.
• El precio no es un problema si hace el trabajo ... Esta es una herramienta comercial con varios precios según el caso de uso. No es caro desde mi punto de vista.
• Todavía se admite SÍ . La última versión es de marzo de 2014, la empresa está activa y viva, con buenas perspectivas de permanencia durante un tiempo.
• Algo un paso adelante de Inkscape SÍ . Al menos desde mi punto de vista.

Otro

• El soporte de interactividad/páginas vinculadas sería bueno SÍ Puede vincular maquetas.
• Cualquier otro tipo de generación de maquetas, como interfaces de usuario o documentos generales. SÍ Esta es la razón por la que publico esta recomendación a pesar de que no coincide con todas las entradas requeridas.

^{Tomé esa imagen de su página de inicio porque ya no tengo una instalación.}

Cuando estaba desarrollando aplicaciones web hace unos años (~2012/2011 más o menos) usé Balsamic intensamente en la fase previa a la codificación para que los usuarios y desarrolladores estuvieran en la misma página. Funcionó muy bien para producir una idea común de lo que se necesitaba y cómo se vería más adelante. No continuamos usando las maquetas una vez que la herramienta estaba en sus primeras versiones beta, pero teníamos la interfaz de usuario lista (codificada directamente desde Basamic por un humano en Flex) antes del programa, por lo que los desarrolladores "solo" necesitaban agregar la parte de carne por parte.

Eso tuvo como resultado que los usuarios sintieran que todo estaba en camino a lo que querían durante toda la fase beta y las iteraciones de mejora fueron bastante cortas, por lo que todo se sintió en movimiento todo el tiempo.

Tenía la desventaja de que los usuarios siempre pensaban que el programa estaría listo la próxima semana porque la "parte difícil" (definir cómo debería verse) ya estaba hecha. Tomó algún tiempo explicarles por qué "solo agregar ese botón" tomó tres semanas.

Tal vez podría probar el Mockplus . En realidad, es posible que no cumpla con todos sus requisitos, aunque aún sugiero que lo pruebe.

Aquí están sus características para sus requisitos:

• Windows o Linux SÍ , pero solo para Windows y Mac.
• Aplicación de escritorio/basado en navegador SÍ , tiene versión de escritorio.
• Mockups a todo color en lugar de wireframes NO , te ayuda a producir wireframes.
• El precio no es un problema si hace el trabajo SÍ , el precio es su competitividad y lo encontrará bastante beneficioso.
• Todavía compatible SÍ, todavía compatible en este momento.
• Algo un paso adelante de Inkscape SÍ .

Admite enlaces entre páginas para crear una buena experiencia de usuario. Desde mi experiencia, realmente me ayuda mucho durante mi trabajo como gerente de producto de interfaz de usuario. Rápido y fácil de expresar mis ideas y diseños. Por eso te recomiendo esta herramienta de diseño.^^

Recomiendo encarecidamente usar RealDraw Pro (versión de prueba gratuita y completamente funcional).

• Es extremadamente simple de usar.
• Soporta capas
• Exporta a muchos formatos diferentes (incluido PSD)
• Puede crear segmentos HTML (pero quién los usa ahora de todos modos)
• Mejor que Inkscape
• Se ejecuta en Windows
• Se ejecuta en Linux (con Wine) / Lo he usado en Ubuntu
• Incluye miles de efectos, sombras, etc. existentes y puede crear sus propios efectos/sombras.

Piensa que es como Photoshop, pero más fácil. Más fácil. Uso RealDraw para mis Mockups todos los días, y puedo decirles que es literalmente mejor que cualquier otra aplicación de Wireframe/Mockup que haya usado, y seguro que le ahorra mucho más tiempo en comparación con hacer el mismo trabajo en Photoshop, Inkscape, Gimp, Paint, Paint.NET, etc. (aunque Paint.NET es bastante impresionante).

RealDraw Pro 5.2.4 de MediaChance

Hay un Wireframe.cc que funcionará en todos los sistemas operativos, ya que es un servicio web. Ir a ese sitio inicia la experiencia de enmarcar cables en un segundo. Tiene plantillas de árbol: una ventana del navegador, una tabla y teléfonos móviles.

Los wireframes públicos de una sola página son gratuitos, para opciones más avanzadas, hay algunos precios premium.

Aplicación InVision que tiene soporte multiplataforma para todos los principales tamaños de pantalla de dispositivos móviles, de escritorio y portátiles. También admite animaciones y transiciones avanzadas. Un prototipo activo es gratuito.