Wireframes Vs Mockup

Free Download Exclusive Mockups for Branding and Packaging Design

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.

Pin On Infographics
Pin On Infographics from www.pinterest.com

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.

close