Rhythm: Design Principle No. 6

Can you hear the sleigh bells jingling? The holiday songs you hear on the radio have rhythm—and so should your website.

In web design, rhythm suggests implied motion and moves the eye of the viewer throughout the design. In my series, Applying the 7 Principles of Design to WordPress, I’m giving some examples of sites that use rhythm in a cool way, and sharing some tips on how to do the same.

Example: 2015 Lunar New Year Election

happy-year-of

The Lunar Election website uses lines that lead the eye down the page with implied movement. On the flipside, the site also uses actual movement in the news ticker with breaking news and with the goat, ram and sheep in formalwear that keep the viewer’s eye on the page.

Example: Cornelius Krumps

cornelius-krumps

Cornelius Krump uses direction to dig deeper. It employs the parallax effect to keep the background moving separately from the text. Recipe cards fade in and out creating an interesting rhythmic experience throughout the site.

Tips to create rhythm

  • Use lines, arrows or other visual cues to draw the viewer’s eye
  • Position faces so they engage with the design and do not allow the eye to wander of the page
  • Include transitions or other moving elements to create interest

Know any sites that are using rhythm really well? I’d love to see them. Next up—Design Principle No. 7: Space.

About Jill Anderson

Hi, I’m Jill, a WordPress web designer/developer who partners with talented designers, copywriters, and agencies on their websites, and their client’s sites. I’m passionate about crafting beautiful and innovative WordPress websites focused on clear positioning and positive user experiences.

Get new blog postsGET NEW BLOG POSTSIN YOUR INBOX

Like this? Get new posts via email.

No spam, no worries. Just my bimonthly(ish) blog posts straight to your inbox.

Leave a Reply

Your email address will not be published. Required fields are marked *