In fine art, filmmaking, photography, [graphic design](https://www.masterclass.com/articles/what-is-graphic-design), and other visual mediums, composition speaks to the arrangement of design elements in a given canvas, image, or screen. The composition combines specific elements—such as color, texture, and [positive or negative space](https://www.masterclass.com/articles/positive-and-negative-space)—that offer a clear visual hierarchy, drawing attention to the central or various parts of the image.
Graphic design composition combines individual elements with a structure to communicate information effectively. Graphic designers can use the basic principles of composition to make ads, website designs, and other marketing materials to build an effective [brand positioning strategy](https://www.masterclass.com/articles/how-to-create-a-brand-positioning-strategy) or [marketing campaign](https://www.masterclass.com/articles/direct-marketing). Using compositional principles gives visual weight to an image, telling the audience where to look, what to read, and how to feel. 

In addition to eye-catching graphic elements to communicate a message, there must be cohesion within the details, so audiences clearly understand the graphic and its goal. Graphic designers often work in apps such as Adobe Creative Cloud to establish a [visual hierarchy](https://www.masterclass.com/articles/visual-hierarchy) and strong composition for graphic design projects.
Several different elements are the building blocks that combine to make a good composition. The most important elements include:

1. __Color palette__: One of the most striking elements of your design, color helps establish a mood for your composition. When light waves strike an object and reflect back to the optic nerve in a human’s eyes, the sensation they perceive is color. Artists and designers use [color](https://www.masterclass.com/articles/color-in-art-explained) to depict and describe the subject and to portray mood, light, depth, and point of view. Designers use the [color wheel](https://www.masterclass.com/articles/color-theory-basics-understanding-the-color-wheel) and the tenets of color theory—a set of guidelines for mixing, combining, and manipulating colors—to create color schemes.
2. __Form__: The way a shape or physical configuration occupies space is form. Instead of creating form through a three-dimensional physical shape, designers create the appearance of form on a flat surface by using light, shadow, the formation of an object’s contours, empty space, and surrounding objects.
3. __Line__: Line refers to the way that two points in space connect. Diagonal, vertical, or horizontal lines can direct the eye toward a certain point in your composition. Designers can employ lines to create a symmetrical or asymmetrical [balance](https://www.masterclass.com/articles/balance-photography-explained) in designs.
4. __Shape__: A [shape](https://www.masterclass.com/articles/shape-in-art-explained) is a two-dimensional area with a surrounding outline. Graphic artists can use elements, including line, color, value, and shadow, to give a shape the appearance of a three-dimensional shape. There are three types of shapes: organic shapes, which occur naturally in the world; geometric shapes, which are angular and mathematically consistent; and abstract shapes, which represent things in nature but aren’t perfectly representative.
5. __Space__: Using space properly can help others view your design as you intended. White space or negative space is the space between or around the focal point of an image. Positive space is the space that your subject matter takes up in your composition. The spacing of your design is essential because a crowded [design layout](https://www.masterclass.com/articles/grids-in-design) can overwhelm the viewer’s eye.
6. __Texture__: Designers use texture to express how an object (image or text) feels. Words to describe texture may be rough, ribbed, smooth, thorny, soft, and more. Texture can provide a sensory component to your design.
7. __Typeface__: [Web designs](https://www.masterclass.com/articles/how-to-become-a-web-designer), ads, and print materials often combine images and text. The kind of [typography](https://www.masterclass.com/articles/typography-design-guide) you use should stem from brand guidelines and be easily legible—and well-written—to create a compelling message.
8. __Value__: In design, [value](https://www.masterclass.com/articles/value-in-art-explained) refers to the lightness or darkness of a color. The values of a color comprise gradients, a series of variations on one hue that range from the lightest to the darkest. Artists can use the various values of color to create the illusion of mass and volume in their work.
Get a [MasterClass Annual Membership](https://www.masterclass.com) and let David Carson be your personal tutor. The prolific and decorated designer—who’s been lauded as the “<a href='https://masterclass.com/articles/film-101-how-to-become-an-art-director' target='_blank' class='mc-text--link' data-mc-segment-trigger='true' data-mc-segment-event-type='Article Page Click' data-event-obj='{"textTag":"p","href":"https://masterclass.com/articles/film-101-how-to-become-an-art-director","linkCopy":"art director","category":"automated-link"}' automatic='true'>art director</a> of the era”—reveals his processes for going off the (design) grid, implementing typography in new and interesting ways, innovative uses of photography and collage, and so much more.
A successful graphic design composition combines visual elements to <a href='https://masterclass.com/articles/robin-robertss-tips-for-effective-communication' target='_blank' class='mc-text--link' data-mc-segment-trigger='true' data-mc-segment-event-type='Article Page Click' data-event-obj='{"textTag":"p","href":"https://masterclass.com/articles/robin-robertss-tips-for-effective-communication","linkCopy":"communicate","category":"automated-link"}' automatic='true'>communicate</a> a clear message. Learn about the principles of design and the key elements of compelling graphic design compositions.

A successful graphic design composition combines visual elements to <a href='https://masterclass.com/articles/robin-robertss-tips-for-effective-communication' target='_blank' class='mc-text--link' data-mc-segment-trigger='true' data-mc-segment-event-type='Article Page Click' data-event-obj='{"textTag":"p","href":"https://masterclass.com/articles/robin-robertss-tips-for-effective-communication","linkCopy":"communicate","category":"automated-link"}' automatic='true'>communicate</a> a clear message. Learn about the principles of design and the key elements of compelling graphic design compositions.

Graphic Design Composition: 8 Graphic Design Elements

In fine art, filmmaking, photography, <a href='https://www.masterclass.com/articles/what-is-graphic-design' target='_blank' class='mc-text--link' data-mc-segment-trigger='true' data-mc-segment-event-type='Article Page Click' data-event-obj='{"textTag":"p","href":"https://www.masterclass.com/articles/what-is-graphic-design","linkCopy":"graphic design","category":null}'>graphic design</a>, and other visual mediums, composition speaks to the arrangement of design elements in a given canvas, image, or screen. The composition combines specific elements—such as color, texture, and <a href='https://www.masterclass.com/articles/positive-and-negative-space' target='_blank' class='mc-text--link' data-mc-segment-trigger='true' data-mc-segment-event-type='Article Page Click' data-event-obj='{"textTag":"p","href":"https://www.masterclass.com/articles/positive-and-negative-space","linkCopy":"positive or negative space","category":null}'>positive or negative space</a>—that offer a clear visual hierarchy, drawing attention to the central or various parts of the image.

What Is Composition?

Graphic design composition combines individual elements with a structure to communicate information effectively. Graphic designers can use the basic principles of composition to make ads, website designs, and other marketing materials to build an effective <a href='https://www.masterclass.com/articles/how-to-create-a-brand-positioning-strategy' target='_blank' class='mc-text--link' data-mc-segment-trigger='true' data-mc-segment-event-type='Article Page Click' data-event-obj='{"textTag":"p","href":"https://www.masterclass.com/articles/how-to-create-a-brand-positioning-strategy","linkCopy":"brand positioning strategy","category":null}'>brand positioning strategy</a> or <a href='https://www.masterclass.com/articles/direct-marketing' target='_blank' class='mc-text--link' data-mc-segment-trigger='true' data-mc-segment-event-type='Article Page Click' data-event-obj='{"textTag":"p","href":"https://www.masterclass.com/articles/direct-marketing","linkCopy":"marketing campaign","category":null}'>marketing campaign</a>. Using compositional principles gives visual weight to an image, telling the audience where to look, what to read, and how to feel. In addition to eye-catching graphic elements to communicate a message, there must be cohesion within the details, so audiences clearly understand the graphic and its goal. Graphic designers often work in apps such as Adobe Creative Cloud to establish a <a href='https://www.masterclass.com/articles/visual-hierarchy' target='_blank' class='mc-text--link' data-mc-segment-trigger='true' data-mc-segment-event-type='Article Page Click' data-event-obj='{"textTag":"p","href":"https://www.masterclass.com/articles/visual-hierarchy","linkCopy":"visual hierarchy","category":null}'>visual hierarchy</a> and strong composition for graphic design projects.

What Is Graphic Design Composition?

Several different elements are the building blocks that combine to make a good composition. The most important elements include:<ol class="mc-m-4"><li class="mc-my-4"> 1. Color palette: One of the most striking elements of your design, color helps establish a mood for your composition. When light waves strike an object and reflect back to the optic nerve in a human’s eyes, the sensation they perceive is color. Artists and designers use <a href='https://www.masterclass.com/articles/color-in-art-explained' target='_blank' class='mc-text--link' data-mc-segment-trigger='true' data-mc-segment-event-type='Article Page Click' data-event-obj='{"textTag":"p","href":"https://www.masterclass.com/articles/color-in-art-explained","linkCopy":"color","category":null}'>color</a> to depict and describe the subject and to portray mood, light, depth, and point of view. Designers use the <a href='https://www.masterclass.com/articles/color-theory-basics-understanding-the-color-wheel' target='_blank' class='mc-text--link' data-mc-segment-trigger='true' data-mc-segment-event-type='Article Page Click' data-event-obj='{"textTag":"p","href":"https://www.masterclass.com/articles/color-theory-basics-understanding-the-color-wheel","linkCopy":"color wheel","category":null}'>color wheel</a> and the tenets of color theory—a set of guidelines for mixing, combining, and manipulating colors—to create color schemes. </li><li class="mc-my-4"> 2. Form: The way a shape or physical configuration occupies space is form. Instead of creating form through a three-dimensional physical shape, designers create the appearance of form on a flat surface by using light, shadow, the formation of an object’s contours, empty space, and surrounding objects. </li><li class="mc-my-4"> 3. Line: Line refers to the way that two points in space connect. Diagonal, vertical, or horizontal lines can direct the eye toward a certain point in your composition. Designers can employ lines to create a symmetrical or asymmetrical <a href='https://www.masterclass.com/articles/balance-photography-explained' target='_blank' class='mc-text--link' data-mc-segment-trigger='true' data-mc-segment-event-type='Article Page Click' data-event-obj='{"textTag":"p","href":"https://www.masterclass.com/articles/balance-photography-explained","linkCopy":"balance","category":null}'>balance</a> in designs. </li><li class="mc-my-4"> 4. Shape: A <a href='https://www.masterclass.com/articles/shape-in-art-explained' target='_blank' class='mc-text--link' data-mc-segment-trigger='true' data-mc-segment-event-type='Article Page Click' data-event-obj='{"textTag":"p","href":"https://www.masterclass.com/articles/shape-in-art-explained","linkCopy":"shape","category":null}'>shape</a> is a two-dimensional area with a surrounding outline. Graphic artists can use elements, including line, color, value, and shadow, to give a shape the appearance of a three-dimensional shape. There are three types of shapes: organic shapes, which occur naturally in the world; geometric shapes, which are angular and mathematically consistent; and abstract shapes, which represent things in nature but aren’t perfectly representative. </li><li class="mc-my-4"> 5. Space: Using space properly can help others view your design as you intended. White space or negative space is the space between or around the focal point of an image. Positive space is the space that your subject matter takes up in your composition. The spacing of your design is essential because a crowded <a href='https://www.masterclass.com/articles/grids-in-design' target='_blank' class='mc-text--link' data-mc-segment-trigger='true' data-mc-segment-event-type='Article Page Click' data-event-obj='{"textTag":"p","href":"https://www.masterclass.com/articles/grids-in-design","linkCopy":"design layout","category":null}'>design layout</a> can overwhelm the viewer’s eye. </li><li class="mc-my-4"> 6. Texture: Designers use texture to express how an object (image or text) feels. Words to describe texture may be rough, ribbed, smooth, thorny, soft, and more. Texture can provide a sensory component to your design. </li><li class="mc-my-4"> 7. Typeface: <a href='https://www.masterclass.com/articles/how-to-become-a-web-designer' target='_blank' class='mc-text--link' data-mc-segment-trigger='true' data-mc-segment-event-type='Article Page Click' data-event-obj='{"textTag":"p","href":"https://www.masterclass.com/articles/how-to-become-a-web-designer","linkCopy":"Web designs","category":null}'>Web designs</a>, ads, and print materials often combine images and text. The kind of <a href='https://www.masterclass.com/articles/typography-design-guide' target='_blank' class='mc-text--link' data-mc-segment-trigger='true' data-mc-segment-event-type='Article Page Click' data-event-obj='{"textTag":"p","href":"https://www.masterclass.com/articles/typography-design-guide","linkCopy":"typography","category":null}'>typography</a> you use should stem from brand guidelines and be easily legible—and well-written—to create a compelling message. </li><li class="mc-my-4"> 8. Value: In design, <a href='https://www.masterclass.com/articles/value-in-art-explained' target='_blank' class='mc-text--link' data-mc-segment-trigger='true' data-mc-segment-event-type='Article Page Click' data-event-obj='{"textTag":"p","href":"https://www.masterclass.com/articles/value-in-art-explained","linkCopy":"value","category":null}'>value</a> refers to the lightness or darkness of a color. The values of a color comprise gradients, a series of variations on one hue that range from the lightest to the darkest. Artists can use the various values of color to create the illusion of mass and volume in their work. </li></ol>

8 Components of Graphic Design Composition

Get a <a href='https://www.masterclass.com' target='_blank' class='mc-text--link' data-mc-segment-trigger='true' data-mc-segment-event-type='Article Page Click' data-event-obj='{"textTag":"p","href":"https://www.masterclass.com","linkCopy":"MasterClass Annual Membership","category":null}'>MasterClass Annual Membership</a> and let David Carson be your personal tutor. The prolific and decorated designer—who’s been lauded as the “<a href='https://masterclass.com/articles/film-101-how-to-become-an-art-director' target='_blank' class='mc-text--link' data-mc-segment-trigger='true' data-mc-segment-event-type='Article Page Click' data-event-obj='{"textTag":"p","href":"https://masterclass.com/articles/film-101-how-to-become-an-art-director","linkCopy":"art director","category":"automated-link"}' automatic='true'>art director</a> of the era”—reveals his processes for going off the (design) grid, implementing typography in new and interesting ways, innovative uses of photography and collage, and so much more.

Want to Learn More About Tapping Into Your Graphic Design Genius?

A successful graphic design composition combines visual elements to <a href='https://masterclass.com/articles/robin-robertss-tips-for-effective-communication' target='_blank' class='mc-text--link' data-mc-segment-trigger='true' data-mc-segment-event-type='Article Page Click' data-event-obj='{"textTag":"p","href":"https://masterclass.com/articles/robin-robertss-tips-for-effective-communication","linkCopy":"communicate","category":"automated-link"}' automatic='true'>communicate</a> a clear message. Learn about the principles of design and the key elements of compelling graphic design compositions.

A successful graphic design composition combines visual elements to <a href='https://masterclass.com/articles/robin-robertss-tips-for-effective-communication' target='_blank' class='mc-text--link' data-mc-segment-trigger='true' data-mc-segment-event-type='Article Page Click' data-event-obj='{"textTag":"p","href":"https://masterclass.com/articles/robin-robertss-tips-for-effective-communication","linkCopy":"communicate","category":"automated-link"}' automatic='true'>communicate</a> a clear message. Learn about the principles of design and the key elements of compelling graphic design compositions.

Menu

Get up to 50% off Pre-Black Friday

Get up to 50% off Pre-Black Friday

Get up to 50% off Pre-Black Friday

Graphic Design Composition: 8 Graphic Design Elements