Wireframes Vs Mockup. It s commonly compared to drawing a blueprint in the building design process. Wireframes are basic black and white renderings that focus on what the new product or feature will do.
To understand the difference between a wireframe and a mockup it s best to start at where each falls in the design process. While a wireframe mostly represents a product s structure a mockup shows how the product is going to look like. Mockups are static yet realistic renderings of what a product or feature will look like and how it will be used.
Wireframing is used to outline the design of a web page or app.
A mockup is a visual way of representing a product. While wireframes are design placeholders mockups are built to give the viewer a more realistic impression of how the end product will look. Wireframing is used to outline the design of a web page or app. It s commonly compared to drawing a blueprint in the building design process.
