In this chapter, you will continue to learn skills and methods for creating and designing interactive wireframes and prototypes, which will help us in the process of visual design, especially in creating better user interface designs.
I will share different examples of how wireframes can be created, what kinds of tools we can use, and what kinds of wireframes we can create to utilize better wireframes during our product design process.
Here, we will cover everything from the basics up to advanced concepts of wireframes and prototypes. Then, we will move on to explain the different types of wireframes that we can create.
By the end of this chapter, you will be able to understand the following topics better:
- Wireframes
- Types of wireframes we can create
- Prototypes
- Tools we can use to create wireframes
- Tools we can use to create prototypes
- Different types of prototypes
- Differences between low-fidelity and high-fidelity wireframes and prototypes