Wireframe Vs Mockup. If a wireframe is considered as the blueprint of a building a mockup is similar to a real life building model. You can use it to roughly arrange the blocks show their interconnection and decide what pages you need on your site.
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.
You can use it to roughly arrange the blocks show their interconnection and decide what pages you need on your site.
Prototypes are high fidelity representations that demonstrate how a user will interact with the new product or feature. 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. 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. Paper wireframe vs digital wireframe.
