UI Design Workbook
The UI Design Workbook was created as a resource for students and young designers who want a structured set of exercises to practice creating high-fidelity wireframes.
Each exercise uses a 4-page setup.
This page will serve as an introduction to the component. It lists the name and description of the components usage; along with some of the visual attributes that are commonly found in it.
- The top half of this page includes space to write ideas and notes (font names, colors, etc.) for that component.
- The bottom half includes a grid to sketch out these initial notes and ideas.
Two dotted grid pages to sketch out high fidelity wireframes.
You can use one page to create a close-up view of the individual component and the second page to create complete view of the page with all components placed in it.
Download the Wireframe Template for Free
…and many more