Deep Space

Video Tutorial from the Deep Space Lecture


Where does it begin…..



Spacing from Web Design, begins with thinking about the fore-founders of page construction, often considered the “Canon of Page Construction”.  They defined, what is considered the laws of form in 2 Dimensional Design.  Similar to a chef’s secret recipe these page architects, kept their principles closely guarded and considered their exact execution to not be “good design” or “cool design”, but rather:  PERFECTION.

The names of these perfectionists of design are:  Jan Tschichold, J.A van de Graaf, Raul M. Rosarivo, and Hans Kayser.  By utilizing the mathematical proportions of the page, they essentially divided the page into a structure for consistently creating eye pleasing results.


Two terms that are heavily leaned on in this pursuit are Margins, Gutters, and Padding:

Margins = is the white space or white area that surrounds the content of a page.

Mirror and Gutter margins

Gutters = a trough in between the content areas or text areas, allocated for traditional book binding.




Another term heavily used in Web Design is Padding:  Padding is the space from inside the border of the cell or block of content you have created (like a button).  In this instance padding is the distance from the edge of this block to the text or the image in that content area.




Let’s look a website entitled “Retina Art” that has some nice examples:


Three areas where spatial organization compliments web design are:

1. Creates Grouping

2. Creates Emphasis

3. Improves Legibility