1. Wireframes: Low-fidelity sketches that outline the basic structure of the web pages or app screens.
2. Mockups: High-fidelity designs that show what the final product will look like, including colors, typography, and imagery.
3. (Optional) Interactive Prototypes: Clickable versions of mockups that simulate user interactions with the interface, used for testing and presenting the design concept.
4. (Optional) Design Specifications: Detailed documentation for developers, including dimensions, behaviors, and aesthetic details of the user interface.
5. (Optional) Style Guide: A manual of design standards that ensures consistency in the visual elements and branding across the product.
6. Final Design Files: All source files in their respective formats, ready for development.