From the course: Prototyping for Non-Designers
Unlock this course with a free trial
Join today to access over 24,900 courses taught by industry experts.
Prototyping web elements
From the course: Prototyping for Non-Designers
Prototyping web elements
- [Instructor] When it comes to prototyping ideas and concepts for websites, Penpot is becoming a tool of choice. Its seamless integration of design and development workflows, not just because it is open source, but it's also because the code it produces is remarkably close to production-ready, making it a go-to for both designers and developers. By doing so, Penpot simplifies their tasks and boosts their productivity. So let's take a look at one of Penpot's features, Flex Box. In this example, I have a section of a webpage with a complex design. In today's digital landscape where responsive design is essential, Flex Box in Penpot has proven to be a powerful tool. It allows for the flexible and responsive arrangement of elements within a container, making it easy to control alignment spacing and the distribution of items regardless of their size. I'm going to just work with the top row here because this bottom row will get essentially the same treatment. To add all of these elements…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.