1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
50 Questions For part of my research, I had a friend ask me a series of questions regarding my thesis and my opinions on graphic design
28
As I progressed with my thesis, I ended up leaving behind some of my answers to these questions when it came to the concepts or forms I ended up working with.
29
30
31
32
33
34
35
36
1.
Alex Villegar, “Grids: Recondite Structures of Design,� Noetic Fronts, accessed January 22, 2010, http://www.noeticfront.com/blog/2010/01/22/grids-recondite-structuresof-design/
37
38
1.
Grids: Recondite Structures of Design, ed. Julie Munden (Philadelphia: Lippincott William & Wilkins, 2006), 58, 62, 166, 266, 230, 232.
2.
Eicher, Joanne B., Sandra Lee Evenson, Hazel A. Lutz, The Visible Self, 2nd edition (New York: Fairchild Publications, 2000)
39
40
3.13.11 / Sun. Grids in Graphic Design 1 - Troy Templeman - April 30, 2010 Types of Grids - Rule of Thirds - Common in photography - Golden Ration - Approximately 1.618 - used for prportioning - Studied by mathemticians for its presence in nature - “used for centries by architects, artists and book designers for its aesthetically pleasing qualities” - Columns - “often used in newspapers and magazines” - Baseline Grid - (same as above) Anatomy of a Grid - Margins: The space that separates the content from the edge of the page - Flowlines: Alignments that break the space into horzontal bands. - Columns: Vertical divisions of space on a page. - Rows: A series of flowlines that create horzontal divisions of space created from intersecting rows and columns - Spacial Zones: Groups of modules that cross multiple rows and columns Purpose of Grids - “Grids give order to graphic design.” - The grid speeds up the design process by distinguishing where to place certain things.
Using Grids - “intended to guide the graphic design process, not dictate it.”
Wikipedia: Grid (page layout) 2 - “A typographic grid is a two-dimensional structure mage up of a series of intersecting vertical and horzontal axes used to structure content. The Grid serves as an armature on which a designer can organize text and images in a rational, easy to absorb manner.” Antecedents - Villiards Diagram Evolution of the modern grid - After WWI, “a number of graphic designers, including Brockmann, influenced by the modernist ideas of Jan Tschichold’s Die neue Typogaphic (The New Typography), began to question the conventional page layout at the time. They began to devise a flexible system able to help designers achieve coherency in organizing the page.” - Result - the modern typographic grid - Became associated with the International Typographic Style (Swiss Style) Reaction and Reassessment - By mid-1970s - typographic grid = the standard - 1980s - reaction against it - Associated with corporate culture
1.
Troy Templeman, “Grids in Graphic Design,” Troy Templeman (blog), April 30, 2010, http://www.troytempleman.com/2010/04/30/grids-in-graphic-design/.
2.
“Grid (page layout),” Wikipedia, accessed on March 10, 2011, http://en.wikipedia.org/wiki/Grid_(page_layout).
41
3.16.11 / Wed. - Apple Mactinsoh computer - Pushed the “transition away from type being set by typographers to designers Grid Use in Modern Web Design - Web developers only recently showing an interest in organizing with a grid - 960 grid system
960 Grid System 1 Essence - “The 960 Grid System is an effort to streamline web development wokrflow by providing commonly used dimensions, based on a width of 960 pixels.”
42
1.
“960 Grid System: Essence,” 960 Grid System, accessed on March 10, 2011, http://960.gs/.
2.
Samara, Timothy, Making and Breaking the Grid: A Graphic Design Layout (Beverly: Rockport, 2002).
Making and Breaking the Grid: A Graphic Design Layout Workshop 1 - Timothy Samara
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
WOVEN WOVEN WOVEN WOVEN DAO DAO DAO DAO WOVEN WOVEN WOVEN WOVEN WOVEN WOVEN WOVEN WOVEN DAO DAO WOVEN DAO DAO DAO DAO WOVEN WOVEN DAO DAO DAO WOVEN WOVEN WOVEN DAO DAO DAO WOVEN DAO DAO WOVEN
101
102
1234 12th Street, New York, New York 10001 of f ices@dao.com T / 555 555 5555 F / 111 222 3333
1234 12th Street, New York, New York 10001 of f ices@dao.com T / 555 555 5555 F / 111 222 3333
1234 12th Street, New York, New York 10001 of f ices@dao.com T / 555 555 5555 F / 111 222 3333
For DAO, I wanted to keep its branding clean, simple, and neutral. I want it to be the default for the collections that it comes out with—like a gallery with its white walls and the artwork within it.
103
104
aastudy studyofofthe thebody bodyas asgrid grid
a study of the body as a grid
1 1223344551 122334455
The originals tags were too generic. Instead, I made the tag the same ration of a 8.5 x 11 paper to relate it more to the materials that we work with as “graphic” designers. The name Gridded is highlighted because it is the “focus” of DAO and broken to reflect the dual gridded and “broken” outfits of the collection. It also reveals the work—there is action implied as if the text is being worked on within the document.
a study of the body as grid
1 2 3 4 5 1 2 3 4 5
1 2 3 4 5 1 2 3 4 5
a study of the body as grid
a study of the body as grid
105
106
107
108 presents
presents
presents
a study of the body as grid
109
presents
a study of the body as grid
110
111
112
presents
113
114
The invite is printed on 8.5 x 11 paper, again, to relate it to materials “graphic� designers work with. Then it is folded in half to make it easier to mail as well as for display purposes to allow it to stand up.
115
FRIDAY, APRIL 29 at 6PM
presents
SPRING | SUMMER 2011
100 SOUTH GAY ST. KNOXVILLE, TN
presents
presents
presents
a study of the body as a grid
a study of the body as a grid
FRIDAY, APRIL 29 at 6PM
a study of
FRIDAY, APRIL 29 at 6PM
the body as SPRING | SUMMER 2011
a grid
SPRING | SUMMER 2011
SPRING | SUMMER 2011
FRIDAY, APRIL 29 at 6PM 100 SOUTH GAY ST. KNOXVILLE, TN
100 SOUTH GAY ST. KNOXVILLE, TN
100 SOUTH GAY ST. KNOXVILLE, TN
presents SPRING | SUMMER 2011
FRIDAY, APRIL 29 at 6PM
a study of the body as grid
a
a
study of
study of
the body
the body
as grid
as grid
SPRING | SUMMER 2011 FRIDAY, APRIL 29, 6PM 100 SOUTH GAY ST. KNOXVILLE, TN
100 SOUTH GAY ST. KNOXVILLE, TN
presents
presents SPRING | SUMMER 2011
a study of the body as grid
FRIDAY, APRIL 29 at 6PM
100 SOUTH GAY ST. KNOXVILLE, TN
116
a study of the body as grid
FRIDAY, APRIL 29 at 6PM
SPRING | SUMMER 2011
100 SOUTH GAY ST. KNOXVILLE, TN
a study of the body as a grid
SPRING | SUMMER 2011 FRIDAY, APRIL 29 100 S. GAY ST. KNOXVILLE, TN
a study of the body as grid
a study of the body as grid
presents SPRING | SUMMER 2011
FRIDAY, APRIL 29 at 6PM
a study of the body as grid
a
a
study of
study of
the body
the body
as grid
as grid
SPRING | SUMMER 2011 FRIDAY, APRIL 29, 6PM 100 SOUTH GAY ST. KNOXVILLE, TN
100 SOUTH GAY ST. KNOXVILLE, TN
presents
presents
presents
presents SPRING | SUMMER 2011
a study of the body as a grid
FRIDAY, APRIL 29 at 6PM
100 SOUTH GAY ST. KNOXVILLE, TN
a study of the body as grid
FRIDAY, APRIL 29 at 6PM
SPRING | SUMMER 2011
100 SOUTH GAY ST. KNOXVILLE, TN
a study of the body as a grid
FRIDAY, APRIL 29 at 6PM SPRING | SUMMER 2011 100 SOUTH GAY ST. KNOXVILLE, TN
a study of the body as grid
SPRING | SUMMER 2011 FRIDAY, APRIL 29 at 6PM 100 SOUTH GAY ST. KNOXVILLE, TN
117
a study of the body as grid
118
SPRING | SUMMER 2011 FRIDAY, APRIL 29
100 S. GAY ST. KNOXVILLE, TN
119
120
a study of the body as grid
121
122
123
124
presents
a study of the body as grid
125
BODY AS GRID
126
There are traditional ways of tailoring clothing to emphasize certain parts of the body. This collection exercises that method as well as creating a reaction outfit to each of those “gridded� outfits that breaks the grid of the body by denying form.
127
128
129
130
131
132
133
134
Design as One was designed by Samantha Ownby to document the process of her thesis project at the University of Tennessee, Spring 2011. Typefaces used: Neutraface Text Light Alt Granjon LT Std
135
136