What Is Wireframe Mockup. A mockup is a static high profile visual design draft of a design or device used to represent the structure of information visualize the content and demonstrate the basic functionalities in a static way. A mockup is a static wireframe with much more ui and visual details.
Add colors fonts text lorem ipsum images logos and anything else that will shape your wireframe. A wireframe is a draft for a schematic representation of your future website. Depending on the size of the company or design team a ui designer typically plays an integral role in the creation of a mockup.
Wireframes are basic black and white renderings that focus on what the new product or feature will do.
If a wireframe is considered as the blueprint of a building a mockup is similar to a real life building model. Any mockup will provide a medium fidelity representation. A wireframe is a draft for a schematic representation of your future website. Think about user interface practices while shaping this step.
