A Practical Introduction to Visual UI Design

Nov 20, 2021, 6:00 – 8:30 PM

A well-designed app or website that stands out and is aesthetically pleasing is easy to spot, but hard to do. What tools should you use? What are some practical tips? How can you discover what makes good UI good? Join this introductory course to discover resources and best practices for UI design and level up your own visual design skills.

About this event

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).

Explore GDI Memberships

Want More from GDI? GDI offers a variety of ways you can join our community! Whether you are brand new to tech or want to advance the experience you've already racked up, we have something for you. When you join as a member, you develop your own pathway to develop code, confidence, and community. If you just want to get your feet wet or want a personal coach to land your dream job, GDI has memberships to match your interest, availability, and budget. Learn more here. 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.https://girldevelopit.com/code-of-conduct/).

Speaker

  • Zoraida Cabrera-Mieles

Organizers

  • Katie Franco

    Girl Develop It

    Executive Director

  • LaRia Rogers

    Subject Matter Expert

  • Katie Brydon (she/her)

    Girl Develop It

    Community Director

  • Alex Vaughn

    Coordinator

CONTACT US