¿En qué se diferencia un wireframe de un mockup?

Wireframe y mockup son diferentes etapas del diseño visual de la interfaz:

• Wireframe es una representación esquemática y simplificada de la estructura de una página o pantalla. Muestra la disposición de los elementos principales, sus relaciones y bloques funcionales sin detallar el diseño. El wireframe ayuda a acordar rápidamente la lógica y estructura.

• Mockup es una imagen más detallada y visualmente cercana al diseño final. En el mockup ya se consideran colores, fuentes, íconos y otros elementos de estilo. Es un paso intermedio entre el wireframe y el prototipo.

Ejemplo: primero crean un wireframe para determinar dónde estará el menú, los botones y el contenido, y luego hacen un mockup para mostrar cómo se verá desde el punto de vista del diseño.