Color Lessons

Understand the science and art of color theory for impactful and emotionally engaging UX designs.

Explore the various aspects, attributes, and properties of color

Find out what exactly UI designers are expected to create and deliver

Decode the various properties that make up a color

Understand the common connotations of colors and how they generally affect people's moods

Explore the traditional associations of different colors and learn how to use them in the right contexts

Understand the differences in color perception and association among different cultures across the world

Understand the different aspects and properties of color

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

Explore popular color schemes that can be used to build a color palette

Learn how to put together a color palette from scratch based on your goals

Learn how to design accessibly, keeping in mind the triggers of those suffering from epilepsy

Explore the different types of visual dividers in UI and where to use them effectively

Learn the role and influence of color in branding

Learn how to use color combinations to influence the moods of users

Explore powerful color palettes that can be used to create different moods

Learn the art of arranging elements within a design for an aesthetically pleasing and engaging user experience

Understand how color can produce different meanings based on the context of its usage

Learn how to implement the WCAG recommendations on color contrast for accessibility

Discover methods to test if your color combinations are doing their intended job

Discover the components that make up a UI header

Discover popularly used color combinations and the emotions they tend to evoke

Discover the role of lighting and materials in bringing a scene to life with realism and visual impact

Learn how to establish a clear visual hierarchy in your designs to enhance readability

Explore basic CSS styling techniques

Understand the difference between HTML IDs and classes and when to use each one effectively

Understand how to create mobile apps that are accessible and inclusive to all users

Learn how to connect web pages and provide seamless navigation for your users through HTML

Understand the way different shapes are perceived and how they can influence user behavior

Discover how to incorporate SVG elements into your HTML pages to create dynamic and scalable vector-based graphics

Explore how to harness AI for optimizing tedious design tasks

Explore the principles of perception and depth in 3D design, and learn how 3D techniques are leveraged to create realistic and immersive three-dimensional experiences

Explore techniques to establish clear relationships, enhance visual flow, and create cohesive and organized designs that effectively communicate information and engage users

Explore the color palettes of popular services and products, designed to evoke specific emotions

Discover the fundamental shape primitives that are the building blocks for creating complex 3D models and scenes

Dive into the vibrant world of HTML colors and learn how to add visual appeal to your web pages

Discover how to enhance the visual presentation of your web pages

Understand the significance of color in design composition, as it influences visual aesthetics, communicates emotions, and enhances user experiences

Learn how to effectively utilize contrast in elements such as color, size, shape, texture, and typography to create emphasis, highlight important information, and guide users' attention within your design

Explore the best practices for 3D illumination to achieve visually stunning and realistic lighting effects in your 3D designs

Explore harmonious combinations, playful contrasts, and whimsical hues that evoke different moods and enhance the visual appeal of iconic cartoons

Learn how to use color and generate smooth gradients that create moods and capture users' attention

Delve into the world of surfaces and shading in 3D design, and discover techniques for creating realistic textures, materials, and shading effects that breathe life into your 3D models

Dive into the realm of CSS backgrounds and discover how to create captivating and immersive visual experiences on your web pages

Discover captivating color palettes of popular social networks and messengers, designed to create engaging and user-friendly digital experiences

Explore how you can manipulate images in Figma to integrate them seamlessly into your interfaces.

Learn how to leverage CSS to optimize and enhance images that create visually stunning and optimized web pages

Learn what goes into customizing how text looks on a webpage

Learn how to format lists and paragraphs in Figma.

Demystify the CSS box model and grasp how elements are structured and positioned within a web page, enabling you to create well-defined layouts and designs