skip to Main Content

The 6 elements of design

Good design can sometimes seem magical, like the designer simply stumbled onto a great combination of components that both engage and enlighten the viewer. In actuality, graphic designers use a set of tools, known as the elements of design, to build and hone that perfect design.

Remember that every single piece of design is trying to communicate a message. Design can tell us which emails are unread in our inbox, which brand of socks to buy, or even to be wary of falling rocks. The elements of design are tools a designer uses to craft meaning and bring clarity to a muddled mess of ideas. They will make sure your design is as powerful as it can be.

So, what are the elements of design? Here is an overview of the six basic elements of design you need to know.

The elements of design

Line

Great use of simple lines to create a minimalist design for an architecture firm. Via -Z-.
Website design
The building’s edge creates a stunning visual line in this webpage design. Via Hitron.

Lines enclose and contain the parts of a design by creating outlines. They can be smooth, rough, continuous, broken, thick or thin.

Lines also send subliminal messages. A diagonal line, for example, has kinetic energy and movement, while a straight line is more ordered and clean.

Lines can be used to emphasize, setting particular information off in a busy composition and drawing the eye to a particular area. They can be formed into shapes or frames (more on both of those a bit further down). The eye will also see lines in other places—think buildings, branches of a tree, a horizon, or a set of train tracks—that offer a natural edge or borders.

Color

Logo designs
These beautiful and evocative illustrations are made more effective by great color choices. Via netralica and chocoboracer

Often designs are undone by sloppy, careless or inappropriate color choices. Color is incredibly important and should never be an afterthought. Even a design set entirely in grayscale needs to be balanced and contrasted appropriately.

In addition to hue (red versus blue), consider the saturation and brightness (or “value”) of each color. Learn the basics of color theory to be sure a composition has the right mood, temperature and tone. Finally, consider what color space (CMYK or RGB) is best for the printer or screen where the design will be seen.

Shape

Website design
The diamond shapes in this website design draw the eye toward different pieces of information making it easier for the viewer to digest and navigate. Via arosto.

While our kindergarten teachers all hope we know what a shape is, for our purposes, a shape is any enclosed space defined by lines or in contrast to its surroundings. They can be geometric (squares, ellipses, triangles, etc) or organic (a speech bubble, a blob, those little spiky things that pop on the screen when Batman punches someone).

Other components of a composition, like blocks of text, are also shapes. A designer progresses by leaps and bounds once she sees everything in her design as shapes that need to be ordered and sized based on an invisible grid.

Texture

Logo design
This design by bomba really pops of the page because of the excellent vintage textures that make it seem chromed and shiny.

Texture is everywhere as we navigate the world around us by both sight and touch. While we can’t feel them on websites and printed pages, textures from the outside world can be brought into a composition to give it life.

Want to imply softness, comfort, and coziness? There’s no quicker way than a cotton textile background. On the other hand, if you’re selling building supplies, you’d probably lean toward cement, stone, and brick, with grittier textured text.

More than with any other element, textures serve as a nod to our natural environment.

Framing

Logo design
This design uses two contrasting frames (a circle and horizontal lines) to create a strong logo design that maintains it structure when used in a composition. Via Project 4.
Logo design
This super whimsical design by Cross the Line extends the frame beyond the text and incorporates it into a dog leash.

Frames can be subtle but once you train your eyes to look for them, they’ll start showing up everywhere.

Frames organize information and create hierarchy for the eye and highlight the most important information for the viewer. They can be pretty and decorative or basic and utilitarian. Frames also help define shapes in the blank white space of a page.

Type

Logo design
Bold, stylized type creates a memorable design for a bike shop that works equally well with or without the logotype. Via -G-

Typography is an important element of design because it literally conveys the message you want to communicate. But type can also be more than words: if used in an intentional way, type can also be a striking visual element or a shape, as well as provide structure between the content and the visuals.

Conclusion: Time to experiment!

Graphic designers use most or all of these elements of design while being guided by a set of principles, known as the principles of design. If the principles of design are the instructions, the elements are the tools.

The best way to master these elements is to experiment. Once you see that something as simple as making a slight adjustment to the color scheme or adding a shape can be the a-ha! moment that elevates your design, you’ll be on your way to crafting more meaningful and effective compositions.

Want to kick start your graphic design career?
Learn how freelancing on 99designs can help you find more work.

This article was originally written and published in 2017. It’s been updated with new information and examples.

Original article written by Meg Reid >

[wpseo_map width=”100%” height=”300″ zoom=”-1″ map_style=”roadmap” scrollable=”0″ draggable=”1″ show_route=”0″ show_state=”1″ show_url=”0″] [wpseo_address hide_address=”1″ show_state=”1″ show_country=”1″ show_phone=”1″ show_phone_2=”0″ show_fax=”0″ show_email=”1″ show_url=”1″ show_logo=”0″ show_opening_hours=”1″]
Back To Top