No Result
View All Result
Subscribe
The Designest
  • Home
  • Design
  • Freebies
  • Toolbox
  • Tech
  • Tutorials
  • Inspiration
  • Digital Art
  • Home
  • Design
  • Freebies
  • Toolbox
  • Tech
  • Tutorials
  • Inspiration
  • Digital Art
No Result
View All Result
The Designest
No Result
View All Result
Home Design

The Golden Ratio in Design: Notions and Essentials

The Golden ratio is a common thing for artists, but do designers take it seriously (and can use it too)?

The Designest Staff by The Designest Staff
January 14, 2020
in Design
2

The Golden Ratio in Design

Share on FacebookShare on Twitter

Visual harmony is not something chimerical as it may probably sound. In fact, it is defined by the Golden ratio, the law of perfect proportion that comes from maths and nature and defines balance in architecture, painting, and all fields of design.

The closer an object is to the Golden ratio, the better the human brain perceives it. So since it was discovered many creators used it their works: Da Vinci in his Mona Lisa and The Last Supper, Vermeer’s Girl with a Pearl Earring or Hokusai’s Great Wave off Kanagawa. Feels far from you are actually doing? In fact, if you’re searching for the balance and harmony to your interfaces, logotypes or mockup scenes, the Golden ratio is a perfect tool to arm yourself with.

What is the Golden Ratio?

The Golden ratio, also known as Φ (Phi) in Greek, is a mathematical constant. It can be expressed by the equation:

Φ=a/b=a+b/a=1,618033987, where a is greater than b

This can also be explained by the Fibonacci sequence, another divine proportion. The Fibonacci sequence starts with 1 (some say 0) and adds the previous number to it to get the next one:

1, 1, 2, 3, 5, 8, 13, 21 …

The golden rectangle
The golden rectangle

If you try to find the quotient from the division of the two subsequent Fibonacci numbers (i.e., 8/5 or 5/3), the result is very close to the Golden ratio of 1.6 or Φ.

With the help of a Golden rectangle, a Golden spiral is also created. If you have a rectangle of squares 1, 1, 2, 3, 5 and 8 respectively, as shown in the picture below, you can build the Golden rectangle.

The golden spiral
The golden spiral

Using the side of the square as a radius, you create an arc that touches the points of the square diagonally. Repeat this procedure with each square, and you will eventually get the Golden spiral.

Examples of the Golden rectangle and Golden spiral can be detected everywhere: so there is a Golden ratio in nature, human body and its parts, and almost all works of art.

The Golden Ratio in Design

The Golden ratio is another tool to help you deliver the right emotional and visual tone to the user. This theory exists whether you apply it intentionally or not — but what really matters is that you should understand and acknowledge it in an effort to create the most usable design possible.

So, there are four basic ways a designer can use the Golden ratio and affine there designs with it:

Typography

Golden Ratio Typography Calculator
Golden Ratio Typography Calculator

With the Golden ratio you can see what font size to use for headers and body copy on a website, landing page, or blog post.

Let’s say your body copy is 14 px. If you multiply 14 by 1.618, you’ll get 22.652, meaning a header text size of 22 px would follow the Golden ratio and balance the 14 px body font size.

Golden Ratio Typography Calculator

Cropping and Resizing

Cropping and resizing
Cropping and resizing

To make sure the image is still balanced after you resize it, you can use the Golden spiral to keep the composition of the image — simply overlay the Golden spiral on an image to see the focal point is in the middle of it.

Layouts

Golden Ratio Canon Grid
Golden Ratio Canon Grid

With the Golden ratio, it’s easier to comprehend and design appealing interfaces. So, if there is a page that highlights a wide block of content on one side with a narrower column on the other, the Golden ratio’s proportions will help you decide where to put the most important content.

Logo Design

With the Golden ratio, it’s easier to comprehend and design appealing interfaces. So, if there is a page that highlights a wide block of content on one side with a narrower column on the other, the Golden ratio’s proportions will help you decide where to put the most important content.

Tags: EssentialsPhotographyTrendsUI/UXWeb design
Previous Post

Star Wars Fan Art Collection

Next Post

GoDaddy logo is remastered in company’s fresh branding design

The Designest Staff

The Designest Staff

Teamwork is something we are really good at! So sometimes we join our forces and experience to deliver even more useful, impressive content. Hope you enjoy it as much as our personal elaborations.

Related Posts

10 Font Trends 2023: The Year of User-Oriented Typography

by The Designest Staff
January 19, 2023
0

If you need a trouble-free method to understand what the design industry is up to, look at the typography trends....

12 Graphic Design Trends For 2023: The Visual Euphoria

by The Designest Staff
December 20, 2022
0

It was the best of times, it was the worst of times, and whatever part of this statement applies to...

Creative Power of Shutterstock: Introducing CreativeFlow+

by Alina Yakovleva
December 8, 2022
0

Having all the needed tools on one platform is the dream of many creative minds. And Shutterstock made it come...

Best Drawing Software in 2023 For Your Creativity

by Evgenia Papicheva
December 8, 2022
9

We’ve collected the best free art programs and paid software for you to always have a wide choice of creative...

Pantone Color Of The Year 2023: Viva Magenta

by The Designest Staff
December 2, 2022
0

The new color celebrates self-expression without restraint and comes as a tribute to power of humanity.

Top 9 Logo Design Trends in 2023: The Triumph of Typography 

by Ksenia Pedchenko
November 28, 2022
4

Do logo trends really exist, and if so, what's the best way to approach logo design in 2023?

Next Post

GoDaddy logo is remastered in company’s fresh branding design

Comments 2

  1. Adrien says:
    3 years ago

    Never understood this thing 😐

    Reply
    • Ksenia Pedchenko says:
      3 years ago

      It may be tricky, right. If you have read the post and still got questions about the golden ratio, feel free to let us know, we’ll sort them out together 😉

      Reply

Leave a Reply Cancel reply

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

Popular Posts

  • 70+ Best Photoshop Text Effects & Styles PSD Templates

  • How To Sell Digital Art: 20 Best Places To Sell Your Digital Design Online

  • 10 Font Trends 2023: The Year of User-Oriented Typography

  • 20 Digital Artists You Should Know: Famous, Talented, Inspiring

  • Freebie: a logo mockup, charged with elegance

Envato Elements
with Envato Elements membership

Categories

  • Design (80)
  • Digital Art (27)
  • Freebies (78)
  • Inspiration (43)
  • Other (5)
  • Tech (19)
  • Toolbox (142)
  • Tutorials (56)
Youtube Facebook Instagram Dribbble Pinterest Twitter RSS

Subscribe

The Designest

Weekly Email Updates

We got tons of fascinating articles, videos and freebies for you every week!

SUBSCRIBE

Design Blog

  • Design
  • Digital Art
  • Freebies
  • Inspiration
  • Other
  • Tech
  • Toolbox
  • Tutorials

About Us

Welcome to The Designest — a professional design blog aimed to deliver fresh news & trends of the industry as well as the most essential courses & tutorials you must have been searching for.

Company

  • Advertise with Us
  • Contact Us
  • Cookie Policy
  • Privacy Policy
  • Terms and Conditions
  • Affiliate Disclosure

© 2022 The Designest — Professional design blog aimed to deliver fresh news & trends of the industry

No Result
View All Result
  • Home
  • Design
  • Freebies
  • Toolbox
  • Tech
  • Tutorials
  • Inspiration
  • Digital Art

© 2022 The Designest — Professional design blog aimed to deliver fresh news & trends of the industry

Subscribe to Regular Updates
We got tons of fascinating articles, videos and
freebies for you every week.
This website uses cookies. By continuing to use this website you are giving consent to cookies being used. Visit our Privacy and Cookie Policy.