wire-frames

Interface blueprint outlines

Wire-frames are simplified visual representations showing only the structural outline of something.

In design and web development, a wireframe is a skeletal layout of a page or interface—boxes and lines indicating where elements will go, without colors, images, or final styling: Let's review the wireframes before we start on the actual design.

In 3D graphics, wireframe rendering shows objects as networks of connected lines rather than solid surfaces.

prototyping

mockup

Preliminary design representation

schematic · clickable · interactive · annotation · placeholder · greyscale · boxes · grid · spacing · alignment

Opposites
design fidelity

wire-framesfinished products

Manufactured items ready for use

comps

abstraction level

wire-framesproduction code

Software serving real users

finished product

Family

wireframe

Familiarity
Top 500,000
Profile
Used worldwide · Timeless · Concrete · Rated G