Mockup
A high-fidelity, static representation of a screen showing the final visual design — real colors, type, and content — but without interactivity.
A mockup is what a screen will actually look like: full visual design applied — real type, color, imagery, and content — but static, with nothing clickable. It is the fidelity step between a gray wireframe and an interactive prototype.
Mockups are what stakeholders usually mean by "the design," and they are ideal for sign-off on look and feel. To test behavior and flow, though, they need to be linked into a prototype — a mockup alone can't reveal whether a sequence of screens actually works.
Related terms
WireframingSketching the low-fidelity skeleton of a screen — layout, content blocks, and hierarchy — before any visual styling is applied.PrototypingBuilding an interactive, clickable model of a product so a flow can be experienced and tested before it is engineered.UI DesignThe craft of the visual and interactive surface of a product — layout, type, color, spacing, and components users see and touch.Visual DesignThe discipline of aesthetics and communication in an interface — typography, color, imagery, and layout working toward clarity and brand.