Programas para diseñar gráficamente tu web
Con la aparición de un extenso mercado de venta de plantillas o templates web a veces nos olvidamos que originalmente uno de los primeros pasos para diseñar nuestra página web es, prototipar el proyecto para luego plasmarlo en un programa de diseño gráfico.;
En este caso aquí lo separaría en 2 o quizá en 3 si hablamos de algunos programas que están entre un paso intermedio, los programas para crear directamente prototipos (mockups, wireframe) y los programas de diseño gráfico en general, aunque la linea que separa estas 3 opciones es también muy ligera.
Tengo que reconocer que a excepción de Balsamiq Mockups y Photoshop y un poco Sketch, los demás no los he tocado, por lo que me toca empaparme con estos programas y luego actualizar este mismo artículo en un futuro cercano.
Las aplicaciones para crear específicamente prototipos o también llamados mockups
Estas aplicaciones están enfocadas al "wireframing" puro, a esquematizar una web casi como la hiciéramos en papel:
- Balsamiq Mockups
- Moqups
- Pidoco
- Protoshare
- Proto.io
- Mockplus
- Wireframe.cc
- Fluid UI
Programas que están en un paso intermedio
Se ve el diseño en wireframe, pero con la inclusión de imágenes y colores vemos como quedaría el diseño definitivo del proyecto:
- Justinmind
- Sketch
- InVision
- Adobe XD
- MarvelApp
Los programas de diseño gráfico clásicos
Aunque no son programas específicos para ello, su versatilidad les hace en mi opinión la mejor opción, aunque su configuración y realización sea más compleja y necesite gran cantidad de tiempo al principio.
Photoshop como rey de los programas de diseño web también me parece la opción ideal al menos de momento, descartando al propio Illustrator (o integrándolo para los logos u otros vectores) y descartando Gimp o Corel Draw.
Conclusiones
Aunque es muy atrevido tener conclusiones cuando en este artículo reconozco que apenas he usado muy pocos, afirmaría que es mejor usar un programa todo en uno como Photoshop, ya que en algún paso del diseño de tu web va a pasar a este programa. Quizá el Adobe XD por su integración con el mismo photoshop puede ser una opción interesante.