1. Wireframes
Wireframes are basic, low-fidelity visual representations of a design. They focus on layout and structure without emphasizing visual design details. Their purpose is to map out the placement of key elements like headers, footers, navigation, and content.
2. Mockups
Mockups are high-fidelity static designs with detailed visuals such as colors, typography, and images. Purpose: To present how the final product will look.
3. Interactive Prototypes
Interactive prototypes simulate user interaction with the design. They include clickable elements to mimic navigation and transitions. Purpose: To test usability and user flow before development.
