Wireframes Vs Mockup. A wireframe is created before a mockup and a mockup builds upon the wireframe. A mockup is the next more in depth iteration of the wireframe outline.
Prototypes are high fidelity representations that demonstrate how a user will interact with the new product or feature. A mockup is a static wireframe with much more ui and visual details. A good way to think of it is that a wireframe is a blueprint and a mockup is a visual model.
Mockups are higher fidelity and include color real language and true icons.
While wireframes are design placeholders mockups are built to give the viewer a more realistic impression of how the end product will look. One way to quickly understand the difference between wireframes mockups and prototypes is to compare them visually. A good way to think of it is that a wireframe is a blueprint and a mockup is a visual model. If you have been in user interface user experience design long enough you most definitely have come across the terms wireframes and mockups.