Design TutorialsDesign ResourcesPhotography

The Rule of Thirds in Design: A Game-Changing Principle

Stuart Crawford

Welcome
The rule of thirds does not mean following any laws; it’s about breaking away from always centring everything. Learn how to do it in this guide!

The Rule of Thirds in Design: A Game-Changing Principle

This principle has been the secret weapon of artists, photographers and designers for centuries. But, surprisingly enough, most people don’t get it throughout their lives of creativity.

However, there is one thing I must tell you: once seen, it cannot be unseen. Upon discovering it, you will only understand how you designed something with this knowledge.

The rule of thirds does not mean following any laws; it’s about breaking away from always centring everything. 

This technique should create tension, interest and movement in your designs. Instead of screaming, “I’M PERFECTLY CENTRED!” at viewers, the work should whisper, “Hey, look at me.”

So, are you ready to turn ‘meh’ into ‘wow’ with design? Do you want to see it in thirds? Because once that happens, I will never look at the design again.

Let us move forward by exploring this transformative principle of the game changer from your creative process perspective. Trust me – they’ll be grateful!

What's the Big Deal About the Rule of Thirds?

What Is The Rule Of Thirds In Photography

The rule of thirds is not just design mumbo-jumbo –– it’s a real game changer. 

Envision overlaying a tic-tac-toe grid on your canvas. Those lines and intersections? They’re lovely. 

Placing critical elements along these lines or at their intersections creates a balance and interest that the human eye can’t resist.

But why does it work so well? It creates visual tension. When we centre everything, it’s boring — presentation software is boring. 

The rule of thirds adds interest by guiding where the viewer looks with a more natural and engaging composition.

Golden Ratio’s Cousin

Think of the rule of thirds as the golden ratio’s younger cousin who went backpacking through Europe one summer but decided to settle down for a while because they fell in love with teaching English as a second language and maybe someone they met there too (who can say?). 

Both techniques establish pleasing proportions, but one is more approachable and likely to have some good trivia about world capital cities or craft beer brewing methods up its sleeve.

Breaking the Grid (in a Good Way)

Here’s the thing about thirding –– it doesn’t have to be this way all the time! 

I’m serious! You don’t always need three sections! 

I know rules exist for reasons other than permitting people not to follow them, but sometimes breaking stuff can lead us down new creative paths, right? 

So let’s learn how before we start trying not to do exactly what we were just taught!

The Rule of Thirds in Action: Real-World Examples

Example Of The Rule Of Thirds In Design

Has it ever crossed your mind why you stop at some images and stare while scrolling through social media? 

Most frequently, this is because they follow the rule of thirds. Placing the subject off-centre makes a picture look dynamic and active.

For example, think of landscape photographs. Rather than putting the horizon in the middle, if you put it on the upper or lower third line, it can change how everything else is seen dramatically. In other words, this gives a visual journey from front to back (or ground to sky).

Related  5 Best Free Alternatives To Photoshop For Image Optimisation

Graphic Design: Putting It All Together

In graphic design, this rule takes layouts from good to great. Whether it’s a poster, brochure or social media graphic – balancing out where things go on a page by following these guidelines will make your design visually attractive.

Try aligning your headline with one of those vertical lines about one-third away from either edge; put an intersection point right under where people should click next (like “buy now”); play around with different ways until something clicks!

Web Design: Making Things Look Good While Still Being Usable

The rule isn’t just for pictures; it can also be applied when designing websites! If you split up your webpage into nine equal squares like so…

Consider placing the most critical content on the left two-thirds; have the sidebar take up the right third; align the navigation menu along any horizontal third lines – this way, everything looks nice, but people know how to get around without thinking about it too much!

The Psychology Behind the Rule of Thirds

Now, let's get a little nerdy (in a good way). Why does our brain love the rule of thirds so much? It's about how we see naturally.

The Journey of the Eye

When we look at an image, our eyes wander around those intersection points made by dividing the frame into thirds. 

Think of them as our visual GPS – these are the points where we instinctively seek out important information. 

By putting critical elements at these hotspots, you’re not fighting against them but instead working with what brains do best.

Balance and breathing space

Another thing this principle achieves is balance in design without using symmetrical arrangements, which can make things too busy or crowded; it gives your creation some air to breathe. 

To illustrate, would you push all furniture against each wall in a room?

Mastering the Rule of Thirds: Practical Tips

Example Of The Rule Of Thirds In Poster Design

Ready to apply this principle? Below are a few practical tips:

1 – Use the Grid Feature

Many cameras and design software come with a grid overlay feature. Utilise it! It’s similar to having training wheels while trying to figure out composition.

2 – Find Your Focal Point

What is the main subject of your composition? Place it on one of the intersection points or along a third line, and see how it immediately catches the eye.

3 – Think About Flow

Consider how you want the viewer’s eye to travel through your composition. Create a visual path using the rule of thirds that tells a story.

4 – Try Different Placements

Don’t be afraid to experiment with placement. Sometimes, what works best may surprise you.

5 – Combine With Other Design Principles

The rule of thirds is like a multi-talented player who can join any team! 

Try pairing it up with other principles, such as leading lines or symmetry, for an even more significant impact.

When to Break the Rule of Thirds

Remember that rules in design are more like guidelines. There are instances when not following the rule of thirds can result in a striking image. Here is when you may want to disobey:

Related  10 CTA Optimisation Mistakes: A Brutal Honesty Session

Symmetry and Centrality

At times, a centred composition is precisely what you require. Reflect on formal portraits or particular types of architectural photography.

Deliberate Tension

Putting objects in unusual places might generate anxiety and excitement in your artwork. Just have a reason for doing so.

Minimalist Designs

In specific minimalist designs, strictly following the rule of thirds could make things too busy. Sometimes, less really is more.

The Rule of Thirds Across Different Mediums

The Rule Of Thirds In Movies

The thing about the rule of thirds is that it can be applied to anything. So, let’s see how far it can go in different areas:

Film and Video

Motion pictures can produce balanced and dynamic frames thanks to the rule of thirds. In interview setups especially, as well as framing shots within dialogue scenes.

Painting and Fine Art

You’ll find that many classical paintings use the rule of thirds. It is a timeless principle that artists have followed for centuries, from Renaissance masters until now.

Logo Design

Logos are meant to be compact, but the rule can still help create balance and memorability, even in this tiny area. It often guides where the type should sit relative to graphical elements.

User Interface Design

When designing UIs (buttons, menus, etc.), this means thinking about how interactive elements should be laid out onscreen – functional AND beautiful interfaces come from following these guidelines!

Common Mistakes to Avoid

Like any other design principle, there are some things you should avoid in the application of the rule of thirds:

Overreliance

Do not think you have to follow this principle in every design without exception. You can treat it as a tool but not as a tyrant.

Forced Compositions

Sometimes, efforts to fit objects into third may result in unnaturalness or artificiality; thus, let your eye and instincts guide you.

Ignoring Context

Your message should be improved by the rule of thirds, not overwhelmed by it, so remember where and why you are designing.

Tools and Resources for Mastering the Rule of Thirds

Rule Of Thirds Guide In Camera App

Want to go even further? Here are some tools and resources to guide you along the way:

Design Software Programs with Grid Overlays

Most professional design software like Adobe Photoshop, Illustrator, and InDesign have grid overlay features. You can even use mobile ones like VSCO or Snapseed, which have built-in grids for on-the-go composition.

Tutorials and Courses Online

Sometimes, it helps to have someone explain things visually. Skillshare and Udemy are great platforms that offer courses on composition and the rule of thirds.

Photography Apps

If you’re using a mobile device for shooting, some apps let you do everything from changing your exposure settings to adding a rule of thirds grid. Camera+ for iOS and Camera FV-5 for Android allows this feature.

The Future of the Rule of Thirds

How will the rule of thirds change in the future?

AI and Composition

Tools are now being developed that use AI to suggest compositions automatically according to the rule of thirds. However, this should not be a cause for alarm; human creativity still drives excellent design.

Related  Why Should You Design Using an Authoring Tool?

Virtual and Augmented Reality

As we venture into VR/AR spaces, we have started using the rule of thirds in 3D environments. I am thrilled about how this two-dimensional principle works in immersive experiences.

Responsive Design

In responsive web design, the rule of thirds has become less rigid because it adapts to various screen sizes and orientations. Instead of fixed grids, it’s now based on proportional relationships.

Conclusion: The Timeless Appeal of the Rule of Thirds

The rule of thirds has endured because it is a simple and effective tool. It can transform good designs into great ones. 

However, among creative tools in your toolbox, there is only one. The most skilled designers understand when to apply this formula and when to break free from its constraints.

Keep playing with the rule of thirds as you continue your design journey. Use it as a jumping-off point, but don’t forget to follow your gut and take risks, too – that’s where real creativity lives!

So get out there and make something! Whether you’re taking pictures, building websites or painting masterpieces, let the rule of thirds be your roadmap (not ruler). You never know – this next creation could have people asking themselves, “How did they do that?”

FAQs About the Rule of Thirds

Can the rule of thirds apply to portrait photography?

Yes, most certainly! Consider putting the subject’s eyes along the top third line in portraits for a more interesting composition.

Is the rule of thirds used in mobile app design?

Many app designers use the rule of thirds to create balanced layouts and guide users’ attention towards essential features.

How does the rule of thirds differ from the golden ratio?

While both seek to achieve pleasant proportions, the rule of thirds is more straightforward and employs a 1:1:1 ratio compared to a more complex 1:1.618 ratio based on which golden ratios are derived.

Can I use the rule of thirds in logo design?

Absolutely! The rule of thirds can be employed to balance elements within a logo, although it tends to be applied less rigorously in compact designs of this nature.

Are there cultures where the rule of thirds doesn’t apply?

Although widely recognised, some cultures may have different aesthetic ideals, so what constitutes beauty varies across societies; thus, it would not hurt to consider cultural context during design work.

How do I apply the rule of thirds in asymmetrical designs?

If you have an asymmetrical design, place key elements at intersection points or along third lines as the rule dictates.

Is it okay to break the rule of thirds?

For sure! Though useful as a general guideline, intentionally breaking this “rule” can lead to unique compositions with more significant impact.

How can I practice applying the rule of thirds?

A Good way would be to start by analysing compositions you like and then try them out for yourself using grid overlays on your camera or design software. With time and effort, this will become second nature to you!

Can the rule of thirds be used in animation?

Yes, it definitely can! In animation, using characters and their placement/ movement on the screen guided by the rule of thirds leads to more dynamic, visually appealing scenes.

Photo of author
Written By
Stuart Crawford
Stuart Crawford is an award-winning creative director and brand strategist with over 15 years of experience building memorable and influential brands. As Creative Director at Inkbot Design, a leading branding agency, Stuart oversees all creative projects and ensures each client receives a customised brand strategy and visual identity.

Need help Building your Brand?

Let’s talk about your logo, branding or web development project today! Get in touch for a free quote.

Leave a Comment

Trusted by Businesses Worldwide to Create Impactful and Memorable Brands

At Inkbot Design, we understand the importance of brand identity. With our team of experienced designers and marketing professionals, we are dedicated to creating custom solutions that elevate your brand and leave a lasting impression on your target audience.