Designing with the Golden Ratio
38mBeginner2023-01-18
Authors

Michael Ruocco
Product Designer and Founder of the Golden Ratio Design System
Course details
Many of the world’s most beautiful things share the same golden ratio (approximately 1.618). This ancient proportion lends order and simplicity to the spirals of sunflower seeds, the Pyramids of Giza, Leonardo da Vinci’s Mona Lisa, and even modern-day digital designs. In this course, instructor Michael Ruocco explains how to apply the golden ratio to your design projects to replace static grid systems and layouts, more easily adapt to a variety of screen sizes, and generally create visuals with more harmonious proportions.
Michael covers the mathematics and sacred symmetry behind the golden ratio, as well as how to apply its general principles while removing the sterility of a 12-column grid. He delves into how the golden ratio applies to design elements like type, color, and spacing. Along the way, he offers practical examples of how to apply these principles to the creation of posters, home pages, and more.
Michael covers the mathematics and sacred symmetry behind the golden ratio, as well as how to apply its general principles while removing the sterility of a 12-column grid. He delves into how the golden ratio applies to design elements like type, color, and spacing. Along the way, he offers practical examples of how to apply these principles to the creation of posters, home pages, and more.
Skills covered
Art CompositionFigmaDesign ThinkingUser ExperienceProjectGraphic DesignAnimation and Illustration
Concepts
0. Introduction
- 01 - You, design, and the golden ratio
1. Understanding the Golden Ratio
- 02 - Proportional harmonies in nature reflected in digital design
- 03 - The golden spiral
2. The Golden Ratio as a Grid
- 04 - The golden ratio, the math, and the sacred symmetry
- 05 - Design the grid - Getting your grid to work harder
3. Core Design Elements with the Golden Ratio
- 06 - How to make type work beautiful again
- 07 - The sacred colors from the golden ratio
- 08 - Compelling pictures, amazing results
4. Designing with the Golden Ratio
- 09 - Redesigning home pages with drama and purpose
- 10 - Golden ratio, graphic design, and poster composition
- 11 - ChildGrids - When designing off the grid becomes on
- 12 - Demystifying the CSS code
Conclusion
- 13 - The completed journey