Wireframe Elements
Published Jun 8, 2022Updated Apr 16, 2023
Contribute to Docs
Wireframe elements are low-fidelity components that help communicate ideas during the wireframing process.
Low-fidelity wireframe elements act as placeholders for high-fidelity content that will eventually occupy that space. For example, when wireframing, we can represent the placement of a logo by writing “logo” instead of populating that space with an actual logo. This is what makes wireframing an effective and efficient method for establishing content layout, rather than content design.
Examples of wireframe elements include:
Contribute to Docs
- Learn more about how to get involved.
- Edit this page on GitHub to fix an error or make an improvement.
- Submit feedback to let us know how we can improve Docs.
Learn UI and UX Design on Codecademy
- Career path
Front-End Engineer
Front-end engineers work closely with designers to make websites beautiful, functional, and fast.Includes 34 CoursesWith Professional CertificationBeginner Friendly115 hours - Free course
Introduction to UI and UX Design
Get started with User Interface (UI) and User Experience (UX) Design and learn how to wireframe and prototype using Figma.Beginner Friendly2 hours