The 7 principles of design and how to use them (with infographic)

Estimated reading time: 11 minutes

Design differs from art in that it has to have a purpose. Visually, this functionality is interpreted by making sure an image has a center of attention, a point of focus. Maybe you’re thinking, “But wait! I thought design was all about creativity?” If you’re a business owner, marketer or designer who’s just starting out, you might be tempted to go wild and combine the first five typefaces and colors that catch your eye, believing you’re creating something fresh and new. You will probably find yourself with a design that is muddled, unfinished or, well, just plain ugly.

Graphic design, like any discipline, adheres to strict rules that work beneath the surface to make the work stable and balanced. The principles of design are the rules you must follow to create an effective and attractive design composition.  If the design is missing that balance, it will be weak and ineffective.

Principles of design

Learn more about design principles by watching our video or reading below. Either way, knowing these principles and how to use them can help your designs capture attention, improve recognition and make your marketing messages easier to understand.

PrincipleDefinitionDirect application
EmphasisMaking one element stand out more than othersUse it to highlight your headline, offer or call-to-action.
Balance and alignmentDistributing visual weight and organizing elements so they feel connectedUse it to keep layouts clear and prevent important content from feeling crowded.
ContrastCreating distinction between elements using differences in color, size, shape or typographyUse it to improve readability and make key messages stand out.
RepetitionReusing visual elements like colors, fonts or shapesUse it to create consistency and reinforce your brand.
ProportionManaging the relationship between the size and weight of design elementsUse it to show viewers which information matters most.
MovementGuiding the viewer’s eye through a design in a deliberate orderUse it to lead attention from headlines to supporting information and calls to action.
White spaceUsing empty space around elements intentionallyUse it to improve readability and give important content room to stand out.

Emphasis

The first of the design principles is emphasis, referring to the focal point of a design and the order of importance of each element within a design. Say you’re creating a custom poster for a concert. You should ask yourself: what is the first piece of information my audience needs to know? Is it the band? Or the concert venue? What about the day and the cost of attending?

Visual representation of the design principle Emphasis features a rectangle of discreet navy dots with the central dot in an orange star shape.

Make a mental outline. Let your brain organize the information and then lay out your design in a way that communicates that order. If the band’s name is the most essential information, place it in the center or make it the biggest element on the poster. Or you could put it in the strongest, boldest type. Learn about brand color theory and use strong color combinations to make your brand and business design pop.

Like writing without an outline or building without a blueprint, if you start your composition without a clear idea of what you’re trying to communicate, your design will not succeed.

Balance and alignment

Never forget that every element you place on a page has a weight. The weight can come from color, size or texture. Just like you wouldn’t put all your furniture in one corner of a room, you can’t crowd all your heavy elements in one area of your composition. Without balance, your audience will feel as if their eyes are sliding off the page.

Visual representation of the design principle Balance & Alignment features two equal-weight light blue lines with a row of discreet navy dots between.

Symmetrical design creates balance through equally weighted elements aligned on either side of a center line. On the other hand, asymmetrical design uses opposite weights (like contrasting one large element with several smaller elements) to create a composition that is not even, but still has equilibrium.

Symmetrical designs are always pleasing, if not occasionally boring. Asymmetrical designs are bolder and can bring real visual interest and movement to your composition.

Contrast

Contrast is what people mean when they say a design “pops.” It comes away from the page and sticks in your memory. Contrast creates space and difference between elements in your design. Your background needs to be significantly different from the color of your elements so they work harmoniously together and are readable.

Visual representation of the design principle Contrast features a rectangle made of two sides: one dark blue with a light blue dot and the other light blue with a dark dot.

If you plan to work with fonts, understanding contrast is essential because it means the weight and size are balanced. How will your audience know what is most important if everything is in bold? A large headline paired with smaller supporting text, or a bold call-to-action surrounded by generous white space, can be just as effective as contrasting typefaces. In fact, many strong designs rely on just one or two fonts, using different weights and sizes to create distinction. Contrast can be created through typography and color, but it also comes from differences in size, spacing and shape.

Repetition

If you limit yourself to two strong typefaces or three strong colors, you’ll soon find you’ll have to repeat some things. That’s ok! It’s often said that repetition unifies and strengthens a design. If only one thing on your poster is in blue italic sans-serif, it can read like an error. If three things are in blue italic sans-serif, you’ve created a motif and are back in control of your design.

Visual representation of the design principle Repetition features a rectangle made of smaller discreet diamond shapes in alternating orange and dark blue.

Proportion

Proportion is the visual size and weight of elements in a composition and how they relate to each other. It often helps to approach your design in sections, instead of as a whole.

Grouping related items can give them importance at a smaller size – think of a box at the bottom of your poster for ticket information or a sidebar on a website for a search bar. Proportion can be achieved only if all elements of your design are well-sized and thoughtfully placed. Once you master alignment, balance and contrast, proportion usually emerges organically.

Visual representation of the design principle Proportion features a rectangle made of large orange circles balanced proportionally to sets of four smaller blue circles.

Movement

Going back to our concert poster. If you decided the band was the most important piece of information on the page and the venue was the second, how would you communicate that with your audience?

Movement is controlling the elements in a composition so that the eye moves from one to the next and the information is properly communicated to your audience. Movement creates the story or the narrative of your work: a band is playing, it’s at this location, it’s at this time, here’s how you get tickets. The elements above – especially balance, alignment and contrast – will work towards that goal, but without proper movement, your design will flop.

Visual representation of the design principle Movement features a rectangle made of small light blue circles and a diagonal line of arrows pointing down and right.

If you look at your design and feel your eye get “stuck” anywhere on it – an element is too big, too bold, slightly off-center, not a complementary color – go back and adjust until everything is in harmony.

White space

All of the other principles of design focus on what you add to a composition. White space (or negative space) focuses on what you leave out. It’s the empty area around the elements in your design, and it shapes how those elements are seen, understood and prioritized.

For many beginning designers, white space can be difficult to get right. Empty areas often feel unfinished, which creates the temptation to fill every gap with text, icons or decorative elements. That instinct usually creates the opposite effect. Crowded layouts compete for attention and make important information harder to find.

Visual representation of the design principle White Space features a group of different size rectangles spaced evenly on a background of navy blue.

White space creates structure. It separates related content, establishes hierarchy and gives the eye a place to rest. The space around an element also changes how it feels: a tightly packed layout can feel busy, while generous spacing often creates a cleaner, more refined look.

White space in design also plays a practical role across marketing materials. Used well, it can help:

  • Improve readability on websites and emails
  • Draw attention to calls to action
  • Create a more polished feel on packaging
  • Reduce visual clutter in social media graphics

Negative space can also become part of the design itself. Some logos use it to reveal a second image or idea that isn’t obvious at first glance, adding another layer of meaning for viewers who take a closer look.

Principles of design infographic

Minimalist infographic with visual representations of each design principle – Emphasis, Balance & Alignment, Contrast, Repetition, Proportion and Movement – and a brief description of each.

Other useful design concepts and elements

Beyond the seven fundamentals, there are additional design elements that can help refine your work and make communication clearer. Concepts like color, typography, shape, line and texture are the building blocks of a design, while principles determine how those pieces are arranged and used. The elements below can help strengthen your layout and help guide your audience through it more effectively.

Hierarchy

Hierarchy is the deliberate ranking of components so the viewer knows what to read or notice first, second and third. Size, weight, placement and color all help you build a visual ladder of importance.

Visual representation of the design element Hierarchy features a wide column of multicolored rectangles and lines with the top thickest and the bottom thinnest.

Framing

Framing uses borders, shapes or surrounding elements to focus attention and create context. A frame can be literal (a box or stroke) or implied (negative space around an object) to separate or highlight content.

Visual representation of the design element Framing features a large circle holding several smaller circles of various colors.

Typography

Typography is more than choosing a pretty font. It’s how you combine typefaces, weights, sizes, spacing and alignment to enhance readability and tone. Good typography reinforces hierarchy and contrast, guiding the reader effortlessly.

Visual representation of the design element Typography features three lines of copy: “Heading,” “Subheading” and “Body copy” – with Heading largest and heaviest and Body copy in a finer styling.

Color

Color sets mood, builds brand recognition and creates emphasis. Follow current color trends – such as the latest Pantone Color of the Year – and use color psychology and theory to pair hues that harmonize or intentionally clash to grab attention. Limit palettes to maintain consistency and avoid visual noise.

Visual representation of the design element Color features a fan of “cards” in different complementary colors of oranges and blues.

Shape

Shapes, geometric or organic, carry meaning and direct the eye. Repeating shapes can create rhythm, while contrasting shapes add interest. Consider how shapes interact to support balance and movement in your layout.

Visual representation of the design element Shape features a light blue square, a dark blue triangle and an orange circle, all of about the same size.

How to use the principles of design

Here’s how to put these design principles into practice: 

  • Start by defining your message in one sentence: what must viewers know first? Use that to set emphasis and hierarchy. 
  • Sketch quick thumbnail layouts to test balance, alignment and movement. 
  • Choose one or two typefaces and a limited color palette to control contrast and repetition. 
  • Group related information to manage proportion, and then deliberately add (or subtract) white space to let key elements breathe. 
  • Iterate, step back, squint and adjust until the eye flows effortlessly from point A to point B.

A design doesn’t have to strictly follow these rules to be “good,” and there are many graphic design trends that don’t. Some absolutely mind-blowing designs ignore principles to create eye-catching and effective work.

Applying design principles through an inclusive lens

Design principles become even stronger when they make information easier to read, navigate and understand. Small design choices can have a big impact on how comfortably all people with all accessibility levels can interact with your design.

  • Contrast: Make text easy to read by creating enough distinction between text and background colors. Avoid relying on color alone to communicate information.
  • Typography: Choose font sizes, spacing and line lengths that remain easy to scan across different devices. Design with responsiveness in mind so content is just as readable on a mobile screen as it is on a desktop.
  • White space: Give elements room to breathe. Clear spacing can make layouts feel less overwhelming and help viewers focus on what matters most.
  • Movement: Use animation and visual effects thoughtfully. Too much movement can distract viewers and pull attention away from important information.

Now you’re ready to design!

The elements of a design should be viewed as moving parts that combine to tell a story. As you approach your design project, you must first familiarize yourself with these principles of design. Only then will you be able to break these graphic design rules to create your own signature style.

Before applying these principles to your own work, explore these small business branding design examples to see how they’re used across real-world brands.

FAQs about design principles

Why are design principles important?

Design principles help bring structure to your work. They guide the viewer’s eye, show what matters most and make information easier to understand. Without them, even a visually appealing design can end up feeling cluttered or confusing.

What is the difference between elements and principles of design?

Elements are the pieces you use to build a design – things like color, shape, typography and texture. Principles are the guidelines for arranging those pieces so your design feels clear, balanced and easy to follow.

Are design principles the same for all types of design?

The fundamentals stay the same, but how you apply them changes depending on the format. A website, product package, social media post and poster all use principles like emphasis, contrast and balance, but each has different goals and constraints.

How can I practice these principles without formal training?

Start small. Redesign a flyer you find on a noticeboard, improve the layout of a social post or create different versions of the same design while focusing on one principle at a time. Small exercises like these help train your eye surprisingly quickly.