Wireframes Vs Mockup. Mockups vs wireframes a wireframe is a draft for a schematic representation of your future website. 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.
A mockup is a static wireframe with much more ui and visual details. But still a mockup is not clickable just like the wireframe. If a wireframe is considered as the blueprint of a building a mockup is similar to a real life building model.
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. A mockup is a color representation of your site. A wireframe is created before a mockup and a mockup builds upon the wireframe. 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.
