Type Workshop - Three

Grids and Divine Proportions 
Aesthetics and Structure.



CONSTRUCTION
OF GRIDS

You need to know what your making it for;
Paper Sizes, Quality, Volume > gather all information.

Always start with small sketches
Thumbnail your sketches > layouts will be easier and productive
Thumbnails should proportonate the final format
Final layouts will be easier and productive. 


1. column only for text and illustrations gives little freedom of layout
Restrictions of making illustrations small, medium, or large

2. Columns logically gives you more space : 
- one column for text
- one column for illustration
they can be mixed together

2 columns can be sub-divided.

INSERT IMAGE FROM SLIDE SHOW HERE

Three columns is more opportunities for layout. Subdivisions.

Column grids useful for - newspapers / phonebooks etc

Disadvantages : lines of text narrow > small typeface
Function : Solely rests on the function that is to be preformed.  

For static's figure graphs and trend publications use 4 GRID COLUMNS. 
subdivide > narrow text > FIGURE OUT IF IT NEEDS IT FOR PUBLICATION

The width of a column dictates the size of typeface used.
The rule:
The narrower a column is the smaller the typeface



Thumbnails:
Always make a variety of thumbnails layout and designs
Do not rely on one set of thumbnails.
Enlarge a small selection of appropriate thumbnails by 1:1
Compare them and select and repeat process until you get confident

It is about generation of ideas.

FIND SOMETHING THAT WORKS FOR YOU



APPLY TYPE TO COLUMNS
The first line must fit flush to the top limit of the column grid
The last line must stand on the bottom limit
Keep calm, it is difficult to find the final solution the 1st time around
It could mean that your grid field is too hight or low / or point size and leading is wrong.

Measure height of column

EXAMPLE:

10 point type
15 point leading
Column length 15cm
Loosely means use 15pt leading
at this length there must be 10 lines per field
meaning 30 lines every per 15cm
The depth of my fields ascertains how many 10 point type lines i have.

Match grid fields to the line of text that live next to the field line
It must be measured as 1 line space. A proportion of leading and type point size.


Top of image should match top of ascenders. 

T (type) [] (image)





FONT HEIGHTS

Caption text : Proportions

TYPE AND PICTURE - 8 FIELD GRID

A4 FORMAT
8 &20 GRIDS
8 GRIDS ARE USED FREQUENTLY FOR ADVERTISING 

20 FIELD GRID HAS A LARGE SCAPE FOR IDEA SOLUTIONS
42 POSSIBLE LAYOUT COMBINATIONS AND LAYOUT OPTIONS. 


GRID IS ONLY AN INSTRUMENT IN WHICH YOU, A DESIGNER, CAN MAKE INTERESTING AND BALANCED DESIGN. 


*

THINK OF THE PURPOSE OF TEH JOB?
AESTHETICS?
STRUCTURE







TASK 
For the next couple of weeks, create a concertina fold (printed document) no little then 5 - no bigger then 16. Content can be projects you work on at the moment.  

(1990's) - Layout

Look at what you did within the first week to map the progression.

Dont want to see straight information
challenge way its presented / understood 
be creative / interactive  

Use mixture of all grids for different reasons. 
2 PAGES - CANNON - 2 PAGES - 8 GRID - MIX IT UP 
MAKE AND BREAK GRIDS

Think about how you use type and image 
Dynamic
Don't be flat and linear.


Concertina in In-design:

Type Workshop 2 : Grids and Proportions

WORKSHOP TWO:

The rule of thirds:

The rule of thirds governs the placement of ponts of intrest in a scene, 
Divide any given image into thirds both horizontally and vertically.

Break down of websites and images. 

Information point : Used portions even though it has been badly designed. 

Cannons:

Type and Grid,

VAN DE GRAAF

Simplified layout and simple. 

A gridded page is much like scaffolding for building

It is a structure that elements can be organised

A grid will help with continuity to be maintained and information with a digested flow. 

A semiotical design:

Perfect proportion of you page:

Symmetrical Layout:

   []   []

There is more space on the witch and sides of the boundary boxes because you need to holding the publication, so it is space for the hand, whilst still mainting perfect proportion. 

A-symmetrical Layouts also applicable.

Octavo Format:

Using this there is an simpler applied version:

Golden page and Rosaries' Rule of 9th:

Simple understanding of how to apply Grids:

Creating my own:

Leading / Margins:

Place images HERE

Creating My own Grid 

AND

Double Page Spread

Type Workshop - Fibinatchi Sequence

phil'spresentation.pdf by

Final Applied to Layout of Page Sizes :

I used the format that was taught to us in the workshop and applied it to this layout:

Type Workshop One : Fibonacci Sequence

Type Workshop 1:

Design a publication based on your knowledge of type so far:

Presentation:
Fibonacci sequence:

The sequence is evident within design but also nature
Its based on ratios 

Proportions - 

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

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

0+1=1

1+1=2

1+2=3

Combined lengths : Draw two small squares together.

[]

[]  

=

Draw a third square using combined lengths of the two orginal squares together :

[][]

[][]

Continue to repeat this process.

55 POINT TITLE SHOULD BE 

complimented with 34 POINT body copy by applying Fibonacci's sequence.

Dividing the page:

1.62 is the golden number (golden rectangle)

*Fibonacci sequence radtio 8.13 - links to Golden section

Forms the basis of paper sizes and its principles can be used as a means of achieving BALANCE

Basic calculations to  inding the golden section of a page:

1.62 divided with page witch

56cm

divide by 1.62

= 

around 34.56 > round it to 35

divide 35 by 1.62 = 13.58 = 14

HAVE MULTIPLES OF GRIDS

PAGE PROPORTIONS