User Interface Design on Tablet, Desktop, and the Web
In the previous chapter, we made significant progress in designing layouts for our mobile app by completing two more views, and we also created some important reusable components that are now easily accessible from your library. According to the brief that was defined in Chapter 2, Structuring Moodboards, Personas, and User Flows within FigJam, our application should run not only on smartphones but also on tablets and desktops, so in this chapter, you will learn what you need to do to make your design responsive and how to make it look good on large screens. You are already familiar with functions like constraints and resizing, which prevent your interface from breaking when adjusted for different dimensions. Correctly applying these functions can help you avoid numerous issues when scaling your layouts across various platforms. However, this is not enough to make your design fully responsive, especially if you are creating a product...