Wireframes Vs Mockup. To understand the difference between a wireframe and a mockup it s best to start at where each falls in the design process. A wireframe is created before a mockup and a mockup builds upon the wireframe.
Mockups are static yet realistic renderings of what a product or feature will look like and how it will be used. While wireframes are design placeholders mockups are built to give the viewer a more realistic impression of how the end product will look. Wireframes are basic black and white renderings that focus on what the new product or feature will do.
A mockup is a static wireframe with much more ui and visual details.
If a wireframe is considered as the blueprint of a building a mockup is similar to a real life building model. Mockups are higher fidelity and include color real language and true icons. On the surface the aforementioned terms are not the same and are used at different stages of the design flow but there is a certain level into which you look at these two and some confusion may arise. It focuses on the core layout and features a new page will have but leaves all the flash to the mockup.
