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, â&#x20AC;&#x153;Grids: Recondite Structures of Design,â&#x20AC;? 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â&#x20AC;&#x201D;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 â&#x20AC;&#x153;graphicâ&#x20AC;? 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 â&#x20AC;&#x153;griddedâ&#x20AC;? 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

Design as One - Thesis Process Book

Spring 2011 process book for the thesis project Design as One

Design as One - Thesis Process Book

Spring 2011 process book for the thesis project Design as One