SlideShare ist ein Scribd-Unternehmen logo
1 von 3
Downloaden Sie, um offline zu lesen
The Grid
What is a Grid?
Creative people use rulers, guides, and lines to place elements on a page and have them look
good together. These underlying horizontal and vertical lines are what we call The Grid.


Consider this as a scaffolding, a foundation, or a skeleton. While creating your design, these
grid lines are used for laying out text, aligning images, and making columns or rows. These lines
are removed or covered up when finalizing your work. 


On a canvas, a painter may make rough pencil lines. Muralists draw a grid on a big wall before
they add their artwork, and magazine designers use digital grids. 


You don’t always have to follow the grid, but when you break out of the grid...do it intentionally.
Not accidentally.
Explore these grid-related topics in the coming slides.
Digital Layout
The Golden Ratio Composition
The Rule of Thirds
Grid strategies for your
computer-based projects.
The art of using math
to make art.
Utilize the traditional strategies
of artists and painters.
A classic grid approach to
improve your images.
How can I use grids in my projects?
How to Be a Professional Creative Person HappyAwesome.com Slide #A0025a
Why should I use a Grid?
Makes design more sophisticated and cohesive
Grids help to establish a visual hierarchy
If designers didn’t use a grid, we’d never be able to read a
newspaper or map
When you occasionally break out of the grid, it has more
emphasis and impact
Grids allow designers to make quicker decision
Balance is easier to achieve with grid
When a page is laid out well, we say that it has harmony...all
the elements are singing together. Grids allow harmony.
The Golden Ratio
0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, 233, 377, 610, 987, 1597, 2584, 4181, 6765, 10946, 17711, 28657, 46368, 75025, 121393, 196418, 317811
Fibonacci Sequence
ϕ1.6180339887498948482045868343656381177203091798057628621354486227052604628189024497072072041893911374847540880753868917521266338622235369317931800607667263544333890865959395829056383226613199282902678806752087668925017116962070322210432162695486262963136144
The Golden Ratio has been mesmerizing creative people for ages. This mathematical
formula describes a phenomenon in nature and can also be applied to our creative
projects. This topic is deep and complex; this page is merely a cursory introduction.


Phi ϕ is the lesser-known cousin of Pi π. Both are irrational numbers that go on
forever, never repeating. Phi is approximately 1.618 and can be very useful in design.


A related concept is the Fibonacci Sequence. This is a series of numbers, each the
sum of the previous two numbers. The ratio between any two numbers in the
sequence will be about 1.618.
A grid approach used by designers, artists, and
architects. Divide the long side of a rectangle into two
sections with a ratio of 1 to 1.618. Inside the smaller
rectangle, do the same thing again — into infinity.
Then add arcs and circles to each box. Superimpose
the whole grid over (or under) your design as a guide
for arranging elements. Remember, these are general
suggestions for layout and proportions, 

not absolute laws.
The Golden Rectangle
Golden Section

Golden Mean

Divine Proportion

Golden Cut

Golden Number

Divine Section
Also known as...
1.618
REMEMBER THIS NUMBER
1.618
REMEMBER THIS NUMBER
1.618
1.618
1.618
1
1
1
Text sizes and hierarchy: A heading can be
1.618 times the size of the body text.
Photos can be composed or cropped with
this grid in mind, improving composition.
Other uses include: UI design, page layouts,
logo design, illustration, and curves.
Grids are lines invisible to the viewer but
which help guide designers.
How Creative People Use This
How to Be a Professional Creative Person HappyAwesome.com Slide #A0025b
Humans feel an attraction to the
Golden Ratio. Balance and symmetry
can be comforting, aesthetically
pleasing, and natural.
Composition
When shooting a photo, designing a PowerPoint slide, or
creating an illustration, try to visualize the overall shape you
are making. These classic approaches have aided artists
throughout history. Imagine these shapes as an invisible
grid over your work and let it be a loose guide.
Triangle / Pyramid
Cross
Radiating Lines
Golden Triangles
Focal Group
Diagonal
Circle
Frame within a Frame
Fulcrum / Steelyard
Compound Curve (the S curve)
Tunnel
L Shaped
How to Be a Professional Creative Person HappyAwesome.com Slide #A0025c

Weitere ähnliche Inhalte

Ähnlich wie The Grid

Fmp pp 1 graphic design theory
Fmp pp 1 graphic design theoryFmp pp 1 graphic design theory
Fmp pp 1 graphic design theoryThomas Haase
 
Graphic representation of technical projects
Graphic representation of technical projectsGraphic representation of technical projects
Graphic representation of technical projectsgabriela-technoteacher
 
User Interface that works | Sergiu Puscas | CodeWeek 2015
User Interface that works | Sergiu Puscas | CodeWeek 2015User Interface that works | Sergiu Puscas | CodeWeek 2015
User Interface that works | Sergiu Puscas | CodeWeek 2015YOPESO
 
VDIS10006 Restoration Interiors 1 Lecture 7 - Sketch Drawings & Models
VDIS10006 Restoration Interiors 1  Lecture 7  -  Sketch Drawings & Models VDIS10006 Restoration Interiors 1  Lecture 7  -  Sketch Drawings & Models
VDIS10006 Restoration Interiors 1 Lecture 7 - Sketch Drawings & Models Virtu Institute
 
Power Point 2007-Get Visual With Smart Art Graphics
Power Point 2007-Get Visual With  Smart Art GraphicsPower Point 2007-Get Visual With  Smart Art Graphics
Power Point 2007-Get Visual With Smart Art GraphicsOklahoma Dept. Mental Health
 
Printed Graphics Design & Production
Printed Graphics Design & ProductionPrinted Graphics Design & Production
Printed Graphics Design & Productionanimecac58
 
Rishita Pahariya ,Fashion Design ,Dezyne E'cole College
Rishita Pahariya ,Fashion Design ,Dezyne E'cole CollegeRishita Pahariya ,Fashion Design ,Dezyne E'cole College
Rishita Pahariya ,Fashion Design ,Dezyne E'cole Collegedezyneecole
 
USE OF DIAGRAMS IN TECHNICAL WRITING
USE OF DIAGRAMS IN TECHNICAL WRITINGUSE OF DIAGRAMS IN TECHNICAL WRITING
USE OF DIAGRAMS IN TECHNICAL WRITINGravi kiran
 
Habits of Effective Designers - Handout
Habits of Effective Designers - HandoutHabits of Effective Designers - Handout
Habits of Effective Designers - HandoutDUSPviz
 
Survival Techniques
Survival TechniquesSurvival Techniques
Survival Techniquesugent
 
Introduction to Graphic Design.pdf
Introduction to Graphic Design.pdfIntroduction to Graphic Design.pdf
Introduction to Graphic Design.pdfDigzignDigzign
 
Basic Technical Drawing and Sketching.ppt
Basic Technical Drawing and Sketching.pptBasic Technical Drawing and Sketching.ppt
Basic Technical Drawing and Sketching.pptmnafis
 
Crew 430 group presentation
Crew 430 group presentationCrew 430 group presentation
Crew 430 group presentationZoe Lauckner
 
Sketching and lettering
Sketching and letteringSketching and lettering
Sketching and letteringDhaval Patel
 
Presentation Board Layout
Presentation Board Layout Presentation Board Layout
Presentation Board Layout NYCCTfab
 

Ähnlich wie The Grid (20)

Fmp pp 1 graphic design theory
Fmp pp 1 graphic design theoryFmp pp 1 graphic design theory
Fmp pp 1 graphic design theory
 
Graphic representation of technical projects
Graphic representation of technical projectsGraphic representation of technical projects
Graphic representation of technical projects
 
User Interface that works | Sergiu Puscas | CodeWeek 2015
User Interface that works | Sergiu Puscas | CodeWeek 2015User Interface that works | Sergiu Puscas | CodeWeek 2015
User Interface that works | Sergiu Puscas | CodeWeek 2015
 
VDIS10006 Restoration Interiors 1 Lecture 7 - Sketch Drawings & Models
VDIS10006 Restoration Interiors 1  Lecture 7  -  Sketch Drawings & Models VDIS10006 Restoration Interiors 1  Lecture 7  -  Sketch Drawings & Models
VDIS10006 Restoration Interiors 1 Lecture 7 - Sketch Drawings & Models
 
01 graphic representation
01 graphic representation01 graphic representation
01 graphic representation
 
101 project ideas
101 project ideas101 project ideas
101 project ideas
 
Power Point 2007-Get Visual With Smart Art Graphics
Power Point 2007-Get Visual With  Smart Art GraphicsPower Point 2007-Get Visual With  Smart Art Graphics
Power Point 2007-Get Visual With Smart Art Graphics
 
Printed Graphics Design & Production
Printed Graphics Design & ProductionPrinted Graphics Design & Production
Printed Graphics Design & Production
 
Rishita Pahariya ,Fashion Design ,Dezyne E'cole College
Rishita Pahariya ,Fashion Design ,Dezyne E'cole CollegeRishita Pahariya ,Fashion Design ,Dezyne E'cole College
Rishita Pahariya ,Fashion Design ,Dezyne E'cole College
 
USE OF DIAGRAMS IN TECHNICAL WRITING
USE OF DIAGRAMS IN TECHNICAL WRITINGUSE OF DIAGRAMS IN TECHNICAL WRITING
USE OF DIAGRAMS IN TECHNICAL WRITING
 
Basic sketching
Basic sketchingBasic sketching
Basic sketching
 
Habits of Effective Designers - Handout
Habits of Effective Designers - HandoutHabits of Effective Designers - Handout
Habits of Effective Designers - Handout
 
Visual Design
Visual DesignVisual Design
Visual Design
 
Survival Techniques
Survival TechniquesSurvival Techniques
Survival Techniques
 
Introduction to Graphic Design.pdf
Introduction to Graphic Design.pdfIntroduction to Graphic Design.pdf
Introduction to Graphic Design.pdf
 
Drawing for interior Design
Drawing for interior DesignDrawing for interior Design
Drawing for interior Design
 
Basic Technical Drawing and Sketching.ppt
Basic Technical Drawing and Sketching.pptBasic Technical Drawing and Sketching.ppt
Basic Technical Drawing and Sketching.ppt
 
Crew 430 group presentation
Crew 430 group presentationCrew 430 group presentation
Crew 430 group presentation
 
Sketching and lettering
Sketching and letteringSketching and lettering
Sketching and lettering
 
Presentation Board Layout
Presentation Board Layout Presentation Board Layout
Presentation Board Layout
 

Mehr von ToddTibbetts3

Mehr von ToddTibbetts3 (8)

Value vs. Effort
Value vs. EffortValue vs. Effort
Value vs. Effort
 
Learn Composition
Learn CompositionLearn Composition
Learn Composition
 
Happy Awesome AI Mix 1
Happy Awesome AI Mix 1Happy Awesome AI Mix 1
Happy Awesome AI Mix 1
 
Outpainting 2
Outpainting 2Outpainting 2
Outpainting 2
 
Outpainting 01
Outpainting 01Outpainting 01
Outpainting 01
 
Test2
Test2Test2
Test2
 
Test AI
Test AITest AI
Test AI
 
Raster vs. Vector Graphics, a mini-lesson
Raster vs. Vector Graphics, a mini-lessonRaster vs. Vector Graphics, a mini-lesson
Raster vs. Vector Graphics, a mini-lesson
 

Kürzlich hochgeladen

ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...Pranav Subramanian
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyChristopher Totten
 
CAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfCAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfAlasAlthaher
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfLucyBonelli
 
ArtWaves 2024 - embracing Curves in Modern Homes
ArtWaves 2024 - embracing Curves in Modern HomesArtWaves 2024 - embracing Curves in Modern Homes
ArtWaves 2024 - embracing Curves in Modern HomesVellyslav Petrov
 
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...Yantram Animation Studio Corporation
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designersPixeldarts
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine CharlottePulte
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioRMG Project Studio
 
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisFW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisPeclers Paris
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssNadaMohammed714321
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Associazione Digital Days
 
NBA power point presentation final copy y
NBA power point presentation final copy yNBA power point presentation final copy y
NBA power point presentation final copy ysrajece
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptJIT KUMAR GUPTA
 
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...Pranav Subramanian
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppNadaMohammed714321
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...Pranav Subramanian
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppNadaMohammed714321
 
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme ManagementSharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme ManagementMd. Shariful Hoque
 

Kürzlich hochgeladen (20)

ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenology
 
CAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfCAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdf
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
 
ArtWaves 2024 - embracing Curves in Modern Homes
ArtWaves 2024 - embracing Curves in Modern HomesArtWaves 2024 - embracing Curves in Modern Homes
ArtWaves 2024 - embracing Curves in Modern Homes
 
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine
 
ASME B31.4-2022 estandar ductos año 2022
ASME B31.4-2022 estandar ductos año 2022ASME B31.4-2022 estandar ductos año 2022
ASME B31.4-2022 estandar ductos año 2022
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project Studio
 
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisFW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssss
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
 
NBA power point presentation final copy y
NBA power point presentation final copy yNBA power point presentation final copy y
NBA power point presentation final copy y
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
 
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 ppppppppppppppp
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 ppppppppppppppp
 
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme ManagementSharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
 

The Grid

  • 1. The Grid What is a Grid? Creative people use rulers, guides, and lines to place elements on a page and have them look good together. These underlying horizontal and vertical lines are what we call The Grid. Consider this as a scaffolding, a foundation, or a skeleton. While creating your design, these grid lines are used for laying out text, aligning images, and making columns or rows. These lines are removed or covered up when finalizing your work. On a canvas, a painter may make rough pencil lines. Muralists draw a grid on a big wall before they add their artwork, and magazine designers use digital grids. You don’t always have to follow the grid, but when you break out of the grid...do it intentionally. Not accidentally. Explore these grid-related topics in the coming slides. Digital Layout The Golden Ratio Composition The Rule of Thirds Grid strategies for your computer-based projects. The art of using math to make art. Utilize the traditional strategies of artists and painters. A classic grid approach to improve your images. How can I use grids in my projects? How to Be a Professional Creative Person HappyAwesome.com Slide #A0025a Why should I use a Grid? Makes design more sophisticated and cohesive Grids help to establish a visual hierarchy If designers didn’t use a grid, we’d never be able to read a newspaper or map When you occasionally break out of the grid, it has more emphasis and impact Grids allow designers to make quicker decision Balance is easier to achieve with grid When a page is laid out well, we say that it has harmony...all the elements are singing together. Grids allow harmony.
  • 2. The Golden Ratio 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, 233, 377, 610, 987, 1597, 2584, 4181, 6765, 10946, 17711, 28657, 46368, 75025, 121393, 196418, 317811 Fibonacci Sequence ϕ1.6180339887498948482045868343656381177203091798057628621354486227052604628189024497072072041893911374847540880753868917521266338622235369317931800607667263544333890865959395829056383226613199282902678806752087668925017116962070322210432162695486262963136144 The Golden Ratio has been mesmerizing creative people for ages. This mathematical formula describes a phenomenon in nature and can also be applied to our creative projects. This topic is deep and complex; this page is merely a cursory introduction. Phi ϕ is the lesser-known cousin of Pi π. Both are irrational numbers that go on forever, never repeating. Phi is approximately 1.618 and can be very useful in design. A related concept is the Fibonacci Sequence. This is a series of numbers, each the sum of the previous two numbers. The ratio between any two numbers in the sequence will be about 1.618. A grid approach used by designers, artists, and architects. Divide the long side of a rectangle into two sections with a ratio of 1 to 1.618. Inside the smaller rectangle, do the same thing again — into infinity. Then add arcs and circles to each box. Superimpose the whole grid over (or under) your design as a guide for arranging elements. Remember, these are general suggestions for layout and proportions, 
 not absolute laws. The Golden Rectangle Golden Section Golden Mean Divine Proportion Golden Cut Golden Number Divine Section Also known as... 1.618 REMEMBER THIS NUMBER 1.618 REMEMBER THIS NUMBER 1.618 1.618 1.618 1 1 1 Text sizes and hierarchy: A heading can be 1.618 times the size of the body text. Photos can be composed or cropped with this grid in mind, improving composition. Other uses include: UI design, page layouts, logo design, illustration, and curves. Grids are lines invisible to the viewer but which help guide designers. How Creative People Use This How to Be a Professional Creative Person HappyAwesome.com Slide #A0025b Humans feel an attraction to the Golden Ratio. Balance and symmetry can be comforting, aesthetically pleasing, and natural.
  • 3. Composition When shooting a photo, designing a PowerPoint slide, or creating an illustration, try to visualize the overall shape you are making. These classic approaches have aided artists throughout history. Imagine these shapes as an invisible grid over your work and let it be a loose guide. Triangle / Pyramid Cross Radiating Lines Golden Triangles Focal Group Diagonal Circle Frame within a Frame Fulcrum / Steelyard Compound Curve (the S curve) Tunnel L Shaped How to Be a Professional Creative Person HappyAwesome.com Slide #A0025c