Intro to UI design and FIgma , Basics of UI design and Figma.
Course Description
- Mastering Size & Visual Hierarchy: Learn how to use scale to control user attention, covering essential standards for typography sizing, responsive imagery, and designing accessible buttons that work for both mouse cursors and touch targets.
- Typography Systems & Rules: Go beyond simple font selection by applying professional typesetting rules. We cover line height, letter spacing, and type scales to ensure your text is legible, readable, and visually balanced.
- Deep Dive into Color Theory: Move from basic color selection to strategic application. Understand the Color Wheel, differentiate between Warm and Cold tones, and apply the 60-30-10 Rule to create balanced palettes. We also explore Color Psychology to influence user emotion and strict Contrast rules for accessibility.
- Layouts, Grids, & Anatomy: Build structurally sound designs using professional grid systems (Columns, Gutters, and Margins). Learn when to use specific grid types and how to maintain consistency across different screen sizes.
- Spacing & Composition: Master the art of “invisible design” by effectively using Whitespace and Proximity. We clarify the technical differences between Padding and Margin and teach you how to arrange content using F-Patterns and Z-Patterns to match natural eye-scanning behaviors.
- Figma Interface Essentials: A practical walkthrough of the industry-standard tool, ensuring you are comfortable navigating the canvas, layers panel, and design properties to start building your ideas.
Who this course is for:
- People who want to start UI design
Free
