Layout & Composition Lessons

Explore the tried-and-tested guidelines of design used to ensure exceptional user experience

Decode the components and anatomy of type

Understand how to practically implement guiding design principles for exceptional UX

Learn the most basic ways to manipulate images within your design

Acquaint yourself with the building blocks that make up a design's basic architecture

Understand the anatomy of different UI components to create unique UIs tailored to user needs

Explore the elements that shape intuitive, consistent, and visually captivating UI experiences

Learn how atomic design helps craft scalable, consistent, and efficient user interfaces

Discover the different types of grids and how they can be used to craft your design layout

Explore the various types of icons and their uses in UX design

Learn what shadows are and how they can be used to elevate UX

Learn how to style well-formatted paragraphs that make text content easier to read and scan

Learn the essential structure, syntax, and tags of HTML, enabling you to structure and organize content on the web

Familiarize yourself with basic Figma terminology.

Explore the diverse landscape of design formats and their applications

Dive into the elements of pagination that helps split content into separate pages

Learn the nuances of designing accessible products for those on the autism disorder spectrum

Explore design format properties that can be used to control visual hierarchy and guide user attention

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

Learn how to add structure, balance, and harmony to your UI with the help of grids

Explore the fundamental properties of design elements that play a crucial role in establishing the tone, mood, and visual appeal of digital products

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

Understand the most common visual disabilities and how to design products that work for people with these impairments

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

Discover ways to create custom shapes in Figma with vector networks and boolean operations.

Uncover valuable design composition tips and tricks to enhance your creative process and create visually captivating designs

Learn how element placement can impact a user’s progression through your product

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

Learn how to effectively apply negative space in design to create clean and impactful compositions

Learn how to choose the most appropriate typeface for your intended message and audience

Learn how to structure and arrange the content on your web pages effectively with HTML layout elements

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

Understand the interplay between positive and negative space to create visually pleasing and well-balanced designs

Learn how to build rhythm through the strategic repetition and variation of design elements to create dynamic and engaging designs

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

Dive into the key principles of mobile layout design

Explore the various types of grids and learn how to use them effectively to create balanced, harmonious, and visually pleasing compositions

Discover the power of repetition and contrast in typography, as they play crucial roles in creating visually engaging and effective designs

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

Understand how to establish a grid system that guides the placement and alignment of text elements within your design

Learn how to incorporate various media elements into your web pages with HTML

Gain practical insights into working with design composition

Understand the concept of the coordinate system in 3D space and learn how to navigate and position objects using X, Y, and Z axes

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

Master the art of using HTML headings and paragraphs to structure and format your web content

Uncover how to strategically repeat design elements such as colors, shapes, patterns, and typography to establish a sense of unity, balance, and rhythm within your designs

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

Uncover the basics of HTML attributes, the additional properties that can be applied to HTML elements to enhance their functionality and appearance

Learn how to incorporate composition grids into your design process