Es un boceto donde se representa visualmente, de una forma muy sencilla y esquemática la estructura de una página web.

[pic 1]

[pic 2]        

1° ¿Qué es un Wireframe?

Es un boceto donde se representa visualmente, de una forma muy sencilla y esquemática la estructura de una página web.

En los wireframes no se utilizan ni colores, ni tipografías ni cualquier elemento gráfico. Lo importante es centrarse en la funcionalidad del sitio y la experiencia del usuario.

2° ¿Qué es un Mockup?

Es una maqueta su objetivo principal es el de mostrar al cliente una visualización de cómo quedaría su producto editorial, identidad de marca, logo, tarjetas de presentación, pagina web, papelería, etc. En un ambiente foto-realista sin necesidad de imprimir realmente y tomar una fotografía real.

3° ¿Cuál es la diferencia entre un Wireframe y un Mockup?

La diferencia entre estos dos, es el nivel de detalle, el mockup se enfoca en mostrar al cliente, como se vería el producto ya terminado, a diferencia del wareframe, que muestra al cliente el flujo de trabajo de su aplicación, y no tanto en el diseño.

4° Menciona tres herramientas para crear Mockups.

• Photoshop.

• Adobe Illustrator.

• Balsamic.

5° ¿Cuál es el principal objetivo de un Wireframe?

Su principal objetivo es mostrar al cliente en una etapa muy temprana del proyecto, una maqueta del funcionamiento que tendría el producto final.

...