At the start of your UX Design journey, visual design appears overwhelming and subjective. You can look at an app or website and know that it has a good design, but when it comes to styling your own work, you draw a blank. This class will discuss practical tips for designing aesthetically pleasing, usable, and accessible apps and websites. It will provide beginners with the tools they need to start thinking critically about what makes good UI good, and how they can level up their own visual design skills. Students will work in Figma and walk away with a high-fidelity website or app mock-up, as well as knowledge of visual hierarchy, color palettes, typography, and girds and alignment.

Class Info
Date: Saturday, November 20
Time: 1:00p - 3:30p ET

Outcomes:

Through a combination of class discussion and practical exercises with Figma, students will learn how to:

• Develop an eye for visual design
• An understanding of how to align different shapes (with and without grids)
• Establish visual hierarchy to create aesthetically pleasing and easy-to-use designs
• Ability to select fonts and type scales
• Create a cohesive color palette

Prerequisites

Students will need to have a Figma account (free or paid version). The class will cover some information about how to use Figma, however, students who are unfamiliar with Figma should watch Figma For Beginners: Explore ideas (1/4), (a ~15-minute introduction to the software).

Figma (free or paid version)
Google Drive (for accessing design assets)

Code of Conduct: Girl Develop It is focused on providing opportunities for women and non-binary individuals to learn web and software development, but our classes and events are open to all genders and identities. We are dedicated to providing a welcoming and comfortable environment for all to learn to code and every attendee is expected to uphold our Code of Conduct (http://www.girldevelopit.com/codeofconduct).