¿Qué es el software de wireframing? ¿Cómo se traza un sitio web?

Wireframing es la fase inicial de crear un boceto de alto nivel de un sitio web o una aplicación. Aquí hay un ejemplo de cómo puede verse una estructura alámbrica de un sitio web:

Los wireframes pueden tener una fidelidad diferente, que van desde bocetos dibujados a mano:

a piezas de alta fidelidad como esta del New York Post:

Hay una serie de herramientas en línea que permiten crear tramas de sitios web, tanto gratuitas como de pago. Estos son algunos de ellos (no estoy afiliado a ninguno de ellos, aunque mi equipo y yo los hemos usado en diferentes puntos):

  • Herramienta de prototipos de maquetas en línea, estructura alámbrica e interfaz de usuario · Moqups
  • http://www.balsamiq.com/products…
  • Diagrama de flujo profesional y software de diagrama
  • iPlotz

¡Sigue diseñando!

Obtenga hoy mismo su cotización de diseño de alambre + creación de prototipos y diseño de UI / UX.

Lo que hace el software Wireframing es un boceto o un plano de pantalla, o puede decir que crea una guía visual que muestra cómo sería el diseño de su sitio web. Puede definir fácilmente las funciones propuestas, la estructura y el contenido de una Web en una estructura alámbrica.

Los softwares disponibles para wireframing tienen widgets, herramientas y funciones para arrastrar / soltar y crear. Le permite hacer una maqueta de cómo se verá su sitio web.

Espero que esto ayude.

Su segunda pregunta responde un poco a la primera.

Así es como cableo sitios web (y aplicaciones):


Puedes hacerlo más simple con lápiz y papel, aunque prefiero algo visual.