Enhance Your Designs with the Principle of Rhythm

By LaurenMarie

Just as in music, a good rhythmic design is very appealing! You feel almost like you can dance to a catalog that has images and key text in predictable places as you flip from page to page and section to section. The design has a visual beat you can follow!

What is Rhythm?

Rhythm is repetition. Rhythm is consistency. Rhythm is an established placement of elements and it brings immense unity to a layout.

Rhythm is used to…

  • Unify
  • Direct
  • Emphasize

Creating Rhythm

Rhythm and proportion are closely aligned. They are slightly different in that rhythm focuses on the repetitive (in the truest sense of the word, which is not “boring”) aspect of a design. Rhythm also helps to achieve balance and can even contribute to a design’s direction and emphasis.

Repeat specific colors (your palette) throughout the layout. Similar to proportion, seek to use these specific colors more than once, so that they obviously belong in the layout.

Carefully arranged lines add a lot of visual order and emphasize the grid.

Scale can be a subtle way to create rhythm. You can repeat an object but reduce the size each time. This would also help create direction (almost like an arrow pointing from smallest to largest and then onward towards the focal point).

It’s a good idea to repeat obvious shapes and use them to help guide the audience’s eye through a design.

Rhythm can be seen in the element of space when you consider the overall distribution of objects. Using a consistent layout with the help of a structured grid will add

Use a similar texture or pattern to help identify different parts of the design or system.

Just like creating rhythm with color, stay within a set range of values.

Examples of Rhythm

One Degree

One Degree Logo by Landor

You may have seen the debate over the winning logo from the Wolda awards. Sure, at first glance it may seem overly simplistic and uninspiring, but then you discover how Jason Little from Landor Associates Sydney has employed this little guy all over the One Degree literature and you begin to really appreciate this gem of a mark. Rhythm can be as simple as a repeated graphic. But in its simplicity, this graphic adds a whole dimension of careful, thoughtful planning (hey, that’s design!). Here they also use the blue to add repetition—not to mention it adds to the more environmentally friendly print aspect, only using two colors, black and blue. Hopefully they also used soy inks and recycled papers!

Super Heroes

Super Heroes by Pentagram

This is an excellent example of rhythm through repeated shapes. Notice how all the shapes together make a rounded rectangle, but the divided shapes have square corners unless they are one of the corners of the larger rounded rectangle.

Nuchi Packaging

Nuchi Packaging by Shine

Designed by Shine Advertising for Nuchi, this packaging is simple but full of rhythm. The images and text are in the same place so you know where to look from package to package to see what is inside. The colors—especially the orange—are consistent so you can easily identify that they are from the same brand. Even the photography is rhythmic—there is always one train car on the lid and three on the side on top of a track. And did you notice that the angle of the photography is the same, too?

The shapes of the containers themselves are all basic geometry—triangle, rectangle and circle—and the same height, which adds to the feeling of rhythm and consistency. You might say, “Yeah, sure, that’s an easy decision,” but remember, they could have used boxes of varying heights or crazy shapes like octagons or organic shapes to fit the outline of each piece inside. I’m sure even these basic shapes of the packaging were a very conscious decision from the folks at Shine.

How You Can Improve Your Sense of Rhythm

If you’re using a page layout program, by far the easiest way to create a rhythmic design is to use master pages. That way, you can lay down the basic structure, page numbering, section titles or other consistently present elements on one page, which saves you time and the hassle of lining things up from page to page.

Use shape to create rhythm. Are you creating a step-by-step process? Call out each step with a circle or square around it. Designing a book, newsletter or brochure? Use the same rounded rectangle to highlight each sidebar chart or pull quote.

Use color to create rhythm in a similar way by color-coding each section or group in the layout (perfect for a catalog!). In color palettes, it’s definitely a good idea to have an accent color that’s repeated for key information.

Alternate elements (like textures, colors, values or shapes) to create a rhythmic sequence. You could also create a progression of elements, like a gradient only with other elements of design. For example, objects could get progressively larger (creating direction!) or textures could get progressively more complex or compact.

Plan a typographical hierarchy system with titles, headers, subheads, running footers, etc. Use color, shape and scale to keep it consistent. The viewers will be trained to recognize these things and it will make it easier for them to find what they are looking for.

Grab the free Creative Curio RSS feed (What is RSS?). If you need to review, we’ve been through balance, contrast, direction, economy, emphasis, proportion, and how to apply them in your designs.

If you’re interested in more applied design theory, take a look at the Elements of Design: Real World Examples series.

  1. Posted January 14, 2009 at 10:54 pm | Permalink

    Great writeup Lauren, I very much enjoy repetition / consistency in designs, it makes design more recognizable and it presents itsself as one. The Rhythm applies on so many fields of design, for instance identity, wayfinding, visual communication and more. Without Rhythm we cannot dance ;-)

    Sander´s last blog post: Design: Metal pylon signage

  2. Posted January 15, 2009 at 4:12 am | Permalink

    Rhythm in my designs has definitely been an area I haven’t focused on enough – thanks for the coaching!

    Brandon Cox´s last blog post: Do Something that Matters

  3. Posted January 15, 2009 at 4:34 am | Permalink

    A well-written article on something I do subconsciously, but hadn’t really thought about!

  4. Posted January 15, 2009 at 5:16 am | Permalink

    Excellent piece, Lauren. It would be interesting to apply the principle of rhythm to type design. Hmmm……

  5. Posted January 15, 2009 at 9:41 am | Permalink

    Sander,
    Yes, rhythm does make design systems more recognizable and easier to use. It’s so important in wayfinding design! I remember you’ve written previously about how important it is for signs to be almost instantly useable/recognizable.

    Brandon,
    You’re so welcome! It’s hard to remember all the little pieces that go into making a really strong design.

    Richard,
    Thanks! Glad you were able to become more aware of another way to consciously improve your designs :)

    Alec,
    Oh I think rhythm is definitely applied to type design. You wrote about it on iLT!

  6. Posted January 15, 2009 at 12:27 pm | Permalink

    Very nice, Lauren!
    This whole serie is amazing to be in a book.

  7. Posted January 17, 2009 at 6:50 am | Permalink

    Once again, a very inspiring post Lauren.

    I have seen the One Degree stuff in a showcase before, and liked its style straight away.

    I use Master pages quite a lot in ID, a real time saver. I never thought of the whole concept and process of design as rhythm before.

    You’ve given me a lot to consider, thanks

    PS, Ive replied to your Twitter message as a DM I missed

    Andrew Kelsall´s last blog post: Top Ten CD Cover Design Tips

  8. Posted January 18, 2009 at 2:46 pm | Permalink

    Very interesting article, never saw some kind of similar article, could be interesting to create design with these priciples. Thanks!

    Dainis Graveris´s last blog post: 10 Ways How To Track Site Traffic, Popularity, Statistics

  9. Posted January 20, 2009 at 9:21 am | Permalink

    Priscila,
    Thanks! I’m planning on putting it all together in a PDF at least.

    Andrew,
    Glad this has inspired some thoughts for you!

    Dainis,
    I’m sure you’re already designing with these principles, even if you don’t realize it! They’re the foundation of good layout after all :)

  10. Posted January 31, 2009 at 4:39 am | Permalink

    Sadly, many of my designs have rhythms most often employed by Stockhausen.

  11. Posted February 2, 2009 at 5:03 pm | Permalink

    Greg,
    I don’t think I quite understand what you mean… Want to explain a little more?

  12. Posted May 22, 2009 at 4:36 pm | Permalink

    I like your website. You point basic rules that I don’t realise I use anymore. This is great for beginners.

  13. Posted June 11, 2009 at 5:40 am | Permalink

    Rhythm in designs – sounds like the title to a great song!

One Trackback

  1. By Daily 5 from January 20, 2009 « StartAhead on January 20, 2009 at 3:23 pm

    [...] heard of this before, but surely worth some attention. Enhance your designs with the principle of rhythm at Creative Curio. Using repetition in a consistant way can get you good [...]

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Read the Comments Policy.

Have a grey box instead of your picture? Get a Gravatar!

Creative Curio design by LaurenMarie and built on the Sandbox theme. Copyright 2007-present. Proudly powered by WordPress and BlueHost.

Bad Behavior has blocked 4866 access attempts in the last 7 days.