Balance: Design Principle No. 3

If you’re bike riding, it’s balance that keeps you upright (and keeps you moving forward instead of going nowhere)!

In web design, balance is the distribution of visual weight in a design to provide stability and structure. Balance can be symmetrical or asymmetrical. See what I mean in today’s installment of Applying the 7 Principles of Design to WordPress, where I’m sharing some tips and examples of balance being used in WordPress design.

Example: Monte Ré

montere-1

The Monte Ré site is symmetrically balanced—everything is centered. Each section is evenly designed with the text and graphics. Buttons and form fields have similar styling making for an overall balanced viewing experience.

Example: Fresh Coffee Beans Delivered

coffee-beans-delivered

The Fresh Coffee Beans Delivered site is asymmetrical. Different blocks switch up the layout, yet the site starts and ends with balance. This approach is different than symmetrical balance, but the result in the same—a balanced user experience.

Tips to create balance

  • Balance can be symmetrical or asymmetrical
  • Use text and graphic elements to create balance in individual sections
  • Don’t go crazy with too many contrasting elements—retaining the overall stability and structure of the design is what really matters

Any great examples of balance to add? Please post them in the comments. Next up—Design Principle No. 4: Unity.

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 *