You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1.1 KiB

UI III - Ex 1 - Grids

Context:

Welcome to the 3rd quest of UI.

In this series of exercises, you’ll be asked to open your eyes and collect graphic elements from various websites. You’ll see grids across screens, multi state buttons, how to make a design accessible for all, breadcrumbs, toggle buttons, radio buttons, calendar, time picker with 2 main goals:

  • Enrich your graphic general knowledge
  • Detect consistency, that helps users understand a digital product at the first glance.

Instructions:

Open these 5 images on Figma and draw lines and grids every time you find aligned elements.

Deliverables:

  • A PDF document extracted from a Figma file
  • The file should include the screens with lines on top to show grids. One PDF page per screen or frame.

Resources: