Design like a professional using Mobbin and get 20% off: https://mobbin.com/kole

A complete breakdown of every UI/UX design concept you need to know, from visual hierarchy and color theory to typography, spacing, and much more! Whether you're just starting out or filling in the gaps, this video covers the core principles that separate good design from great design. All in under 10 minutes.

Enjoying the content? Subscribe for more!
 @KoleJain  

Figma files:
https://www.kolejain.com/resources?scrollTo=every-ui-concept

Timestamps:
0:00 Affordances & Signifiers
0:45 Visual Hierarchy
2:04 Grids, Layouts & Spacing
3:16 Typography & Font Sizing
4:55 Color Theory
5:47 Dark Mode
6:19 Shadows
6:53 Icons & Buttons
7:29 Feedback & States
8:07 Micro Interactions
8:36 Overalys

YouTube

A broad overview of foundational UI/UX design concepts covering signifiers, visual hierarchy, grids and white space, typography tips (font choice, letter spacing, line height), color usage including semantic colors and dark mode, shadows, icons, button and input states, micro interactions, and image overlays. Practical examples are used throughout to illustrate each concept, with references to tools like Figma for assets.

Every UI/UX Concept Explained in Under 10 Minutes