Wireframes Vs Mockup. A mockup is a color representation of your site. 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.
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. Prototypes are high fidelity representations that demonstrate how a user will interact with the new product or feature.
A mockup is a color representation of your site.
What is a wireframe. To understand the difference between a wireframe and a mockup it s best to start at where each falls in the design process. While wireframes are design placeholders mockups are built to give the viewer a more realistic impression of how the end product will look. If you have been in user interface user experience design long enough you most definitely have come across the terms wireframes and mockups.
