{"id":8835,"date":"2021-01-25T17:17:30","date_gmt":"2021-01-25T22:17:30","guid":{"rendered":"https:\/\/www.ceros.com\/inspire\/?p=8835"},"modified":"2022-04-20T15:35:43","modified_gmt":"2022-04-20T19:35:43","slug":"design-decoded-golden-ratio","status":"publish","type":"post","link":"https:\/\/www.ceros.com\/inspire\/originals\/design-decoded-golden-ratio\/","title":{"rendered":"Design Decoded: Ceros Explains the Golden Ratio"},"content":{"rendered":"<span class=\"rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Reading Time: <\/span> <span class=\"rt-time\">2<\/span> <span class=\"rt-label rt-postfix\">minutes<\/span><\/span>\n<p>Welcome to&nbsp;<strong>Design Decoded<\/strong>, our original video series. In each video, we\u2019ll trace the history of some popular UX design element and attempt to explain its ubiquity. First up, we took a look at&nbsp;<a href=\"https:\/\/www.ceros.com\/inspire\/originals\/design-decoded-caret\/\">the caret<\/a>, and then, the <a href=\"https:\/\/www.ceros.com\/inspire\/originals\/design-decoded-hamburger-menu\/\">hamburger menu<\/a>. This time, we\u2019re examining&nbsp;<strong>the golden ratio<\/strong>.<\/p>\n\n\n\n<script src=\"https:\/\/fast.wistia.com\/embed\/medias\/7r7wd2vo02.jsonp\" async=\"\"><\/script><script src=\"https:\/\/fast.wistia.com\/assets\/external\/E-v1.js\" async=\"\"><\/script><div class=\"wistia_responsive_padding\" style=\"padding:56.25% 0 0 0;position:relative;\"><div class=\"wistia_responsive_wrapper\" style=\"height:100%;left:0;position:absolute;top:0;width:100%;\"><div class=\"wistia_embed wistia_async_7r7wd2vo02 videoFoam=true\" style=\"height:100%;position:relative;width:100%\"><div class=\"wistia_swatch\" style=\"height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;transition:opacity 200ms;width:100%;\"><img src=\"https:\/\/fast.wistia.com\/embed\/medias\/7r7wd2vo02\/swatch\" style=\"filter:blur(5px);height:100%;object-fit:contain;width:100%;\" alt=\"\" aria-hidden=\"true\" onload=\"this.parentNode.style.opacity=1;\"><\/div><\/div><\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p><em>The golden ratio, a.k.a. the divine proportion, dates back to Euclid&#8217;s studies some 2300 years ago. It describes when two quantities are in particular proportion to each other. Picture it like this (and see 0:35 in the video for visual reference): the red area&#8217;s relation to the blue area is exactly the same as the blue area&#8217;s relationship to the combined area of blue and red. You math nerds might think of it like this: 1.6180, and so on, and so forth. <\/em><\/p>\n\n\n\n<p><em>The ratio is also related to (and often confused with) the Fibonacci number sequence, which is when each number is the sum of the two previous numbers. Both of these patterns show up a lot in nature, in famous artworks, in architecture, and in branding. Pepsi used it to give its classic logo a new shape, and so did Warner Brothers. <\/em><\/p>\n\n\n\n<p><em>Our cultural obsession with the golden ratio goes all the way back to the 19th century. That&#8217;s when people started to believe that everything was organized by the golden ratio. Not just paintings and plants, but us\u2014animals and humans. Everything was in harmony with the natural world. And even Dal\u00ed thought so.<\/em><\/p>\n\n\n\n<p><em>And even now, there&#8217;s a cult of people who believe that the golden ratio is behind every good design\u2014that it&#8217;s what makes the Mona Lisa, the Apple logo, and the Pyramids of Giza so legendary. But they&#8217;re wrong. There&#8217;s no evidence that the golden ratio was used to create any of these things\u2014so I guess there&#8217;s nothing divine about it. Maybe it&#8217;s just good design.<\/em><\/p>\n\n\n\n<p><em>In the digital world, however, it is used pretty often. It&#8217;s a simple way to keep the bodies and side bars of web pages in balance with one another, drawing the eye to the most important part of the page while making sure every element has enough space around it. <\/em><\/p>\n\n\n\n<p><em>No doubt the golden ratio is a handy design tool\u2014just don&#8217;t go looking for it in places where it doesn&#8217;t exist<\/em>.<\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<div class=\"myclass\">Everyone&#8217;s crazy about the golden ratio: designers, artists, biologists, mystics. But what exactly is it? We explain in our new video series.<\/div>\n<p><!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":8,"featured_media":8840,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v15.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Design Decoded: Ceros Explains the Golden Ratio - Ceros Inspire<\/title>\n<meta name=\"description\" content=\"Everyone&#039;s crazy about the golden ratio: designers, artists, biologists, mystics. But what exactly is it? We explain in our new video series.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.ceros.com\/inspire\/originals\/design-decoded-golden-ratio\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design Decoded: Ceros Explains the Golden Ratio - Ceros Inspire\" \/>\n<meta property=\"og:description\" content=\"Everyone&#039;s crazy about the golden ratio: designers, artists, biologists, mystics. But what exactly is it? We explain in our new video series.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ceros.com\/inspire\/originals\/design-decoded-golden-ratio\/\" \/>\n<meta property=\"og:site_name\" content=\"Ceros Inspire\" \/>\n<meta property=\"article:published_time\" content=\"2021-01-25T22:17:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-20T19:35:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.ceros.com\/inspire\/wp-content\/uploads\/sites\/5\/2021\/01\/Inspire-WP-Feature-Slot-960x557-5.png\" \/>\n\t<meta property=\"og:image:width\" content=\"960\" \/>\n\t<meta property=\"og:image:height\" content=\"557\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\">\n\t<meta name=\"twitter:data1\" content=\"Ramsey Neville\">\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data2\" content=\"2 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.ceros.com\/inspire\/#website\",\"url\":\"https:\/\/www.ceros.com\/inspire\/\",\"name\":\"Ceros Inspire\",\"description\":\"Just another Ceros Sites site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.ceros.com\/inspire\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.ceros.com\/inspire\/originals\/design-decoded-golden-ratio\/#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/www.ceros.com\/inspire\/wp-content\/uploads\/sites\/5\/2021\/01\/Inspire-WP-Feature-Slot-960x557-5.png\",\"width\":960,\"height\":557},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.ceros.com\/inspire\/originals\/design-decoded-golden-ratio\/#webpage\",\"url\":\"https:\/\/www.ceros.com\/inspire\/originals\/design-decoded-golden-ratio\/\",\"name\":\"Design Decoded: Ceros Explains the Golden Ratio - Ceros Inspire\",\"isPartOf\":{\"@id\":\"https:\/\/www.ceros.com\/inspire\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.ceros.com\/inspire\/originals\/design-decoded-golden-ratio\/#primaryimage\"},\"datePublished\":\"2021-01-25T22:17:30+00:00\",\"dateModified\":\"2022-04-20T19:35:43+00:00\",\"author\":{\"@id\":\"https:\/\/www.ceros.com\/inspire\/#\/schema\/person\/0fd443ce9eaa6a8890a9bb85b908b4b8\"},\"description\":\"Everyone's crazy about the golden ratio: designers, artists, biologists, mystics. But what exactly is it? We explain in our new video series.\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.ceros.com\/inspire\/originals\/design-decoded-golden-ratio\/\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.ceros.com\/inspire\/#\/schema\/person\/0fd443ce9eaa6a8890a9bb85b908b4b8\",\"name\":\"Ramsey Neville\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.ceros.com\/inspire\/#personlogo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d553a588fd518b2ecae8943c0206908a?s=96&d=mm&r=g\",\"caption\":\"Ramsey Neville\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.ceros.com\/inspire\/wp-json\/wp\/v2\/posts\/8835"}],"collection":[{"href":"https:\/\/www.ceros.com\/inspire\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ceros.com\/inspire\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ceros.com\/inspire\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ceros.com\/inspire\/wp-json\/wp\/v2\/comments?post=8835"}],"version-history":[{"count":16,"href":"https:\/\/www.ceros.com\/inspire\/wp-json\/wp\/v2\/posts\/8835\/revisions"}],"predecessor-version":[{"id":19633,"href":"https:\/\/www.ceros.com\/inspire\/wp-json\/wp\/v2\/posts\/8835\/revisions\/19633"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ceros.com\/inspire\/wp-json\/wp\/v2\/media\/8840"}],"wp:attachment":[{"href":"https:\/\/www.ceros.com\/inspire\/wp-json\/wp\/v2\/media?parent=8835"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ceros.com\/inspire\/wp-json\/wp\/v2\/categories?post=8835"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ceros.com\/inspire\/wp-json\/wp\/v2\/tags?post=8835"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}