wireframe
This term evokes the image of a blueprint or a skeletal structure, stripping away aesthetic distractions to reveal the underlying logic and architecture of a project. In user experience design, it serves as a communication tool to align stakeholders on functionality and information hierarchy before investing resources into visual polish.
When used in 3D modeling, the term refers to the mathematical edges of a polygon mesh. It represents the raw geometry of an object, providing a transparent view of the structure that would otherwise be hidden by textures or shading.
Meanings
A basic visual guide used in interface design to represent the skeletal framework of a website or application, focusing on layout and functionality rather than visual design.
The designer created a low-fidelity wireframe to map out the user journey before adding colors and images.
Phrasal Verbs
wireframe out
to create a detailed skeletal layout or structural plan for a project or interface
The team spent the afternoon wireframing out the entire user flow for the new mobile app.