You are currently viewing Design Fundamentals: Understanding Shape Relationships

Design Fundamentals: Understanding Shape Relationships

[themeone_drop_cap letter=”SHAPE” color=”accent-color1″ /] is one of the formal elements of 2-dimensional design. By formal we are referring to something that is form-based. Form is the visual appearance of something.

In addition to shape, the formal elements of design are point, line, plane, space, color and texture. Designs, and all visual art, are built using these elements. Line, shape, color and texture are arranged in a defined space, positioned at various points within the visual plane in relationship to each other and to the entire design space.

Much of what designers deal with involves placing shapes in relationship to each other (a design space) in a meaningful way. These shape relationships help us create and understand space. They are the building blocks of form, and can be combined in limitless ways.

These shape relationships are very closely related to the Pathfinder Palette options in Adobe Illustrator. The shape relationships are:

Detached

Shape Relationship — Detached ©2016 Alvalyn Lundgren

Shapes are positioned side by side. They are separated by negative space.

Touching

Shape Relationship —Touching ©2016 Alvalyn Lundgren

The edges of the shapes meet, and there is no interval negative space between them.

Overlapped

Shape Relationship —overlap ©2016 Alvalyn Lundgren

A shape sits in front of or on top of another, hiding part of the shape underneath it.

Interpenetration

Shape Relationship —interpenetration ©2016 Alvalyn LundgrenA shape is overlapping another, and is transparent, so that the shape underneath it is visible.

United

Shape Relationship — united ©2016 Alvalyn Lundgren

The overlapping shapes combine into a single new shape.

Subtraction

Shape Relationship — subtraction ©2016 Alvalyn Lundgren

The shape sitting in front overlaps and removes part of shape underneath.

Intersection

Shape Relationship — intersection ©2016 Alvalyn Lundgren

Only the common area of overlapping shapes is visible.

Division

Shape Relationship — division ©2016 Alvalyn Lundgren

shape-division2

shape-division1

Shapes overlap and subdivide or fragment into multiple shapes. Each one is filled separately with a different color. The number of shapes is multiplied.

Alvalyn Lundgren

Alvalyn Lundgren is a creative entrepreneur, podcaster, and author who has been freelancing for more than 40 years. She is the founder of Alvalyn Creative, a strategic creative consultancy focusing on brand strategy, visual design, and illustration for businesses, organizations, and independent authors. She is also the founder of several educational initiatives: Freelance Road Trip, Occuprise Network, and Alvalyn Creative Academy, and teaches part time in professional design programs with UCLA Extension and ArtCenter Extended Studies. She resides in southern California. She is the creator of Freelance Road Trip — a business school and podcast for creative freelancers. She teaches design and design practice in certificate programs and independently. Her new book, "Freelancing By Design: Essential Strategies and Proven Tactics To Build a Thriving Freelance Business From Your Creative Work" releases on July 1, 2026.

This Post Has 2 Comments

Comments are closed.