Mockup
Páginas: 3 (749 palabras)
Publicado: 16 de septiembre de 2014
“App Mockup”
Un wireframe para un sitio web, también conocido como un esquema de página o plano de pantalla, es una guía visual que representa el esqueleto o estructura visual de un sitio web. Elwireframe esquematiza el diseño de página u ordenamiento del contenido del sitio web, incluyendo elementos de la interfaz y sistemas de navegación, y cómo funcionan en conjunto. Usualmente, esteesquema carece de estilo tipográfico, color o aplicaciones gráficas, ya que su principal objetivo reside en la funcionalidad, comportamiento y jerarquía de contenidos. En otras palabras, se enfoca en “quéhace la pantalla, no cómo se ve.” Los esquemas pueden ser dibujados con lápiz y papel o esquemas en una pizarra, o pueden ser producidos con medios de diseño de aplicaciones de software libre ocomerciales.
Los wireframes se enfocan en:
Los tipos de información que será mostrada
La cantidad de las funciones disponibles
Las prioridades relativas de lainformación y las funciones
Las reglas para mostrar ciertos tipos de información
El efecto de los distintos escenarios en la pantalla
El wireframe del sitio web conecta la estructuraconceptual, o arquitectura de la información, con la superficie, o diseño visual del sitio web. Los wireframes ayudan a establecer funcionalidad, y las relaciones entre las diferentes plantillas de pantallasde un sitio web. Un proceso iterativo de creación de wireframes es una forma efectiva de hacer prototipos de páginas rápidos, mientras se mide la practicidad de un concepto de diseño. Típicamente, laesquematización comienza entre “diagramas de flujo de estructuras de trabajo de alto nivel o mapas de sitio y diseños de pantallas.” Dentro del proceso de construcción de un sitio web, el dibujo deun wireframe es donde el concepto se vuelve tangible.
A parte de los sitios web, los wireframes son usados para hacer prototipos de sitios móviles, aplicaciones para ordenador, u otros productos...
Un wireframe para un sitio web, también conocido como un esquema de página o plano de pantalla, es una guía visual que representa el esqueleto o estructura visual de un sitio web. Elwireframe esquematiza el diseño de página u ordenamiento del contenido del sitio web, incluyendo elementos de la interfaz y sistemas de navegación, y cómo funcionan en conjunto. Usualmente, esteesquema carece de estilo tipográfico, color o aplicaciones gráficas, ya que su principal objetivo reside en la funcionalidad, comportamiento y jerarquía de contenidos. En otras palabras, se enfoca en “quéhace la pantalla, no cómo se ve.” Los esquemas pueden ser dibujados con lápiz y papel o esquemas en una pizarra, o pueden ser producidos con medios de diseño de aplicaciones de software libre ocomerciales.
Los wireframes se enfocan en:
Los tipos de información que será mostrada
La cantidad de las funciones disponibles
Las prioridades relativas de lainformación y las funciones
Las reglas para mostrar ciertos tipos de información
El efecto de los distintos escenarios en la pantalla
El wireframe del sitio web conecta la estructuraconceptual, o arquitectura de la información, con la superficie, o diseño visual del sitio web. Los wireframes ayudan a establecer funcionalidad, y las relaciones entre las diferentes plantillas de pantallasde un sitio web. Un proceso iterativo de creación de wireframes es una forma efectiva de hacer prototipos de páginas rápidos, mientras se mide la practicidad de un concepto de diseño. Típicamente, laesquematización comienza entre “diagramas de flujo de estructuras de trabajo de alto nivel o mapas de sitio y diseños de pantallas.” Dentro del proceso de construcción de un sitio web, el dibujo deun wireframe es donde el concepto se vuelve tangible.
A parte de los sitios web, los wireframes son usados para hacer prototipos de sitios móviles, aplicaciones para ordenador, u otros productos...
Leer documento completo
Regístrate para leer el documento completo.