UI Design Lessons
Explore bite-sized “UI Design” lessons designed to build real skills in just 5 minutes a day. Want more? Browse all search results
Lesson
What is UX Design?
Learn UX fundamentals to create user-centered products that balance customer needs with business goals for maximum impact.
Lesson
Image Terminology
Discover the different types of images and their functions in design
Lesson
UX Design Principles
Learn how to differentiate your product with the UX Honeycomb of 7 principles for irresistible user experiences.
Lesson
Common UI Component Definitions I
Discover the most common components you'll encounter on any given user interface
Lesson
Designing for Mobile Interfaces
Learn the basics of creating user-friendly, intuitive, and functional mobile interfaces
Lesson
Image Types and Formats
Learn the different image types and formats and each of their use cases
Lesson
Elements of Typography
Discover the different components and properties of type along with its use cases
Lesson
Theory of Design Principles
Explore the tried-and-tested guidelines of design used to ensure exceptional user experience
Lesson
10 Usability Heuristics by Jakob Nielsen
Discover how to evaluate your product's usability with heuristics
Lesson
Login & Signup Flows
Discover how to create login and signup flows that do not overwhelm or frustrate users
Lesson
Animation Theory & Motion
Dive into the basics of animation and its uses in UX design
Lesson
User Onboarding
Explore the best practices to onboard users in an intuitive and helpful way
Lesson
Anatomy of UI Components
Understand the anatomy of different UI components to create unique UIs tailored to user needs
Lesson
Intro to UI Cursors
Learn about the different types of cursors and how to effectively incorporate the right kind into your UI
Lesson
How Color Affects Mood & Emotion
Understand the common connotations of colors and how they generally affect people's moods
Lesson
Traditional Color Meanings
Explore the traditional associations of different colors and learn how to use them in the right contexts
Lesson
Devices & Screen Sizes
Discover the various devices and screen sizes you may have to design for
Lesson
UI Design Elements
Explore the elements that shape intuitive, consistent, and visually captivating UI experiences
Lesson
UX Design Deliverables
Find out what exactly UX designers are expected to create and deliver
Lesson
Atomic Design by Brad Frost
Learn how atomic design helps craft scalable, consistent, and efficient user interfaces
Lesson
Cultural Differences in Color Perception & Meaning
Understand the differences in color perception and association among different cultures across the world
Lesson
Common UI Components
Discover the most basic building blocks that make up a user interface
Lesson
UI Component States
Learn how to guide users and give useful indications on how to interact with the interface components
Lesson
Common UI Component Definitions II
Discover more common components that make up a user interface
Lesson
Common Designer Roles
Discover the different types of designers and their job roles
Lesson
Icon Terminology
Explore the various types of icons and their uses in UX design
Lesson
Empty States
Learn how to take empty states from frustrating to helpful
Lesson
Help & Feedback
Learn how to design Help and Feedback sections that truly serve their purpose without overwhelming users
Lesson
Intro to UI Selection Controls
Learn the different types of UI selection controls and when to use them
Lesson
Intro to Forms in UI
Learn the importance of well-designed forms and what goes into creating them
Lesson
Intro to Search Functionality in UI
Understand the basics of designing a search functionality that helps users find specific data
Lesson
Color Scheme Personalities
Explore popular color schemes that can be used to build a color palette
Lesson
Pricing Pages
Understand how to build a clear and transparent pricing page
Lesson
Activity Feeds
Learn how to build dynamic activity feeds
Lesson
Intro to UI Sliders
Discover the different types of sliders and their usage in UIs
Lesson
Booking Pages
Understand what goes into building booking pages that convert
Lesson
Intro to UI Tab Navigation
Understand the basics and anatomy of tab navigation
Lesson
Figma Right & Left Sidebars
Discover the functionalities present in Figma’s right and left sidebars.
Lesson
Figma Vocabulary
Familiarize yourself with basic Figma terminology.
Lesson
Figma Toolbar
Learn how to make use of Figma's most popular toolbar to speed up your design process
Lesson
13 Principles of Dark Mode Design
Explore techniques to effectively implement dark mode and provide an immersive and comfortable user experience
Lesson
Intro to Charts in UI
Learn the different types of charts, their anatomy, and where to use them
Lesson
UI Accordions: Basics & Best Practices
Learn how to present information with functional, aesthetic, and accessible accordions
Lesson
Settings
Explore the best practices to follow when designing a Settings section that is free of any ambiguity
Lesson
Intro to UI Lists
Explore the fundamentals of lists, including their purpose, structure, and the different types used in UI design
Lesson
Design Disciplines
Explore the various disciplines and niches that make up the vast world of design
Lesson
Intro to Design Formats
Explore the diverse landscape of design formats and their applications
Lesson
Intro to Pagination in UI
Dive into the elements of pagination that helps split content into separate pages
Lesson
Common Design Concepts
Learn the basic concepts of design that you should be familiar with as a designer
Lesson
Best Practices for Designing UI Sliders
Learn the best practices for designing UI sliders that are easy to use