Mockup Vs Wireframe. A mockup an be considered a wireframe. It gives viewers a more realistic impression of how the final website app will look like so it is good for communicating discussing collaborating and iterating projects with your team members at a later design stage.
Unlike wireframe mockups provide visual details such as colors and typography. Unlike a wireframe a mockup looks more like a finished. One way to quickly understand the difference between wireframes mockups and prototypes is to compare them visually.
While wireframes are design placeholders mockups are built to give the viewer a more realistic impression of how the end product will look.
A good way to think of it is that a wireframe is a blueprint and a mockup is a visual model. A mockup is a static wireframe that includes more stylistic and visual ui details to present a realistic model of what the final page or application will look like. Prototypes are high fidelity representations that demonstrate how a user will interact with the new product or feature. Unlike a wireframe a mockup looks more like a finished.
