What Is A Wireframe Mockup

Free Download Exclusive Mockups for Branding and Packaging Design

What Is A Wireframe Mockup. One way to quickly understand the difference between wireframes mockups and prototypes is to compare them visually. Any mockup will provide a medium fidelity representation.

Paper Wireframing For Links Page Type Wireframe Mockup Wireframe Web Design
Paper Wireframing For Links Page Type Wireframe Mockup Wireframe Web Design from www.pinterest.com

To this day there have been more than four million mockups built using this tool. If a wireframe is considered as the blueprint of a building a mockup is similar to a real life building model. Mockups are static yet realistic renderings of what a product or feature will look like and how it will be used.

Prototypes are high fidelity representations that demonstrate how a user will interact with the new product or feature.

But still a mockup is not clickable just like the wireframe. A good way to think of it is that a wireframe is a blueprint and a mockup is a visual model. Depending on the size of the company or design team a ui designer typically plays an integral role in the creation of a mockup. Add colors fonts text lorem ipsum images logos and anything else that will shape your wireframe.

close