Recommended resources
Courses
Design Composition
Introduction to Design Audits
Enhancing UX workflow with AI
Color Psychology
Design Terminology
Typography
UI Components II
UX Design Foundations
Introduction to Figma
UI Components I
Common Design Patterns
Churn Busting
Apple Human Interface Guidelines
Psychology Behind Gamified Experiences
Accessibility Foundations
Mobile Design
HTML Foundations
3D Design Foundations
UX Design Patterns with Checklist Design
Lessons
Tables & Lists Accessibility
Rhythm in Design Composition
Type anatomy (Part 3)
Exploring the Power of AI in Visual Design
Intro to Shadows
12 Composition Techniques in Photography for Better Design
Design Disciplines
Type Anatomy (Part 1)
Image Usage & Asset Design
Type Anatomy (Part 2)
Intro to Design Composition
Pairing Fonts
Accessibility and Standards
Color Terminology
Strokes in Figma
Color Scheme Personalities
Basics for Creating Effective Prompts
10 Fascinating Optical Illusions
Typography & Branding
Best Practices for Designing Lists
Creating a Color Palette
Visual Perception and Design Composition
UI Accordions: Basics & Best Practices
Intro to UI Lists
Intro to Design Formats
Intro to Charts in UI
Visual Design Analysis
Characters in Typography
Influencing Behavior With Color
Exercises

Square tetradic color schemes

Visual hierarchy effectiveness check

Contrast font weights

Ball Terminal

Step 2: Test colors to pair

Hex code
Custom strokes

Rightward direction

Step 4: Adjust the colors

Inner shadow
Stroke position
Use sequential loading

Ascending elements

Modern brands
Munker-White Illusion

Single-line list

Shoulder
Stroke weight

Swash
Use skeleton loaders

Communicate interactivity with the hover state

Invisible lines

Traditional brands

Graphic design is only about logos and posters

Donut chart

Beak

Portrait format

How to use ascending elements

Leading lines

Align text to the horizontal center of images
Lilac Chaser Illusion

Сlose elements

Composition should be easy to follow

Landscape format

X-height
Design сomposition

Perception of time

Adding a professional touch

Mood boards

Use the <caption> element for the table title

Heavy elements

Ligature

Ear

Opacity

Provide list view control options

Loop

Spur

Maintain vertical keyline alignment

Underlying AI algorithms

Serif & sans-serif
Project Briefs
Create a High-Impact Landing Page
Create a Typography System
Create a Color System
Assessments
Attention to Detail
Color
Accessibility
Email Design
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.