Recommended resources

All
Courses
Lessons
Exercises
Project Briefs
Assessments
Tutorials

Courses

Design Composition Course
Course

Design Composition

Gene Kamenez
Gene Kamenez
Craft balanced, engaging designs with composition principles that work.
Introduction to Design Audits Course
New
Course

Introduction to Design Audits

Romina Kavcic
Romina Kavcic
Master the art of systematic design evaluation to create more consistent, effective, and user-centered products.
Enhancing UX workflow with AI Course
Course

Enhancing UX workflow with AI

Colin Michael Pace
Colin Michael Pace
Learn how to enhance your images, streamline your design workflow, and facilitate time-consuming user research tasks with AI tools.
Color Psychology Course
Course

Color Psychology

Cameron Chapman
Cameron Chapman
Learn about color psychology in product development and discover how to effectively use it to evoke emotions and influence behavior.
Design Terminology Course
Course

Design Terminology

Alesya Dzenga
Alesya Dzenga
This course is an essential introduction to design terminology for professionals across various fields. Learn key UI/UX, graphic design, and marketing terms to improve collaboration with designers, developers, marketing team, and stakeholders.
Typography Course
Course

Typography

Cameron Chapman
Cameron Chapman
Learn the art and science of typography and create visually appealing, effective, and memorable visual work and interfaces.
UI Components II Course
Course

UI Components II

Colin Michael Pace
Colin Michael Pace
Discover the intricacies of advanced user interface (UI) components and master the art of using them in accordance with the best practices.
UX Design Foundations Course
Popular
Course

UX Design Foundations

Gene Kamenez
Gene Kamenez
Master the fundamentals of UX to build a strong foundation in user-centered principles and workflows, helping you contribute effectively to product development and create better user experiences.
Introduction to Figma Course
Course

Introduction to Figma

Gene Kamenez
Gene Kamenez
Master Figma's core functions from the ground up. Learn essential tools and workflows to streamline collaboration and enhance product development.
UI Components I Course
Course

UI Components I

Colin Michael Pace
Colin Michael Pace
Gain a solid understanding of basic UI components and their proper usage, enabling you to contribute to creating functional, visually appealing, and user-friendly interfaces.
Common Design Patterns Course
Course

Common Design Patterns

Gene Kamenez
Gene Kamenez
Explore the most reusable and widely used design patterns in product design and learn how to implement these patterns successfully and create designs that are both user-friendly and visually appealing.
Churn Busting Course
Course

Churn Busting

Gene Kamenez
Gene Kamenez
Master proven techniques to reduce customer churn and build lasting relationships with users of digital products.
Apple Human Interface Guidelines Course
Course

Apple Human Interface Guidelines

Denis Jeliazkov
Denis Jeliazkov
Master Apple's principles and patterns to create intuitive, consistent, and delightful experiences for iOS, macOS, iPadOS, and WatchOS.
Psychology Behind Gamified Experiences Course
Course

Psychology Behind Gamified Experiences

Alesya Dzenga
Alesya Dzenga
Explore the power of gamification to enhance user engagement, motivate behavior, and create memorable experiences in non-game contexts.
Accessibility Foundations Course
Course

Accessibility Foundations

Ljubisa Kukulj
Ljubisa Kukulj
Learn about designing products that are accessible and inclusive for all users, regardless of their abilities.
Mobile Design Course
Course

Mobile Design

Denis Jeliazkov
Denis Jeliazkov
Learn how to design world-class mobile apps and responsive websites for mobile devices.
HTML Foundations Course
Course

HTML Foundations

Yan Sokalau
Yan Sokalau
Learn HTML fundamentals and gain essential web skills for any career.
3D Design Foundations Course
Course

3D Design Foundations

Learn the basics of 3D design and start designing amazing and mind-bending experiences.
UX Design Patterns with Checklist Design Course
Course

UX Design Patterns with Checklist Design

George Hatzis
George Hatzis
Learn how to implement familiar design patterns for intuitive interactions.

Lessons

Tables & Lists Accessibility Lesson
Lesson

Tables & Lists Accessibility

Discover how to effectively organize information in tables and lists without causing overwhelm
Rhythm in Design Composition Lesson
Lesson

Rhythm in Design Composition

Learn how to build rhythm through the strategic repetition and variation of design elements to create dynamic and engaging designs
Type anatomy (Part 3) Lesson
Lesson

Type anatomy (Part 3)

Explore the finer details of typefaces, focusing on their anatomy and their significance in design
Exploring the Power of AI in Visual Design Lesson
Lesson

Exploring the Power of AI in Visual Design

Explore how AI is transforming visual design, from automating tasks to creating user-centric experiences
Intro to Shadows Lesson
Lesson

Intro to Shadows

Learn what shadows are and how they can be used to elevate UX
12 Composition Techniques in Photography for Better Design Lesson
Lesson

12 Composition Techniques in Photography for Better Design

Learn the 12 composition techniques in photography that can significantly enhance your design skills
Design Disciplines Lesson
Lesson

Design Disciplines

Explore the various disciplines and niches that make up the vast world of design
Type Anatomy (Part 1) Lesson
Lesson

Type Anatomy (Part 1)

Learn the fundamentals of typography anatomy, exploring the key components that shape characters and impact design
Image Usage & Asset Design Lesson
Lesson

Image Usage & Asset Design

Create and implement visual assets that feel native to Apple platforms.
Type Anatomy (Part 2) Lesson
Lesson

Type Anatomy (Part 2)

Gain insights into letter anatomy and understand how it influences readability and visual harmony
Intro to Design Composition Lesson
Lesson

Intro to Design Composition

Explore the fundamentals of design composition, delving into the concepts that govern the arrangement and organization of visual elements
Pairing Fonts Lesson
Lesson

Pairing Fonts

Explore various methods to discover the perfect combination of fonts for your designs
Accessibility and Standards Lesson
Lesson

Accessibility and Standards

Evaluate designs against accessibility requirements and industry standards to create inclusive products.
Color Terminology Lesson
Lesson

Color Terminology

Understand the different aspects and properties of color
Strokes in Figma Lesson
Lesson

Strokes in Figma

Learn when and how to use different stroke styles and properties in Figma.
Color Scheme Personalities Lesson
Lesson

Color Scheme Personalities

Explore popular color schemes that can be used to build a color palette
Basics for Creating Effective Prompts Lesson
Lesson

Basics for Creating Effective Prompts

Discover how to write impeccable prompts that guide AI tools to realize your vision
10 Fascinating Optical Illusions Lesson
Lesson

10 Fascinating Optical Illusions

Explore the captivating world of optical illusions and delve into the fascinating realm of human visual perception
Typography & Branding Lesson
Lesson

Typography & Branding

Uncover how typography plays a key role in shaping and conveying a brand's visual identity and personality
Best Practices for Designing Lists Lesson
Lesson

Best Practices for Designing Lists

Dive into the best practices for creating lists that are readable and easy to scan
Creating a Color Palette Lesson
Lesson

Creating a Color Palette

Learn how to put together a color palette from scratch based on your goals
Visual Perception and Design Composition Lesson
Lesson

Visual Perception and Design Composition

Learn how element placement can impact a user’s progression through your product
UI Accordions: Basics & Best Practices Lesson
Lesson

UI Accordions: Basics & Best Practices

Learn how to present information with functional, aesthetic, and accessible accordions
Intro to UI Lists Lesson
Lesson

Intro to UI Lists

Explore the fundamentals of lists, including their purpose, structure, and the different types used in UI design
Intro to Design Formats Lesson
Lesson

Intro to Design Formats

Explore the diverse landscape of design formats and their applications
Intro to Charts in UI Lesson
Lesson

Intro to Charts in UI

Learn the different types of charts, their anatomy, and where to use them
Visual Design Analysis Lesson
Lesson

Visual Design Analysis

Evaluate and enhance design systems through systematic visual analysis techniques.
Characters in Typography Lesson
Lesson

Characters in Typography

Understand the anatomy of different typefaces to comprehend the factors contributing to their quality, legibility, and distinctive style
Influencing Behavior With Color Lesson
Lesson

Influencing Behavior With Color

Understand how user behavior can be predicted and prompted with the help of color

Exercises

Square tetradic color schemes
Exercise

Square tetradic color schemes

Visual hierarchy effectiveness check
Exercise

Visual hierarchy effectiveness check

Contrast font weights
Exercise

Contrast font weights

Ball Terminal
Exercise

Ball Terminal

Step 2: Test colors to pair
Exercise

Step 2: Test colors to pair

Hex code
Exercise

Hex code

Exercise

Custom strokes

Rightward direction
Exercise

Rightward direction

Step 4: Adjust the colors
Exercise

Step 4: Adjust the colors

Inner shadow
Exercise

Inner shadow

Exercise

Stroke position

Exercise

Use sequential loading

Ascending elements
Exercise

Ascending elements

Modern brands
Exercise

Modern brands

Exercise

Munker-White Illusion

Single-line list
Exercise

Single-line list

Shoulder
Exercise

Shoulder

Exercise

Stroke weight

Swash
Exercise

Swash

Exercise

Use skeleton loaders

Communicate interactivity with the hover state
Exercise

Communicate interactivity with the hover state

Invisible lines
Exercise

Invisible lines

Traditional brands
Exercise

Traditional brands

Graphic design is only about logos and posters
Exercise

Graphic design is only about logos and posters

Donut chart
Exercise

Donut chart

Beak
Exercise

Beak

Portrait format
Exercise

Portrait format

How to use ascending elements
Exercise

How to use ascending elements

Leading lines
Exercise

Leading lines

Align text to the horizontal center of images
Exercise

Align text to the horizontal center of images

Exercise

Lilac Chaser Illusion

Сlose elements
Exercise

Сlose elements

Composition should be easy to follow
Exercise

Composition should be easy to follow

Landscape format
Exercise

Landscape format

X-height
Exercise

X-height

Exercise

Design сomposition

Perception of time
Exercise

Perception of time

Adding a professional touch
Exercise

Adding a professional touch

Mood boards
Exercise

Mood boards

Use the <caption> element for the table title
Exercise

Use the <caption> element for the table title

Heavy elements
Exercise

Heavy elements

Ligature
Exercise

Ligature

Ear
Exercise

Ear

Opacity
Exercise

Opacity

Provide list view control options
Exercise

Provide list view control options

Loop
Exercise

Loop

Spur
Exercise

Spur

Maintain vertical keyline alignment
Exercise

Maintain vertical keyline alignment

Underlying AI algorithms
Exercise

Underlying AI algorithms

Serif & sans-serif
Exercise

Serif & sans-serif

Improve your UX & Product skills with interactive courses that actually work

FAQs

What is visual design and what does it encompass?

Visual design refers to the aesthetic and artistic aspects of the design process, focusing on creating visually appealing and engaging digital or physical products. It encompasses the use of color, typography, images, layout, and other visual elements to communicate a message, evoke emotions, and enhance the user experience. Visual design plays a crucial role in branding, marketing, and user interface design, influencing how users perceive and interact with a product or service.


How does visual design impact user experience?

Visual design significantly impacts user experience by influencing how users perceive and interact with a product or service. Some ways visual design impacts user experience include:

  • Brand identity: Visual elements, such as logos and color schemes, help establish a strong brand identity and evoke specific emotions or associations with a product or company.
  • User interface: An intuitive and visually pleasing user interface enhances usability, reduces friction, and encourages users to engage more with the product.
  • Communication: Visual design aids in conveying information effectively, making content more digestible and engaging for users.
  • Accessibility: Thoughtful visual design considers accessibility principles, ensuring that all users can access and understand the content, regardless of their abilities.

What are the key principles of effective visual design?

Effective visual design is guided by several key principles that contribute to creating impactful and memorable designs. Some of these principles include:

  • Balance: Distributing visual elements evenly to achieve a sense of stability and harmony in the design.
  • Contrast: Using contrasting elements (e.g., color, size, or typography) to create visual interest and highlight important information.
  • Alignment: Ensuring that elements are properly aligned to create a cohesive and organized layout.
  • Repetition: Repeating visual elements (e.g., colors, shapes, or icons) throughout the design to establish consistency and reinforce branding.
  • Proximity: Grouping related elements together to create visual relationships and organize information effectively.
  • White space: Using white space or negative space strategically to give design breathing room and draw attention to key elements.
<?xml version="1.0" encoding="utf-8"?>