Definition of "Wireframe" by Graphic Design Newcastle:
« Back to Glossary Index
A wireframe is a basic visual guide used in interface design to represent the skeletal framework of a digital product, such as a website or mobile app. It outlines the structure, layout, and functionality of a page without including detailed design elements like colors, images, or typography.
Wireframes typically use simple shapes (like boxes and lines) to indicate where content, navigation, buttons, and other interface elements will be placed. They help designers, developers, and stakeholders focus on user experience (UX), content hierarchy, and functionality before moving on to more detailed design and development stages.
Wireframes can be created using tools like Sketch, Figma, Adobe XD, or even drawn by hand.