BAGD Phil McDonald

Grids

& divine proportions

Introduction to grids

BAGD Phil McDonald

Fibonacci Sequence

Introduction to grids

BAGD Fibonacci Sequence

Fibonacci sequence ratio 8:13 links to Golden section This sequence is not only evident within design but also nature.

Introduction to grids

BAGD Fibonacci Sequence

The human face follows the ratio and we find people whose faces are truer to the ratio more attractive. (?) Classic Renaissance masterpieces, architecture from antiquity, and even human body parts are proportioned based on the ratio down to the fingers themselves.

Introduction to grids

BAGD Fibonacci Sequence

A series of numbers in which each number is the sum of two preceding numbers.

0+1= 1 1+1= 2 1+2= 3 2+3= 5 3+5= 8 5+8= 13 8+13= 21 13+21= 34 21+34= 55 34+55 = 89

0+1= 1 1+1= 2 1+2= 3 2+3= 5

Introduction to grids

BAGD Fibonacci Sequence

Draw two small squares together.

1

&

1

=

1 1

Draw a third square using the combined lengths of the two original squares together.

1

1

=

2

Introduction to grids

BAGD Fibonacci Sequence

Continue to repeat this process and the set will form as shown...

3 5 2

1 1

Introduction to grids

BAGD Fibonacci Sequence

55 point title should be complemented with 34 point body copy by applying Fibonacciâ&#x20AC;&#x2122;s sequence.

Introduction to grids

BAGD Fibonacci Sequence

Apply your understanding of the fibonacci sequence using grided paper.

Introduction to grids

BAGD Dividing the page

Dividing the page Introduction to grids

BAGD Golden Section

Golden Section

Introduction to grids

BAGD Golden Section

...Forms the basis of paper sizes and its principles can be used as a means of achieving balanced designs. Many ancient cultures from Egyptians to the Greeks used this thinking to gain beautiful designed proportions. *Fibonacci sequence ratio 8:13 links to Golden section

Golden Section Rule - 8:13

1.62

is the golden number

Introduction to grids

BAGD Golden Section

Is also known as the Golden Rectangle.

Basic Calculations to finding the Golden Section of a page:

Definition -

1.62 divided with page width.

â&#x20AC;&#x153;Golden Rectangle is a rectangle in which the ratio of the length to the width is the golden ratioâ&#x20AC;?

56cm Divide by 1.62 = 34.56 (Round off to... 35)

Introduction to grids

BAGD Golden Section

56cm

Divide by 1.62 = 34.56 (35)

21cm

35cm

21cm

35cm

Introduction to grids

BAGD Golden Section

35 Divide by 1.62 22cm

= 21.60 (22)

21cm

13cm

35cm

Introduction to grids

BAGD Golden Section

22 Divide by 1.62

6cm

3cm 9cm

= 13.58 (14)

5cm

14cm

21cm

8cm

35cm

Introduction to grids

BAGD Golden Section

Introduction to grids

BAGD Fibonacci Sequence

Apply your understanding of the Golden Section by dividing your grided paper into the golden ratio.

Introduction to grids

BAGD Golden Section

The Rule Of Thirds Introduction to grids

BAGD Rule of Thirds

The concept of the golden ratio can be simplified. The rule of thirds governs the placement of points of interest in a scene. Divide any given image into thirds both horizontally and vertically. Youâ&#x20AC;&#x2122;ll get 9 grids.

Introduction to grids

BAGD Rule of Thirds

According to the rule of thirds, the vertices of those lines (where the lines cross) are the ideal placement for points of interest. People scanning the page are more likely to notice things placed near the points, and the division is comfortable to view.

Introduction to grids

BAGD Rule of Thirds

People scanning the page are more likely to notice things placed near the focal points, and the division is comfortable to view. More complex design is possible by breaking down those thirds into further thirds.

focal point Introduction to grids

BAGD Rule of Thirds

Major images, news boxes, search bars and any other points of interest can be nestled on or near the horizontals. This little shortcut will give you a design that is both easy on the eyes and makes people drawn to key pieces of information.

information point Introduction to grids

BAGD Fibonacci Sequence

Break down & cut out your layouts using the rule of thirds. Find focal points & information points. Introduction to grids

BAGD Golden Spirals

Another method of using both the golden ratio and Fibonacci numbers are the golden spirals and Fibonacci spirals. The spirals have been used in artwork for as long as the numbers and ratios themselves. The theory is that areas of negative space and visual interest should fit within the spiral. Within this image, as with the rule of thirds, the eye is naturally drawn to the center of the spiral to look for details.

Introduction to grids

BAGD Golden Spirals

The spirals can serve as a guideline for content density and clustering. They can serve as the foundation for the ratio of your website header images, search bars and tool bars.

Introduction to grids

Cut layouts into columns, headers, footers, images, subheadings etc... Identify its grid.

Introduction to grids

Using different magazine layouts Frankenstein a custom layout of your choice and hand make a grid of your own...

Introduction to grids

BAGD End bit...

â&#x20AC;&#x153;Using the divine proportion, you give yourself an edge of natural logic and organic grace that all humans have a subconscious attraction to. The golden ratio is yet another tool at your creative disposal...â&#x20AC;?

Introduction to grids

Grid Session 1
Grid Session 1

Graphic design grid lesson