27 septiembre 2019

Wireframe (diseño web)

Un wireframe para un sitio web es un esquema de páginas, una guía visual que representa el esqueleto o estructura visual de un sitio web.

El esqueleto de un sitio web puede ser dividido en tres componentes: diseño de información, diseño de navegación y diseño de interfaz. El diseño de la página es donde estos componentes se unen, mientras que un wireframe es dónde se representa la relación entre estos componentes.

  • Los tipos de información que será mostrada
  • La cantidad de las funciones disponibles
  • Las reglas para mostrar ciertos tipos de información

Los wireframes se pueden hacer a mano o utilizar aplicaciones web, como por ejemplo Wireframe.cc y MokFlow.

En la web Wireframeshowcase.com se pueden ver algunos ejemplos.