Herramientas de diseño y boceto de sitios web receptivos en 2017 [cerrado]

Hace aproximadamente 4 años, alguien le pidió a la comunidad aquí que sugiriera las herramientas que usan para simular sitios web receptivos. Por supuesto, desde entonces, los tiempos han cambiado, por lo que volveré a plantear el problema aquí en 2017. Han aparecido muchas herramientas nuevas en el mercado y me gustaría volver a escuchar sugerencias de herramientas de cada uno de los siguientes tipos:

1) LA MEJOR HERRAMIENTA GENERAL DE DISEÑO DE SITIOS RESPONSIVOS: ¿Qué herramienta le gusta más en estos días para crear sitios web receptivos?

2) EL PROGRAMA MÁS RÁPIDO PARA CREAR UN NUEVO SITIO RESPONSIVO: excluyendo las cosas en línea de tipo weebly, ¿qué programa de escritorio le gusta más por ser RÁPIDO para crear un sitio web receptivo completamente nuevo con múltiples vistas? Presumiblemente, tendría plantillas. Por supuesto, una herramienta en línea también es aceptable si permite la salida de HTML independiente a una empresa de alojamiento normal.

3) UNA HERRAMIENTA PARA EL BOCETO AL DISEÑO FINAL: ¿Puede sugerir una herramienta que vaya desde la estructura alámbrica hasta el diseño final en el mismo programa? Me gustaría una herramienta que permita a un diseñador crear una estructura alámbrica basada en algunas plantillas, y luego pasar dentro de esa misma herramienta al resultado final del diseño web (html, etc.). Parece un desperdicio dibujar en un programa y luego dibujar el diseño final desde cero en otro programa. Idealmente, una herramienta debería poder decir: "bien, desea un formulario con 4 cuadros de texto, un DDL y un botón de envío, así que comenzaré con eso en el modo de diseño final".

4) HERRAMIENTA PARA EQUIPOS CON DESARROLLADORES: ¿Qué herramienta de diseño de sitios web receptivos sugeriría que ayude a rastrear páginas en progreso, páginas finalizadas, agregar comentarios para desarrolladores y luego permitir que los desarrolladores tomen solo páginas completas para luego integrarlas en sitios web basados ​​en bases de datos? Sin que esto esté en una herramienta, las personas tienen que crear varias carpetas de red para categorías, soltar archivos TXT para notas de desarrollador, etc. y eso no es suficiente en estos días.

5) HERRAMIENTA CON PLANTILLAS DE SUSCRIPTOR / BACK-END: La mayoría de las herramientas con plantillas / vistas preconstruidas están diseñadas para crear sitios web front-end. Pero en realidad, los diseñadores necesitan crear páginas de "inicio de sesión" y tener menús para miembros, clientes, suscriptores, lo que sea. ¿Qué programa sugeriría que tenga vistas prediseñadas para este tipo de sitio web "completo" y no solo un sitio web público básico de 3 páginas?

¡Gracias!

¿ Estás pidiendo 5 categorías diferentes de recomendaciones?
Algunas personas pueden tener conocimiento de un área (por ejemplo, desarrollo de equipos) mientras que otras personas pueden comentar desde una perspectiva diferente (por ejemplo, velocidad de diseño para una operación de una sola persona). Tomaré cualquier información que uno desee aportar desde su respectiva área de especialización.
Probablemente debería responder 5 preguntas. Aunque la pregunta número 5 son todas, incluso el bloc de notas tiene esta característica.

Respuestas (1)

1) Sketch: Sketch se creó para el diseño de la interfaz de usuario y es fácil de usar. En sus actualizaciones recientes tiene algunas funcionalidades nativas que permiten al usuario crear patrones de diseño fluidos. Hay muchos complementos que también hacen esto

2) No puedo hablar de esto porque no uso herramientas para este paso. Recomendaría un marco CSS como Bootstrap, Foundation o Semantic UI

3) Diría que use Sketch para esto nuevamente. Si necesita incluir funcionalidad en estos cables o simulacros, UX Pin es una gran herramienta. También le permite mostrar pantallas receptivas (pero sin ningún tipo de transición para la animación receptiva real que esperaría ver)

4 No estoy seguro de que encuentre todas estas opciones en una sola aplicación. Por lo general, debe generar un flujo de trabajo en algunas aplicaciones, pero puede obtener la mayor parte de lo que está buscando en estas aplicaciones: UX Pin, Invision, Zeplin en menor medida.

5) No estoy seguro aquí. Quizá estés buscando un servicio como Wix. Parece que está buscando hacer mucho trabajo pesado sin tener desarrolladores y diseñadores calificados. Es posible que desee consultar Wix o posiblemente ingresar a Wordpress o Drupal. puede encontrar toneladas de plantillas e incluso complementos que le brindarán un fácil acceso y salida de este tipo de pantallas/bits de funcionalidad.

Gracias por la respuesta. Para aclarar, definitivamente no estoy buscando un servicio como Wix y trabajo mucho con diseñadores y desarrolladores. Simplemente no me gusta que el flujo de trabajo empleado por la mayoría en estos días sea engorroso y anticuado. Creo que podría ser mucho mejor y es por eso que publiqué aquí para solicitar ideas para algunas aplicaciones y herramientas modernas. Gracias.