Difference Between Mockup And Wireframe. Wireframing is used to outline the design of a web page or app. If a wireframe is considered as the blueprint of a building a mockup is similar to a real life building model.
![What Is The Difference Between Low Fidelity And High Fidelity Hi Fidelity Mockup Wireframe Fidelity Interactive Design](https://i.pinimg.com/originals/04/e1/13/04e1133ca468b354af923b28c844a57b.png)
What is a wireframe. A wireframe is a draft for a schematic representation of your future website. Below you can see the major difference between wireframes and mockups.
A mockup is a static high profile visual design draft of a design or device used to represent the structure of information visualize the content and demonstrate the basic functionalities in a static way.
Next the mockup has added logos colors and icons to make it more realistic. It is necessary in order to understand what your website and its structure will be like. Wireframing is used to outline the design of a web page or app. If a wireframe is considered as the blueprint of a building a mockup is similar to a real life building model.