Published by Priyanka on

Mockups is the step taken after wireframing. It is the mixture of wireframe and UI design. A wireframe would give you a basic visual representation of your screen, but the mockup adds the visual aesthetics to it. Mockups are concerned with the fonts, colors, themes and styles of your app or website screens. A mockup is a static screen that can help you understand a prospective final visual representation of your product.

A mockup lean towards a final product but it is not a prototype. In fact, a mockup is the bridge between a wireframe and a prototype.

Categories: UX Terms


An Architect, aspiring visual designer and a passionate writer. In my years of graduation I had a chance to explore and evolve as a designer and focus on how versatile a professional can get. I hope to excel in the field of user experience design as well as continue with my interest in expressing myself through the art of writing.