wood chipboard accordion [updated version] by Jamie Turpin

[experimental panel design] jamie turpin . wood + chipboard accordion . portfolio design

[table of contents] discover . design . construct

start [begin here]

1 3 5

establish

[.01 to .04]

define problem research

design

[.22 to .36]

submittal

[.45 to .49]

define concepts studies feedback

2 4

schematic

[.05 to .21]

construct

[.37 to .44]

brainstorming inspiration thumbnails

digital development feedback mock up + analysis

accomplishment

final design execution final prints + images

page

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

.00

[establish]

define problem . creative brief

Experimental Accordion

Target Audience

Course : GRDS 709 – OL Professor : Merrick Henry Quarter : Winter 2011

Location : Urban Setting Age Group : 20 – 65 Sex : Male + Female

Professor’s Objectives

developed into my studies on color, typography and materials that were incorporated into digital design drawings. The detail level for the digital designs exploit and illustrate the placements for the display, primary and secondary type along with visually forming the grid structure for each design layout. The typography and colors were selected during the studies are illustrated on the digital design drawings to form an overall visual aesthetic of each composition.

The project’s challenge is to exploit my knowledge that I gained during my 709 Typography Studio 1 during the Winter 2011 quarter. To begin, I selected the article “Graphic Design Theory?” written by Professor Helen Armstrong to articulate my project. Before I moved forward with the project, I contacted Helen Armstrong asking her approval for me to utilize her article. In return, I read and analyzed the copy and created an outline that generated a list of different hierarchy ideas. My design goal for this project is to integrate word and image that strikes a balance between typography legibility and the need for self expression without copying an existing style of Neville Brody, April Greiman, or David Carson. I also wanted the final design to exemplify simplicity and expressiveness in an interactive form for the target audience. The next steps of my design process are to research and study the experimental typography styles of Neville Brody, April Greiman, and David Carson. These graphic designers have really left a statement in the history of graphic design and it is an honor to study their style for this project. Next, I researched experimental typography style in greater detail and gathered further inspirational images that support experimental typography layouts, type on booklet and panel designs and type on textured materials. From all of the inspiration images that I accumulated, I was able to take the brainstorming list of ideas and form thumbnail creations and sketches. For my schematic phase, I selected about 10 thumbnails and transformed the sketches into detailed conceptual drawings that exemplified my thoughts behind the design. My conceptual designs were

Also, for the construct phase, I printed out the compositions and provided a further analysis on each accordion design to verify that the executions were in sync with the initial concepts, were exploited at a superior detail level, and created a universal interaction piece for the target audience.

yellow support my design intention of simplicity while creating a rich color experience for the end user. The accordion composition is printed on cherry wood veneer that’s intertwined with chipboard to create a layer effect that articulates the theory behind the design while expressing the body of the article “Graphic Design Theory?” Overall, my design intent is to provide a continuous uniform flow from Armstrong’s article to the accordion design. The overall design exemplifies a unique take on the article by creating visual dirt on type, number hierarchy, and grid structure that speaks a nice consistent rhythm from each panel design.

After my analysis revisions were noted, I began executing my final design that spoke a sincere personality and reflected some of my inspiration that gathered during my schematic phase.

Design Outcome

My final design achieves my design goal and objective of simplicity integrated with expressiveness which provides the message to be viewed as legible and interesting while the target audience is interacting with the final piece. The overall design layout intermingles from a rotated grid to a horizontal grid that is exemplified from panel to panel. The overall aesthetic feel of the piece is geometric in shape with an organic feel that is created in a raw natural material. I decided to intertwine the rockwell type family with century schoolbook to balance a slab serif with a sans serif. The complementary color palette of red, blue, gray, and

page

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

.01

[establish] research . the approval

I contacted author, Helen Armstrong through LinkedIn to ask permission to use her article â&#x20AC;&#x153;Graphic Design Theory?â&#x20AC;? for the course project.

page

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

.02

[establish] reserch . selected article

By Helen Armstrong

Graphic Design Theory? aiga.org | September 29, 2009

About the Author

Helen Armstrong is the creative director of Strong Design and an assistant professor of graphic design at Miami University. Her design work for such clients as Sage College of Albany, US Internetworking and New College of Florida has won regional and international awards. Such work has been included in numerous publications in the United States and the United Kingdom, including HOW International Design Annual, The Complete Typographer, The Typography Workbook and Design Elements. Her first book, Graphic Design Theory: Readings from the Field, came out in Spring 2009.

Graphic design has often looked to architecture as an intellectual model. We long to infuse our work with the same kind of dense theoretical knowledge and the same kind of broad ranging, legendary critiques. But we’re not architects. We’re graphic designers. Our role is less defined. We cross between print and web, 2-D and 3-D. Our work is easier to produce and more ephemeral. This fluidity, coupled with a discipline wide pragmatic streak, makes it difficult to establish a defined body of graphic design theory.

Through my research I work to emphasize the value of our own theoretical base and inspire others to read and write more. Working on a recent book project got me thinking about a range of issues that face the profession today. Theory can help us address them. Cranbrook poster by Katherine McCoy and book spread by Laszlo Moholy-Nagy and Ellen Lupton.

Graphic designers have written about the ideas behind their work since the inception of the profession. Consider F. T. Marinetti, László Moholy-Nagy, Herbert Bayer, Josef Müller-Brockman, Karl Gerstner, Katherine McCoy, Jan van Toorn and, more recently, Jessica Helfand, Dmitri Siege and Kenya Hara. This body of work is small compared to architecture and fine arts, but it is passionate and smart.

[Clockwise from left] Katherine McCoy’s “See Read” poster for Cranbrook Graduate Design, 1989, a photographic collage of recent graduate student work overlaid by a list of possibly opposing design values and a diagram of communication theories a model for how deconstruction and structuralist post structuralist literary theories might be applied to graphic design’s visual and verbal processes; a spread from László Moholy Nagy’s Malerei, Photographie, Film (Painting, Photography, Film), 1925; spread from Graphic Design: The New Basics (New York: Princeton Architectural Press, 2008), written and designed by Ellen Lupton and Jennifer Cole Phillips, in which Lupton explores emerging universals within the practice of graphic design, including newly relevant concepts like transparency and layering.

Texts about graphic design fall under different categories of “theory.” Some analyze the process of making. Think Bauhaus experiments, methodologies that fall under the umbrella of International Typographic Style, and contemporary explorations labeled “design research.” Some texts examine the ideas behind the visual work. Authors “read” designs or design texts and put them into a wider historical/cultural context. And some apply outside theoretical discourses to the field of graphic design deconstruction, semiotics, gender studies.

page

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

.03

[establish] reserch . selected article

Design Increasingly Lives In the Actions of its Users

Think Flicker, Facebook, Etsy, Lulu, Threadless and the multitude of blogs. Users approach software and the web with the expectation of filling in their own content shaping their own visual identities often with guidance from prepackaged forms. Dmitri Siegel calls this phenomen “the templated mind.” Designers are grappling with their own place in this DIY phenomenon. Creativity is no longer the sole territory of a separate “creative class.” Designers can lead this new participatory culture by developing frameworks that enable others to create; doing so, however, means allowing our once-specialized skills to become more widespread and accessible. That transfer knowledge is threatening to some, liberating to others.

Technology Alters our Aesthetics Even as We Struggle Against It

We Should Encourage Collaboration and Communal Experience

Designers everywhere strive to create unique visual voices despite the prevalence of stock photography and the monolithic hold of Adobe Creative Suite. Simultaneously, as noted by design and media critic Lev Manovich, specific techniques, artistic languages, and vocabularies previously isolated within individual professions are being imported and exported across software applications and professions. This new common language of hybridity and “remixability,” through which most visual artists now work, is unlike anything seen before. Technology has irreversibly changed our sense of aesthetics, giving us both more power and less.

What’s the good of multi-touch technology if we don’t want to sit down together? Collaboration and community fuel world changing design solutions. Despite our connections online, many people are experiencing a growing sense of personal isolation. How can we, as designers, combat that isolation with projects that foster community? Media activist Kalle Lasn has warned designers: “We have lost our plot. Our story line. We have lost our soul.” Producing work that fosters real connections may be one way of getting that soul back. Jamie Turpin . Wood + Chipboard Design . Portfolio Design

We All Write More Today than We did 15 Years Ago

Blogs, emails, Twitter – we communicate with many more people through text than through speech. If grammar imparts order and structure to our thoughts, then this increase in writing brings value to our society and our discipline. Design authorship, an issue debated by influential figures like Michael Rock, Ellen Lupton and Jessica Helfand over the course of the last decade, foregrounds the active relationship between text and image and between a discipline and its discourse. The expansion of written communication makes possible thoughtful contributions to the larger discourse of design by a wider slice of the graphic design population.

The Central Metaphor of Our Current Society Is the Network

Even if we don’t all understand the computer codes that run the back end of our digital age, we can comprehend the networked structure of our day and design to meet it. Avant-garde artists at the beginning of the last century, including F. T. Marinetti, László Moholy Nagy and Aleksandr Rodchenko, were adept at activating their own networks: newspapers, magazines, lectures and written correspondence. Recently, I heard lectures by Emily Pilloton of Project H and Cameron Sinclair of Architecture for Humanity, two young designers who are creating opportunities, locally and around the world, for designers to improve basic human living conditions. The connectivity of the web is critical to their success. Efficient networks for spreading change and prosperity are already in place. We just have to grasp them. Designers in the early 20th century rose to the challenges of their societies. We too can take on the complexities of our time, the rising millennium. Delving into our theoretical base equips us to address critical material problems in the world and our discipline.

My Interpretation of the Article

I found this article while searching AIGA’s web; the article is written by Helen Armstrong. I feel that Armstrong wrote a very intriguing article that discusses some of the challenges that designers face today with technology, social networking and template based designs. The article encourages us to invest into different kinds of explorations that need to be addressed in order to continue design development for the millennium. While reading through the article a fourth time, I understand that good design has actually altered history. I can see this change in graphic designers replacing fine artists and computers replacing paint brushes. Through my personal experience, I can truly relate to this article due to my past 10 years of diverse design experiences. I feel that I have been on both sides of the fence with learning the actual drawing board, t-square, and drafting ropes at Kansas State in the architecture program to having intense professional experience in Dallas’s corporate world. I feel this article is surreal and is a good example of analyzing how graphic designers made it to “HERE” through utilizingn theinternet, stock photography, Adobe Creative Suites, & Social Networking.

page

.04

[schematic] brainstorming

self expression explorative overscaled typography vibrant colors personality design offset grid break the grid word & image visual aesthetics positive + negative arrows to provide focal direction innovative flow hierarchy unity fundamentally simple

modern minimal vintage washed out visual dirt on type the WOW factor angeled geometric visual type navigate locate, seperate, connect consistency & flexibility

textural material smooth texture rounded corners interaction economical easy to work with decisive dimensional depth experimental POP of color

page

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

.05

[schematic] inspirational research

rid g d

te a t ro

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

Grid Structure

self expression

influential fusion

vibrant colors

Type + Image to balance

Typographic Legibility

visual aesthetics

positive & negative

Neville Brodyâ&#x20AC;&#x2122;s Experimental Typography Style researchstudios.com fontshop.com/fonts/designer/neville_brody harrisment.co.uk/HARRISMENT/2010/02/23/brody

page

.06

[schematic]

gr id ate d ro t

hierarchy Jamie Turpin . Wood + Chipboard Design . Portfolio Design

self expression

visual

material

balance

textural materials

Neville Brodyâ&#x20AC;&#x2122;s Experimental Typography Style en.wikipedia.org/wiki/Neville_Brody apple.com/pro/profiles/brody jaddesignsolutions.com/thesisweb2.html

Type + Image to Typographic Legibility

layout design

inspirational research

arrows to provide focal direction

page

.07

[schematic] inspirational research

Type + Image to balance

vibrant colors Jamie Turpin . Wood + Chipboard Design . Portfolio Design

accordion panel design

innovative flow

grid structure

Typographic Legibility

unity

explorative

April Greimanâ&#x20AC;&#x2122;s Experimental Typography Style aprilgreiman.com madeinspace.la aiga.org/content.cfm/medalist-aprilgreiman

page

.08

[schematic] inspirational research

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

Typographic Legibility

to balance

Type + Image

hierarchy

accordion panels

visual aesthetics

layout design

material

rotated grid

rhythm

April Greimanâ&#x20AC;&#x2122;s Experimental Typography Style idsgn.org/posts/design-discussions-april-greiman-on-technology art-directory.info/design/april-greiman-1948/index.shtml designhistory.org/Post_mod.html

page

.09

[schematic] inspirational research

David Carsonâ&#x20AC;&#x2122;s Experimental Typography Style davidcarsondesign.com ted.com/talks/david_carson_on_design.html en.wikipedia.org/wiki/David_Carson

vibrant colors

typography scale

visual aesthetics

panel designs

page

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

.10

[schematic] inspirational research

David Carsonâ&#x20AC;&#x2122;s Experimental Typography Style dexigner.com/news portfolios.aiga.org/gallery/David-Carson-Poster new.myfonts.com/person/David_Carson

ed t ta

id r g

typography scale

material

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

hierarchy

accordion panels

page

.11

inspiration

Research: Experimental Typography Style pinterest.com graphicfetish.com idnworld.com/books

directional form

grid structure

material

bold numbers

[schematic]

aggressive & dirty

page

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

.12

[schematic] layout design

inspiration

typography scale

grid structure

hierarchy

flow

Research: Experimental Layouts and Typography smashingmagazine.com behance.net withrelish.co.uk

vibrant colors page

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

.13

[schematic]

visual

Research: Booklet and Panel Design blog.inkd.com a.parsons.edu clouddump.com

aesthetics

ity

typography scale

grid structure Jamie Turpin . Wood + Chipboard Design . Portfolio Design

form + space

rhythm

inspiration

page

.14

[schematic] inspiration

inventive

rhythm

flow

unity

Research: Type on Booklet and Panel Design stylehive.com fiveprime.org portfolios.aiga.org

typography scale

hierarchy

rounded corners Jamie Turpin . Wood + Chipboard Design . Portfolio Design

visual aesthetics

grid structure

page

.15

[schematic] inspiration

grid structure

arrows to provide focal direction

Research: Type on Booklet + Panel Design ilovetypography.com grainedit.com designsponge.com

unity

positive + negative form

hierarchy

rhythm

visual aesthetics

rounded corners

material

typography scale

static flow page

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

.16

[schematic] inspiration

Research: Type on Texture Ideas ohsobeautifulpaper.com etsy.com vi.sualize.co

economical easy to work with

small format enhances the presence

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

rounded corners

texture

how does it feel?

smooth

aesthetics

line, mass + texture

rustic

visual

adds fabulous dimension

structural page

.17

[schematic] thumbnails

Design Intent

Throughout my sketchbook concepts, Iâ&#x20AC;&#x2122;ve organized different experimental panel designs to exploit Helen Armstrongâ&#x20AC;&#x2122;s article. My thoughts range in different illustration forms by utilizing rhythm, unity, space, structure, texture, and typography legibility.

page

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

.18

[schematic] thumbnails

page

.19

[schematic] thumbnails

page

.20

[schematic] thumbnails

page

.21

[schematic]

These are New Package Design Thumbnails Thoughts?

thumbnails

page

.xx

[design] define concepts

CONCEPT 1 The design intent behind the fandeck design is to exemplify a fun, playful, interactive design for the target audience. The overall aesthetics for the design is to have a vintage modern feel to the panels with the utilization of mode colors and selected typeface to help support the article, â&#x20AC;&#x153;Graphic Design Theory?â&#x20AC;? The panels will be printed on quarter inch thick chipboard.

485C 297C 604C

page

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

.22

[design] define concepts

CONCEPT 2 Structure, Detail and Navigation The design intent for this design piece is to exemplify an architectural modern feel to the uniform booklet design panels. The thought behind this is to keep the balance between architectural and graphic design since graphic design was influenced by the architectural process. The exterior panel exemplifies dividing the space which creates a structure, that unifies disparate elements in the composition. This design speaks an ecstatic unity with the explorative approach and balance of the eco- friendly materials. The interaction of positive and negative, rhythm of the hierarchy, and utilization of simplicity materials drives a dynamic composition of type and image in this booklet design. The alignments between elements help create directional movement through the elements in the format.

485C

424C Black 6C 485C 7459C

page

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

.23

[design] define concepts

CONCEPT 3

The idea behind the designer blocks is to provide an interaction and display piece for the target audience and to exploit how â&#x20AC;&#x153;Graphic Design Theory?â&#x20AC;? is always changing to keep up with time. The vibrant colored blocks have a modern personality with a twist of vintage flair due to the balance of typeface and grid placement on each panel.

page

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

.24

[design] define concepts

CONCEPT 4 oncept 2

The design intent is to exploit a linear quality with printed type and contrast its horizontal and diagonal flatness. The vertical format is expressed viscerally by the upward thrust of the format. The simplicity of materials, Modern Sans typeface and minimal use of color balance the overall aesthetics. This design is very explorative with materials as well as with design elements.

page

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

.25

[design] define concepts

CONCEPT 5

The coaster panel design intent illustrated is to voice a diverse piece that serves as a self expression piece which also can be utilized as a functional piece for everyday use. The simplistic layout design is balanced successfully with visual hierarchy and grid structure.

page

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

.26

[design] define concepts

CONCEPT 6 oncept 2

The design thought is to create a uniform composition that one could exemplify on their inspiration wall at home. The overall design exemplifies a rhythmic grid that balances visual hierarchy formation due to the selected typeface.

CONCEPT 7

The idea behind this creation is to interact form and space. The simplistic design layout and grid structure achieve an abstract form while exemplifying hierarchy and rhythm in a successful manner.

page

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

.27

[design] define concepts

CONCEPT 8

The folding panel design intention was to create an interaction piece that folds out and exploits an entirely different experience than when folded up. When the creation is in the open view, the typography accelerates a nice balance with the flow of the grid structure which results in a positive and negative relationship.

CONCEPT 9 The design intent on the diverse fan deck, coasters, and panel system is to create a 3 in 1 aspect for the end user. The simplistic utilization of the balanced grid and dominant typeface create a solid, uniform package.

page

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

.28

[design] define concepts

CONCEPT 10

The idea on this unique panel design is to create a product that speaks to the end user to the extent of the different characteristics the form exemplifies.The modern design personality speaks successful use of hierarchy, balance and unity that exploits the article to its fullest.

page

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

.29

[design] define concepts

Will post Package Design Concept Monday Night.

page

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

.xx

[design] color studies

grid structure

PANTONE

186

rhythm

Geometric in Shape, Organic, and Raw

arrows to provide focal direction

hierarchy

visual aesthetics

flow page

.30

[design]

Geometric in Shape, Organic, and Raw

visual aesthetics

repetition

directional

consistency

color studies

hierarchy

unity

grid structure

consistency page

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

.31

[design] grid structure

color studies

unity

hierarchy

visual aesthetics Geometric in Shape, Organic, and Raw

rhythm

balance page

.32

[design] color studies

Geometric in Shape, Organic, and Raw

balance

grid structure

visual aesthetics

unity

hierarchy

rhythm

typography scale page

.33

[design] type studies

Thought Process

The accordion design will be at a superior level due to the formity and balance of Sans and Slab Serif. They allow the typography to create an abstract feel and expressive meaning that articulates the linear flow of the article, “Graphic Design Theory?” and its spatial relationship.

Univers Lt Std

[Realist Sans Serif]

Century Gothic

[Sans Serif]

Regular/14pt

45 Light/14pt

Courier New

[Slab Serif]

Regular/13pt

The quick brown fox jumps over the lazy dog

75 Black /15pt

Italic/14pt

Italic/13pt

THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG

The quick brown fox jumps over the lazy dog

57 Condensed /19pt

Bold/14pt

Bold/13pt

11/13 Designer: Adrian Frutiger The design is a neo-grotesque, similar to its contemporary, Helvetica. Linotype also has adopted this numerical system for many other faces. The family has the advantage of having a variety of weights and styles, which, even when combined, give an impression of steadiness and homogeneity. Their legibility lends itself to a large variety of apps, from text and headlines to packaging and signage.

11/13 Designer: Sol Hess Century Gothic is based on Monotype 20th Century, which was drawn by Sol Hess between 1936 and 1947. Century Gothic maintains the basic design of 20th Century but has an enlarged x-height. The design is influenced by the geometric style sans serif faces which were popular during the 1920s and 30s. The Century Gothic font family is useful for headlines and general display work and for small quantities of text, particularly in advertising.

11/13 Designer: Vincent Connare Comic Sans was originally designed for Microsoft® Corp. based on lettering from comic magazines. It has a friendly, casual appearance and is extremely readable on screen at small and large sizes. The new weights and features were developed by Terrance Weinzierl.

Din 1451

Helvetica

Rockwell

The quick brown fox jumps over the lazy dog

[Realist Sans Serif]

Engschrift /18pt

The quick brown fox jumps over the lazy dog THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG Mittleschrift /18pt

The quick brown fox jumps over the lazy dog 11/13 Designer: Linotype Staff The letters DIN refer to the Deutsche Industrie-Norm, the German Industrial Standard; among their many uses, these typefaces are seen on most road signs and license plates in what was formerly West Germany. One of the primary criteria for the DIN Schriften design was a facility for reproduction. There are four geometric sans serif typefaces, of roughly the same weight but of various widths, from quite round to condensed. Use DIN Schriften for signage, posters, and display work that emanates a neo-1990s look.

THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG

[Neo-Grotesque Sans Serif]

The quick brown fox jumps over the lazy dog

THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG

[Slab Serif]

Roman/14pt

Bold/14pt

The quick brown fox jumps over the lazy dog

THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG

Condensed /14pt

Regular/14pt

The quick brown fox jumps over the lazy dog

Bold /13pt

Italic/14pt

THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG

The quick brown fox jumps over the lazy dog

11/13 Designer: Max Miedinger with Eduard Hoffmann The design is based on the grotesques of the late 19th Century, but new refinements put it in the sans serif sub-category of neo grotesque. Shortly after its introduction, the Stempel foundry purchased the original Helvetica typeface and developed a full series of weights. Helvetica is an all-purpose type design that can deliver practically any message clearly and efficiently. The condensed Helvetica designs are excellent for display applications such as newspaper or newsletter headlines, billboards, and advertising.

11/13 The Monotype Corporation produced its version of Rockwell in 1934; unfortunately, some of the literature erroneously referred to it as Stymie Bold, thereby creating confusion that still exists today. Rockwell is a geometric slab serif design, a strong display face for headlines and posters; it is also legible in short text blocks.

page

.34

[design]

material + texture studies

Thought Process

I am exploring different utilizations of raw, natural materials such as wood veneer, chipboard, old newspaper press sheets, transparency materials and metal connection pieces to create structure, which unifies a dynamic composition of the type and image integration.

Chipboard

Mohawk Paper

Matte Board

Wood Veneer

Kraft Paper

French Paper

Acrylic

Printing Press Sheets

Screw Posts

page

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

.35

[design] feedback

The Direction

I received great insights and direction from my peers in GRDS 709-OL. I utilize their feedback to the fullest extent and allowed it to benefit me in the digital design development phase.

Dyan Gulovsen states:

2/12/11 3:59 pm “I like concept 1. I like the unfolding of it like those old yardsticks. You certainly have a lot of ideas about assembling this. I need to look a little more outside the box.”

Denise Gross states: 2/12/11 9:37 pm “Jamie, you have so many good concepts its hard to choose. I think actually my favorite is 2. I know it is simple as far as “booklet” goes but I think it would allow you to really push the typography really far experimentally. I also think A and B would do the same. Many of the others are super creative booklet wise but I wonder about the actual typography.” Jennifer Oliver states:

2/16/11 12:16 pm “Hi Jamie--I think your process book is looking really good! I am drawn to concept ‘C’, especially with the grid layout on p 20. I think the grid on these pages could work well to connect the parts of the article, especially when the piece was fanned-out. Nice work!”

Tiffany Cullen states:

2/16/11 12:16 pm “All of your concepts are very inspiring and aesthetically pleasing. I like the booklet options for concept 2 and concept 4. all of them are really good. You’ve definitely put a lot of thought into the booklet design.”

Marvin Eans states:

2/14/11 9:18 pm “Great directions Jamie, I think concepts 1 and 4 are the ones that I am drawn to the most. The book structures are very creative and I feel you can really pull of something dynamic when you integrate the typography treatments.”

Denise Gross states:

2/16/11 2:00 pm “You have some excellent research on experimental typography and layout. Thanks so much for that because it helps all of us. **I think your article is challenging to work with. I am not clear of the overall theme you are working with. Is it mainly the network and collaboration theme? If it is, will the piece ask the viewer to collaborate with it? What I mean is, will the piece make me turn it over, move it around etc.? Or is the theme more about how one becomes a designer? Or is it about technology? Sorry for so many questions, I am just trying to see if there is an overall theme you are working with or maybe you are just going to highlight the parts of the article on pg 4. You have so many great concepts. I like the grid on pg 20 (concept C) and I love that concept C is making me interact with it. It is very dynamic and has interesting shapes to look at. It is sort of blend between an organic feel and a geometric feel.”

Mary Leiser states: 2/16/11 2:00 pm “For your fan deck would you print on both sides of the card or just one? If you do print on both what will be some of the visual clues that will take the person through the book so they read the article in the right way? This is something I’m thinking about in terms of my own so I thought I would put it out there. Your process book is thorough as it always is. I enjoy reading it and seeing all of the visual examples that you have pulled. Nicely done.”

Professor Merrick Henry states:

2/18/11 8:43 pm “There’s definitely a rich alignment and placement within the shape of the design for concept 4. As Mary indicated, the concept must be felt when looking at the artifact and the reverse side of the design might become very interesting or as as support area for more content. I honestly believe that this project can be build and executed without any evidences of photography.”

page

.36

[construct] digital development

Concept 1.Design Intent

PANEL DESIGN

Primary Type: Univers Lt Std Odd Number Panel Design: 01 â&#x20AC;&#x201C; 07

Strathmore Pure Cotton

Graphic design has often looked to architecture as an intellectual model. We long infuse our work with the same kind of theoretical knowledge and the same kind of broad ranging, legendary critique. But we are not architects. We are graphic designers. Our role is less defined. We cross between print

and web, 2-D and 3-D. Our work is easier to produce & ephemeral.

Fluidity coupled with discipline wide pragmatic streak, makes it difficult to establish a defined

body of graphic design theory.

1/4" Screw Post Placement

GRAPHIC GRAPHIC DESIGN DESIGN THEORY THEORY Kraft Paper 100 lb C

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

Primary Type: Univers Lt Std Even Number Panel Design: 02 â&#x20AC;&#x201C; 08

d ke loo al en tu ec oft ork tell as n h an in ur w cal ti o sig de re as fuse ore of e ic ph f th kind e. ctu g in u Gra rchite e lon ind o me tiq a W me k e sa ry cri are to el. th a a d s d We less nd mo the e an ge ects. is h le t g it , hit w role prin led ing ow rang ot arc Our een n rk k . n d tw wo l. ad re ers ke bro we a sign ss be . Our mera loo al e e t en tu Bu hic d e cro d 3-D eph ne ec oft ll rk s n p W & ipli ha inte r wo al gra ned. 2-D a uce isc kes c u d ign s an d ti , o fi s a de web pro with k, ma ned se de ore of to fi d d a hic cture g infu f the ind r e n e le p . d a k tr p sie ry. ue Gra rchite e lon ind o me ea y cou atic s lish a eo tiq k is a sa cri are n th to tab idit l. W ame the gm e ary de s Flu e pra to es desig d nd ts. W less mo the e an ge ic h wid ficult g ph , le hitec role is rint if wit led gra ing p it d y of ow rang ot arc Our een kn . ork l. d n d o rs tw w a re b e bro we a sign ss be . Our mera e e t Bu hic d e cro d 3-D eph ne li n p W & cip s gra ned. 2-D a uce dis ke d , fi de web pro with k, ma ned fi d d a r to de ry. an sie ouple c stre a a o e e lish y c mati is n th tab idit g Flu e pra to es desig ic wid ficult ph if gra it d y of d bo

GRAPHIC GRAPHIC DESIGN DESIGN THEORY THEORY Mohawk

PANEL DESIGN

Fro n

d ke loo al en tu ec oft as intell work l r a nh n ou retic sig as a se de o of hic cture g infu f the ind p . k ue Gra rchite e lon ind o me tiq k a sa cri are to l. W ame the e ary de s d nd ts. W less e mo the e an c is h leg dg g, rchite role print wit le in r u n ow rang ot a rk ee kn .O n d tw wo l. ad re ers ke bro we a sign ss be . Our mera loo al e e t en tu Bu hic d e cro d 3-D eph ne ec oft li n p W & ork tell as cip s gra ned. 2-D a uce n h an in ur w cal dis ke d , o fi sig reti of de web pro with k, ma ned de re as fuse o e ic fi d r to pled trea ph f th kind e. ctu de ry. an g in sie u Gra rchite e lon ind o me ea y cou atic s lish a eo tiq k is a sa cri are n th to tab idit l. W ame the gm e ary de s Flu e pra to es desig d nd ts. W less mo the e an ge ic h wid ficult g ph , le hitec role is rint wit led ing p dif of gra it ow rang ot arc Our een n rk k . dy n tw wo l. ad re bo ers bro we a sign ss be . Our mera e e t Bu hic d e cro d 3-D eph ne li n p W & cip s gra ned. 2-D a uce dis ke d , fi de web pro with k, ma ned to fi d d a r e n e d a tr ple sie ry. ea y cou atic s lish a eo is n th tab idit gm Flu e pra to es desig ic wid ficult ph if gra it d y of d o b

G GR AP D DER A HIC SE PH I T G Ba THHS N ck E Pa I IC G RYOGN GR nel De OE sig AP RY D DER A HIC n S E P T THHIGS NI H EOE IC RYOGN RY

Pa G GR nel De sig AP D DER A HIC n SE IGSPH T THH NI EOE G IC G R GR Y O N AP R D DER A HIC Y SE PH I T G THHS NI EOE IC RYOGN RY

Below are three different views of the grid + layout structure for the fandeck panel design. There will be a total of 9 panels including the front/cover panel. The layout integrates visual forms that enhance hierarchy and clarity navigation through type. Overall, the rhythmic panel design creates a playful, interactive piece for the target audience.

Outer Front Panel

Display Type: Univers Lt Std Radius Edges: Pure, Finish Look

2.5"

page

.37

[construct]

GR G G G RA R R AG A A P P P P GR GR H H G G H H G RA R I I R R C C C AIP A I A PC P P P P H HIIC HIIC H C C Temp mplat Te Te lateefor mp forDe lat mp TeTe Desig forDe mp signn eefor Desig latlat e for n Desigsig nn

digital development

Texts abo TexTex ts aboutut gra abo ts ts phic des gra abo fall TexTex gra ts utut und fall phiphi c design abo gra ign fall erdiff und phi ut diff des und er gra cc ere ign des und phi nt diff “the fallfall ign cere cat erer ere des nt und diff “the ory egories cat ign “the er cat ory ego Somnt diff ory “the .”.”ere ego ere Som eana .” ana ory riesries ego ntent Som the “the e cat .”ory cat lyze ries Som the ory ego ana lyze that pro the .” ory e ries Som ana ces ory thatha s lyze propro e t ces ory oflyze ana ces abo thethe ma tha pro of s ofslyze ory t t . Thin utBau abo ces Bau tha abo pro mama s of king t king ces hau king ut ut abo ma . Think k Bau shau s exp . Thin king ofhau utme abo ma Bau s . Thin erim exp tho king s me ut hau exp dolsogi k ks, as meBau .erim Thin erim exp thotho hau dol ks,ent eserim entent dol s, as s ogi tho tha exp ogi um meme ent dol t fall erim tha es es bre tho s, ogi tha asaser t fall und ent llaesof dol umum bre t tha fall s, ogi bre und lla um as Inte a t es und of fall er rnaund tha Inte Typ umbrebre llalla tioner Inte trna a a rna fall ofof ogr Typ aler tion Inte und a lla aph Typ del ogr tion of rna ogr icStyl aph so Inte aleral adel tion Styl aph del ogr ic so rna e, al con TypTyp ic aph so and del tion Styl ogr tem con ic por so nge al and e, e, arra aph con Style, del tem and arra icpor tem ary con so por and arra Styl nge exp tem e,ary nge lab arra con ary lora and exp por ele nge tem lab exp tion lora arra das lab ele por asexp lora s the tion nge ele dary “de ary tion lora s the sign exp “de s the tion lablab dd “de lora sign rese asas s the eleele sign “de tion arch.” rese d as sign rese sarc arc the “de rese h.” sign h.” researcarch.” h.”

Gr Gr ap ap Gr Gr ap hic GrGr ap ap ap cDe hichiDe ap De GrGr cDe sign ap gn sign hihi sign chicDe Th Th eory Th sisi eo gn Th eo Th eoeo ryryryry

Temp mplat Te Te lateefor mp forDe lat mp TeTe Desig forDe mp signn eefor Desig latlat e for n Desigsig nn

Texts abo TexTex ts aboutut gra abo ts ts phic des gra abo fall TexTex gra ts utut und fall phiphi c design abo gra ign fall erdiff und phi ut diff des und er gra cc ere ign des und phi nt diff “the fallfall ign cere cat erer ere des nt und diff “the ory egories cat ign “the er cat ory ego Somnt diff ory “the .”.”ere ego ere Som eana .” ana ory riesries ego ntent Som the “the e cat .”ory cat lyze ries Som the ory ego ana lyze that pro the .” ory e ries Som ana ces ory thatha s lyze propro e t ces ory oflyze ana ces abo thethe ma tha pro of s ofslyze ory t t . Thin utBau abo ces Bau tha abo pro mama s of king t king ces hau king ut ut abo ma . Think k Bau shau s exp . Thin king ofhau utme abo ma Bau s . Thin erim exp tho king s me ut hau exp dolsogi k ks, as meBau .erim Thin erim exp thotho hau dol k ent eserim entent dol s, as s ogi tho tha exp ogi um meme ent dol t fall erim tha es es bre tho s, s, ogi tha asaser t fall und ent llaesof dol umum bre t tha fall s, ogi bre und lla um as Inte a t es und of fall er rnaund tha Inte Typ umbrebre llalla tioner Inte trna a a rna fall ofof ogr Typ aler tion Inte und a lla aph Typ del ogr tion of rna ogr icStyl aph so Inte aleral adel tion Styl aph del ogr ic so rna e, al con TypTyp ic aph so and del tion Styl ogr tem con ic por so nge al and e, e, arra aph con Style, del tem and arra icpor tem ary con so por and arra Styl nge exp tem e,ary nge lab arra con ary lora and exp por ele nge tem lab exp tion lora arra das lab ele por asexp lora s the tion nge ele dary “de ary tion lora s the sign exp “de s the tion lablab dd “de lora sign rese asas s the eleele sign “de tion arch.” rese d as sign rese sarc arc the “de rese h.” sign h.” researcarch.” h.”

Gr Gr ap ap Gr Gr ap hic GrGr ap ap ap cDe hichiDe ap De GrGr cDe sign ap gn sign hihi sign chicDe Th Th eory Th sisi eo gn Th eo Th eoeo ryryryry

T TT H T H EE O H EE O H O RR YY O RR YY hicDeDe Desig hic ap signn Theo Gra GrGr hic ap phi Gra sig hic Gra cdes Th nTh sig des Th phiphi eo De Gra cDe n ign eo c sig phi des has ign ryryry loo Gra eo cked nhas ign des has ofte Th phi loo ry has ign loo eo c ked ofte to des ked ry arc ofte Graphi to hite ked arc toign n nn ofte Gra has inte looloo arc ctu hite Gra tollec nre haveGra designe ked hite ofte inte arc ctu phiphi c cdes as an hav inte tua ctu tollec n re hite writ phi hav des e writ arc igners rs llec l mo inte ten tua Gra ctu cc e asas hav hite des tua l ctu llec writ rere abo del phiten mo anan infu inte eide igne l mo ten cabo .as tua utigne writ abo del We des an se llec infu rs rsir des l our delre . We ten as mo ut e writ long tohavide ide igne as infu tua se beh . We ut abo del an as Some app wo se our rsirthe l mo infu thethe ir design indutthe beh as ten . We ign our rk lonlon g to ideideas Som wo sered beh abo del with the des Som infu wo our lon e applyly out to . rk irwor indind ut beh ince ign We with und the des sered g gto e Som wo with thethe as app ir irwor ind our ince ptio lon red ign ant sam und rkrkwith the eare side the beh sinc ir wor ince des g app und the wo ptio red k ksinc kind ant sam to outout ofirthe ind side ign ptio rk ince k sinc the Somare ly ly e are ant sam und n nthe wor the side kindthe with the ory app out ofthe of e ethe con redund our disc ptio k sinc kind pro e e eince ant sam the the ir wor e side con thethe lydisc of disc ses cep the con are disc the nn our fesseion. out ore kind oryory etica ofthe ofof con con the ptio to kpro our ant sam ses cep t kno the pro side tical con the sinc fess the con ore the gra ory r F. of ses n side cep con to kind fess our etica ore t kno Also are gra ofside e ion. pro the side wle phi T. field of disc gra r T. the the t kno ion. cep Ma F. fess ory cdes Also of ore thethe l dge sam r con wle phi side T. field our des F. toto rine pro the t ion. Ma Mo l con tica wle phi field cses the kno the dge ses sam cep e r ign and fess ttioAlso of Marine oreand F. T.agy holy rine kind side Mo dge lthe samet kno to wleof phi field des dec , Also e kind ion. ign and tica László R. gragra the Mo Mo Ma holy the r F. cc thethe dge sam ign ttiottio ons dec des ofof , Lás holy lthe kind wle phi T. Ma broand field agy iotic sem the dec ,Also of truc eleg ign ons Lás csem agy sem holy dge ad ran sam kind , ,rine bro ofbro s, iotic des of ons tion, dec zlózló , Lás truc Her Moholy gen end , rine bro the iotic the agy sem ad e leg ign and s, ofary truc ttiottio R. R. sem ber ons tion kind Her der leg gin ad gen end , ran iotic dec , tion t Her Lás truc the gen agy ber ma end g, Rae ran de der gin crit leg of ad ary s, ons zlózló , , bert ,Rae t Rae nys, tion der bro ging, g, HerHerber stud gen ma iotic ary iqu end de ran truc R. R. sem ma ,ies. notary legend ad es. de der stud critcrit gin s,ny tion Bay ina gen sem t Rae stud ran arc not iquiqu g, were de crit sem , ies. ber l text er, Josef Bay not der ina gin es.es. nyny hite ary ies. stud arc iqu AsAs ter, Bay ina l text mama sem er, g,But Rae s,ofof ButBut de arc cts. crithite es. we ies. l Jos ny Bay text stud ina hite iqu we s, re But cou arc We cts. AsAs Jos sem ef des notnot l er, s, es. re ies. cts. text hite ’re we rse, cou We Mü inal text s, ofof Jos igncts. But des arc As cou re phicBayMü gra We llerb er,Mü efef ers. We des hite ign we ’re’re rse,rse, cou gra Jos rockma llerb ign s, of cou Ou ers. re des cts. gra efroc llerb ’re ers. roc r role ign Ou phiphi We gra llerb def kman,n,Kar des Ou unit ers. r role c c MüMü ’re rse,rse, Kar is Kat phi kma ine r igndef roc bet Ou unit role gra l llerb her c d. is Kat def ers. n, kma Ge ine unit ter r bet phi ine n, We roleinte Karl Ge Kather l Geurst roc her urstner, ined. d. Ou define better c ter unit and McKar ine kma is isbet r We role Coy ine We l Ge her rtm prin urstnerner def inte n,Mc d. t, unit ter Mc , Jan Too Coy Kar isrtm KatKat ine ing We ine rtm prin bet and Coy we l , Ge her rnand , , Mc , Jan Too d. prin eVaa inte ing ner and t, we ter and b,inte Vaa ine We Too Coy catego ing ursturst Jan prin ener and , des we Mc b, rn rn le lele inte 2D. , Jan Too cat ing t, t,we and &&rtm b, Coy Vaa , des ,n ,n n cat igne rtm prin rnDim rization egoriza 2D. form and ee , des and , igne Too ego Vaa 2D. ing Jan t, we igne r rec form &&2D. rn le le Dim rization nent ego tions. s.Thro des r rec and b, b, Sieg Throform Vaa Dim rese catcat igne riza & 2D. ly, , itri,Sieg ugform el, er rec itri itri nent ego

Concept 2.Design Intent

GRA P D E S HIC I THE GN ORY

Exemplified are three different views that exploit a modern + minimal aesthetic layout. The grid structure is organized with a space persona of a three ratio/portion. The type is an integral part of the composition.

Va Va Va eofof lueluof Va eof Gr Va Gr ap lulu Gr ap elueof ap cDe hichiDe ap De GrGr cDe sign ap gn sign hihi sign chicDe sisi gn

desel, Dimitriand r ya ently, ly, Ken Sieg igne el, Dim ent Sieg rKen Har recrec Ken ly,a, itriand ya el, tt ent Sieg and Har Sco ly, Har Dau el,Sco yaya and Sco tt Ken a, a, Ken lson Har Dau Sco Dau ya and lson tt tt Har lson Dau Sco . .a, . a, lson tt Dau lson . .

arc s. rese tion Throug design rese ug h Is.wor riza form Thro des tion arcarc rese des ktoug h s.I wor arc to em Ihwor Thro ignign the rese des kug hse I wor k to ign pha the arc em valu des the h Ise em k es size pha to ign valu wor pha em size of valu k to es sese size pha our of es valu bas thethe own size our ofem se edes es bas ourpha des own valu theory ofigns bas ees size own our e bas des of igns own insp thethe e rea our igns des oryory irethe bas insp own oth igns insp e ory rea and des ers the ireire oth rea insp d dand igns oth writ oryers and emo insp writ oth dd mo and writ iremo ers rearea eire re.ers d and re. ers ee re. mooth writwrit re. e mo re. Wo rking oth WoWo rkinrkin g otherer rec rkin oth pro WoWo ent boo gg er recrec oth jec rkin ter gjec propro entent jec thin book k rec oth t thin boo king ent er t thin rec jec king boo abo issu propro ent t thin king k krange ut abo es. king jec boo abo The tes. issuissu es. thin kut abo ory The king ranran The utut ory es. gege ran oryabo add issuissu can The help ge utcan can es. ory add ress help ran design The add can help the ress ge des ory ress add m.help the des can Thindes the ress ignign Fac add help m.m. Thin the Flickr, ebo Fac Thin ress k kFlic m. Fac ok, ebo kdes the Etsy, Thin ignign Flic kr, ebo Lulu Fac m.ok, k Flic Etsy ok, Thin ebo , Thre Lulu Etsy , kr,kr, the Fac Lulu k, Thre ok, , Thre Etsy Flic adl mu ebo the Lulu kr, ess , , and ltitu the adl ok,mu Etsy , adl Thre de mu ltitu the Lulu , and essess ofadl and ltitude de mu , Thre bloess hav the mu ltitu gs. adl blo of of and eapp hav de Users are app blo gs. ess hav ltitu ofroa ede gs. Use and blo e hav Use app rs are chin gs. of roa e rs blo Use roa app web chin g hav are soft gs. chin rs wa roa e app webroa g soft are withchin Use web g re as rs soft with thegexp wa are web with wa re chin soft with thethe wa ect fillin web g soft exp as as rere exp atio g the ect fillin as with in wa ect n fillin atio exp the g re in exp the ationasof g irown n ofofallall ect filling sha the own atio the irect inin con fillin ir own n of the atio pin g tenall sha con irgown in sha con nten tall pin the the own and often pin g ir sha t con all the and own g t pin ten the and own visu but shapinbut con g the t al own and guid visu ten indent own visu butgguid t and al guid anc the efrom own anc indind alal guid entent evisu ind visu form butbut pre anc ent alfrom from guid form s.anc pared indpre ee Dim form from anc s. pre ent par itri Dim form s. par e Sieg pre Dim from itri eded s.phe par Sieg form Dim cal pre Sieg ed elel itriitri s. phe par cal Dim el phe this Sieg nom eno edthis cal ls lsthis itrinom nom elnal phe eno Sieg cal nom eno ls ls con ide el nal phe this cal nal aeno ls this

HEEEEEO HH TTTTTHH ORRRRRYYY O O O YY

Tone: Legible + Interesting = Simplicity combined with Expressiveness

cept con ideeno nom tem con ide nal a tem cep placon cep tem ted nal a atem t t cep plapla con ted min ideide td. ted a tem cep min min ted t d. plapla d. min ted min d. d.

7.5"

10"

hicDeDe Desig hic ap signn Theo Gra GrGr hic ap phi Gra sig hic Gra cdes Th nTh sig des Th phiphi eo De Gra cDe n ign eo c sig phi des has ign ryryry loo Gra eo cked nhas ign des has ofte Th phi loo ry has ign loo eo c ked ofte to des ked ry arc ofte Graphi to hite ked arc toign n nn ofte Gra has inte looloo arc ctu hite Gra tollec nre haveGra designe ked hite ofte inte arc ctu phiphi c cdes as an hav inte tua ctu tollec n re hite writ phi hav des e writ arc igners rs llec l mo inte ten tua Gra ctu cc e asas hav hite des tua l ctu llec writ rere abo del phiten mo anan infu inte eide igne l mo ten cabo .as tua utigne writ abo del We des an se llec infu rs rsir des l our delre . We ten as mo ut e writ long tohavide ide igne as infu tua se beh . We ut abo del an as Some app wo se our rsirthe l mo infu thethe ir design indutthe beh as ten . We ign our rk lonlon g to ideideas Som wo sered beh abo del with the des Som infu wo our lon e applyly out to . rk irwor indind ut beh ince ign We with und the des sered g gto e Som wo with thethe as app ir irwor ind our ince ptio lon red ign ant sam und rkrkwith the eare side the beh sinc ir wor ince des g app und the wo ptio red k ksinc kind ant sam to outout ofirthe ind side ign ptio rk ince k sinc the Somare ly ly e are ant sam und n nthe wor the side kindthe with the ory app out ofthe of e ethe con redund our disc ptio k sinc kind pro e e eince ant sam the the ir wor e side con thethe lydisc of disc ses cep the con are disc the nn our fesseion. out ore kind oryory etica ofthe ofof con con the ptio to kpro our ant sam ses cep t kno the pro side tical con the sinc fess the con ore the gra ory r F. of ses n side cep con to kind fess our etica ore t kno Also are gra ofside e ion. pro the side wle phi T. field of disc gra r T. the the t kno ion. cep Ma F. fess ory cdes Also of ore thethe l dge sam r con wle phi side T. field our des F. toto rine pro the t ion. Ma Mo l con tica wle phi field cses the kno the dge ses sam cep e r ign and fess ttioAlso of Marine oreand F. T.agy holy rine kind side Mo dge lthe samet kno to wleof phi field des dec , Also e kind ion. ign and tica László R. gragra the Mo Mo Ma holy the r F. cc thethe dge sam ign ttiottio ons dec des ofof , Lás holy lthe kind wle phi T. Ma broand field agy iotic sem the dec ,Also of truc eleg ign ons Lás csem agy sem holy dge ad ran sam kind , ,rine bro ofbro s, iotic des of ons tion, dec zlózló , Lás truc Her Moholy gen end , rine bro the iotic the agy sem ad e leg ign and s, ofary truc ttiottio R. R. sem ber ons tion kind Her der leg gin ad gen end , ran iotic dec , tion t Her Lás truc the gen agy ber ma end g, Rae ran de der gin crit leg of ad ary s, ons zlózló , , bert ,Rae t Rae nys, tion der bro ging, g, HerHerber stud gen ma iotic ary iqu end de ran truc R. R. sem ma ,ies. notary legend ad es. de der stud critcrit gin s,ny tion Bay ina gen sem t Rae stud ran arc not iquiqu g, were de crit sem , ies. ber l text er, Josef Bay not der ina gin es.es. nyny hite ary ies. stud arc iqu AsAs ter, Bay ina l text mama sem er, g,But Rae s,ofof ButBut de arc cts. crithite es. we ies. l Jos ny Bay text stud ina hite iqu we s, re But cou arc We cts. AsAs Jos sem ef des notnot l er, s, es. re ies. cts. text hite ’re we rse, cou We Mü inal text s, ofof Jos igncts. But des arc As cou re phicBayMü gra We llerb er,Mü efef ers. We des hite ign we ’re’re rse,rse, cou gra Jos rockma llerb ign s, of cou Ou ers. re des cts. gra efroc llerb ’re ers. roc r role ign Ou phiphi We gra llerb def kman,n,Kar des Ou unit ers. r role c c MüMü ’re rse,rse, Kar is Kat phi kma ine r igndef roc bet Ou unit role gra l llerb her c d. is Kat def ers. n, kma Ge ine unit ter r bet phi ine n, We roleinte Karl Ge Kather l Geurst roc her urstner, ined. d. Ou define better c ter unit and McKar ine kma is isbet r We role Coy ine We l Ge her rtm prin urstnerner def inte n,Mc d. t, unit ter Mc , Jan Too Coy Kar isrtm KatKat ine ing We ine rtm prin bet and Coy we l , Ge her rnand , , Mc , Jan Too d. prin eVaa inte ing ner and t, we ter and b,inte Vaa ine We Too Coy catego ing ursturst Jan prin ener and , des we Mc b, rn rn le lele inte 2D. , Jan Too cat ing t, t,we and &&rtm b, Coy Vaa , des ,n ,n n cat igne rtm prin rnDim rization egoriza 2D. form and ee , des and , igne Too ego Vaa 2D. ing Jan t, we igne r rec form &&2D. rn le le Dim rization nent ego tions. s.Thro des r rec and b, b, Sieg Throform Vaa Dim rese catcat igne riza & 2D. ly, , itri,Sieg ugform el, er rec itri itri nent ego

GRAP HIC DESI GN THEO RY

Va Va Va eofof lueluof Va eof Gr Va Gr ap lulu Gr ap elueof ap cDe hichiDe ap De GrGr cDe sign ap gn sign hihi sign chicDe sisi gn

HEEEEEO HH TTTTTHH ORRRRRYYY O O O YY

cept con ideeno nom tem con ide nal a tem cep placon cep tem ted nal a atem t t cep plapla con ted min ideide td. ted a tem cep min min ted t d. plapla d. min ted min d. d.

GRAPHIC GRAPHIC Template for Design

Texts about graphic design fall under different categories “theory.” Some analyze that theory process of making. Think about Bauhaus experiments, as methodologies that fall under a umbrella of International del so Typographic Style, and arrange contemporary explorations the labeled as “design research.”

Graphic Design Graphic Design Theory Theory

GRAPHIC DESIGN THEORY

Graphic design has often looked to architecture as an intellectual model. We long to infuse our work with the same redundant kind of theoretical concept knowledge and the same kind of broad ranging, legendary critiques. But were not architects. We’re graphic designers. Our role is better defined. We intertmingle print, web, & 2D.

Graphic designers have written about their design ideas behind their work since the inception of the profession. Also consider F. T. Marinettio, László R. Moholyagy, Herbert Rae Bayer, Josef Müllerbrockman, Karl Geurstner, Katherine McCoy, Jane Vaan Toorn and, designer recently, Dimitri Siegel, Kenya Hara, and Scott Daulson.

THEORY Value of Graphic Design

THEORY

White Matte Board [Front Panel Design]

Mohawk Gray Carnival Vellum [Overlay]

Display Type: Century Gothic

Some apply outside theory are discourses to the field of the graphic design deconstruction, semiotics, gender de studies. As many seminal texts, of course, unit and form categorizations. Throug design research I work to emphasize these values of our own theory base designs inspire others read and write more.

Working other recent book project thinking about range issues. Theory can help design address them. Think Flickr, Etsy, Facebook, Lulu, Threadless and the multitude of blogs. Users are have approaching software as web with the expectation of all filling in their own content and shaping the own visual indent but guidance from prepared forms. Dimitri Siegel calls this

phenomenonal concept idea templated mind.

Mohawk 100 C [Typical Page Layout + Grid Structure]

Primary Type: Din 1451, Secondary Type: Century Gothic Text + Image Integration: Century Gothic + Rockwell

page

.38

theory

[construct]

th oeroy ry eeo ory th er y

theory

Concept 3.Design Intent

There are a total of 8 cubes that have a consistent rhythm, grid layout structure and typeface. The overall structure is organized with chaotic patterns. The message is legible and provides an interesting message for the end user. Each cube forms an interaction piece that expresses a modern personality with a vintage aesthetic twisted into the mix. Idea influenced by Charles + Ray Eames.

theory

digital development

Fold Tab + Glue to Adjcent Surface

8 Designer Blocks: Panel Designs

theory

2" TYP

Display + Primary Type: Rockwell, Courier New and Helvetica Print: Wood Veneer and French Paper Pop Tone

theory

Fold Tab + Glue to Adjcent Surface

2" TYP

Fold Tab + Glue to Adjcent Surface

2" TYP

theory

Fold Tab + Glue to Adjcent Surface

2" TYP

page

.39

separate “creative class.” Designers can lead this new participatory culture by developing frameworks that enable others to create; doing so, however, means allowing our once-specialized

tru eS t it ins

a Ag

We Should Encourage Collaboration + Communa

connections online experiencing personal isolation

COLLABORATION

combat that isolation with projects that foster community? Media activist Kalle Lasn has warned designers: “We have lost our plot. Our story line. We have lost our soul.” Producing work that fosters real connections may be one way of getting that soul back.

nimu t tex com we rough rts — r th pa itte le im w p r n T peo mma s, the ils, ore ma ht gra to s, e any m h. If oug log r th value ec m u e o h p it s s ign to ew gh re ring . Des n cat throu ructu gb e flue n st ritin ciplin by in a w d h t in an dis ted er se llen our deba E ord rea , d c k n the d in oc ue ya e ver iss ael R this ociet d o round an s ich elfan ip, g nd M h e our r s H fo ke xt a or a li , e h t t e ic s s au re ss ad d it een figu nd Je st dec etw ne an b a tial la li ip n ton cip the ionsh ritte ughtdis w Lup e of t f a la rs re n o le tho se of en cou ctive we ansio ib ur bet a p oss disco the e and he ex sp ic r T g ake large graph . a m e im n rs e e u h io h t t t o a c to of ic s n dis e n mu slic utio er com ntrib wid co n. ya ful nb latio u ig p des n po ig des

What’s the good of multi-touch technology if

5" TYP

Even if we don’t all understand the computer

eight eight eight

codes that run the back end of our digital age, we can comprehend the networked structure of our day and design to meet it. Avant-garde artists at the beginning of the last century, including F. T. Marinetti, László Moholy-Nagy and Aleksandr Rodchenko, were adept at activating their own networks: newspapers, magazines, lectures and written correspondence. Recently, I heard lectures by Emily Pilloton of Project H and Cameron Sinclair of Architecture for Humanity, two young designers who are creating opportunities, locally and around the world, for designers to improve basic human living conditions. The connectivity of the web is critical to their success. Efficient networks for spreading change and prosperity are already in place. We just have to grasp them..

Designers in the early 20th century rose to the challenges of their societies. We too can take on the complexities of our time, the rising millennium. Delving into our theoretical base equips us to address critical material problems in the world and our discipline.

scale: 1/2" =1”

as a template design

GRAPHIC DESI

SIX

We Should Encourage Co

THREE

F FIVE I FIVE V FIVE E FIVE

can alter history

ve sE

tic

est

66 SIX

personal isolation. How can we, as designers,

The Central Metaphor of our Current Society is the Network

has put a spin on our aesthetics

Display Type: Rockwell intermingled with T Century Schoolbook. Material: Chipboard to balance the selected to ork typeface with the geometric modern I w persona n ow rs to rch ur e sea o e f r oth a y eo e m the grid layout exploits. ir lu n p ugh the va d ins go hro n rkin e a o iz Tmphas al base ore. W me thinkcinegthe

SIX

people are experiencing a growing sense of

communicate via text instead of speech- blogs

TECHNOLOGY

ers

Alt

overall size: 45" x 7"

Creativity is no longer the sole territory of a

GOOD DESIGN

333

Vertical Form: 9 Front Panel Designs

t it

their own place in this DIY phenomenon.

TECHNOLOGY

olo

to architecture fine arts, but it is passionate smart.

s ain Ag

templated mind.” Designers are grappling with

This body of work is small compared

le gg

forms. Dmitri Siegel calls this phenomenon “the

e to the triv pite es her des and w s e y ry ic h e v o p v ra tive se ual tog rea ner vis pho obe C by esig ique ck d d o n t h, A e s u of of not novic , ate nce hold , as cre Ma ages vale olithic eously Lev u e g r n p ic n n d la crit mo ulta tic late g dia the . Sim rtis ly iso me bein e s, a s ite r and nique eviou s are Su n twa r n h ig p c io sof des ific te ries ess ross new c ula l prof c his spe ocab d a ns. T a e u t d v or ivid sio ity an and exp ind fes id hin d and d pro ost ybr wit n e of h hich m ort sa e p n e g w io im at has nlik gua ugh c u n li gy n la ,” thro ork, is nolo app mo f y w ch it o m e il w o c er se .T ab no ore sen e pow mix rtists ur r bef “re d o h mo al a seen e u g t n g vis bo cha thin us any rsibly iving ve ,g ics irre t e th s. aes les and

tru

identities—often with guidance from prepackaged

FOUR: FOUR: +

solutions. Despite our connections online, many

in their own content and shaping their own visual

+ user experience

and community fuel world-changing design

all e W te wri re mo ay tod n we tha 15 go did ars aWRITING MORE NOW ye

software and the web with the expectation of filling

has put a spin on our aesthetics

What’s the good of multi-touch technology if we don’t want to sit down together? Collaboration

seven7

seven seven

and the multitude of blogs. Users approach

SOCIAL NETWORK

We Should Encourage Collaboration + Communal Experience

connections online experiencing personal isolation

sW na ve

Think Flickr, Facebook, Etsy, Lulu, Threadless

Tec

VALUE of GRAPHIC DESIGN

Dmitri Siegel and Kenya Hara.

Lives in the Actions of its Users

COLLABORATION

We Should Encourage Collabora-

ERS van Toorn and, more recently, Jessica Helfand,

m ot tic t fa lp us rite ore ct g s tha he the and w proje an sue d ok f is eory c o o rea b e h nt g T e n . c ra re ay tod ut a abo ssion m. fe the pro s s e ddr

E cs eti

ESI

D IC

reading + writing more

TWO: TWO:

Brockman, Karl Gerstner, Katherine McCoy, Jan

Design Increasingly

Moholy-Nagy, Herbert Bayer, Josef Müller-

SIX

+ user experience

profession. Consider F. T. Marinetti, László

I s e

THREE

some, liberating to others.

behind their work since the inception of the

r nde ll u n fa me esig .” So k d ic ry in aph “theo g. Th t gr ies of akin olog bou ories sa of m thod g rna e s t ext s e nte mca m I ce t , f o s n r p te nt re ao n e e e ll f o h e c rim dif br et lyz and sign xpe e um le, ana aus e th de Sty er d“ the uh und aphic labele Ba ine hors ll r a s am tf og n x ut a p t e io h y t T ts k. A d pu rat l r x a o e lo t n tion y exp ome sa al w isu n text S ral ar v r ” u . o lt e p ch th esig al/cu e ear ind rd ric res sid so beh of isto out ign as rh ide field des wide pply ” e a to the ad a n, m o t “re o s in ctio es d u s r r m n t the any cou t. A ons tex l dis —dec ies. M such con etica r n ud t lu ig r s b s o r , de the nde ourse phic s, ge c gra tic , of s io t x sem al te ns. min atio

SIX

to become more widespread and accessible. user experienceskills That transfer of knowledge is threatening to

Graphic designers have written about the ideas

VALUE of GRAPHIC DESIGN

66 SIX

as a template design

one

VALUE of GRAPHIC DESIGN

333

F FIVE I FIVE V FIVE E FIVE

has put a spin on our aesthetics

sth Ae

to architecture fine arts, but it is passionate smart.

has put a spin on our aesthetics

TECHNOLOGY

ur rs o lte

This body of work is small compared

to ork I w wn o o rch rs t ur sea o e f the r y eo eo a hm alu spir g on v g u in e hro ing rkin e th e and ink he Wo siz s e th re. pha l ba et em etica ite mo got m t fac us r a t r o h c t w e help th roje sues nd n p a a c k d is o y f r o o o rea b e ent nge y. Th rec t a ra a tod u abo ssion . m e e f pro s th res add

A gy olo

Dmitri Siegel and Kenya Hara.

GRAPHIC DESIGN:

? It

THEORY:

s oe

hn Tec

van Toorn and, more recently, Jessica Helfand,

1 ? 1 It es Do

writing more

Brockman, Karl Gerstner, Katherine McCoy, Jan

T H E O R Y rD O rD

RY:

THEORY

Moholy-Nagy, Herbert Bayer, Josef Müller-

TECHNOLOGY

e to the triv pite es her des nd ryw oices phy a e e v v a iv se ogr eat ual ner vis hot be Cr y ig p s e e u k do , db niq toc e u e of s ld of A s note ovich t a n , nc ho ,a cre Ma ages vale olithic eously Lev u e g r p ic n n lan ted crit mo ulta istic isola ing t dia the . Sim r e m be s, a sly ite re and nique eviou s are Su twa ign pr ch ion sof des ific te ries ofess ross new la c is r u c e h a lp ab sp s. T nd ed voc ividua ort ssion ya and exp ind fe idit st hin d and d pro ybr h wit mo n e f t o or ich sa e p h n e g im atio ngua ugh w has nlik c u li gy n la ,” thro ork, is nolo app h mo f y w c it o m e co er se abil now ore. T sen e pow mix rtists bef “re our a or een nged oth m ual gs vis a b in h c th us any rsibly iving ve ,g irre tics the . s e s a les and

profession. Consider F. T. Marinetti, László

however, means allowing our once-specialized

+ user experience

behind their work since the inception of the

VALUE of GRAPHIC DESIGN

works that enable others to create; doing so,

some, liberating to others.

VALUE of GRAPHIC DESIGN

new participatory culture by developing frame-

to become more widespread and accessible. user experienceskills That transfer of knowledge is threatening to

Graphic designers have written about the ideas

r nde ll u n fa me esig .” So k d ic ry in aph “theo g. Th t gr ies of akin olog bou ories sa of m thod t g rna x e s t e e a es nte mc m I c t , f o s n r o te ent ep ere lla con diff e th perim mbre d z n ly u x ign ,a ana aus e the Style des e er d“ uh e th rs und aphic labele Ba in ll o t fa ogr tions xam uth tha l Typ ts e ork. A d put a lora tex w an l tion y exp ome s a t u l x ar ” S he vis ign te ultura por ch. t des rical/c ide ear ind or res beh f uts ns isto s o h ig a ld o r s ide de ide pply he fie ea ad” to a w n, ot “re som ses t in ctio d u r r m n t the any cou t. A ons tex l dis —dec ies. M such con etica r n tud or esig der s se, blu d the r n phic s, ge cou gra tic , of s io t x sem al te s. in tion sem oriza eg t a c

GRAPHIC GRAPHIC

RS NE SIG

This geometric creation is exploited at a superior level, exemplifying rich alignment of type that creates an integral placement within the composition.The accordion panel design provides a continuous flow to the article that expresses explorative ideas behind the experimental design. The overall feel of the piece has sort of an organic, geometric integration with a modernized twist. The abstract words and letter spaces will be manipulated to form an expressive meaning.

TWO: TWO:

Concept 4.Design Intent

FOUR: FOUR: +

VALUE of GRAPHIC DESIGN

digital development

to ked loo el. ften l mod o has ectua the ll lign ith e s t w e in d now rk hic as an wo tical k ur rap ure fuse o heore road t c e’re t b in e hite of ut w ers. ens arc g to ind .B n lon d of d me k ues desig iq a in We it s r ek yc phic the ss . sam and dar e gra e cro n e 3-D re e g W e’r edg and g, le ts. W fined. mo c gin e 2-D and h a ran rchite s d web, e it s c le a du dw not ole is and to pro ple rint r rr cou ak, Ou een p easie idity, e ed r st w efin is flu atic bet ad his ork rw l. T pragm ablish . Ou mera t y e s or e oe wid the eph line- icult t ign cip diff ic des dis s it h e p k a ma f gr yo bod

[construct]

HIC

o e oe wid the eph line- icult t ign cip diff ic des dis s it h e p k a ma f gr yo bod

7" TYP

we don’t want to sit down together? Collaboration and community fuel world-changing design solutions. Despite our connections online, many people are experiencing a growing sense of personal isolation. How can we, as designers, combat that isolation with projects that foster community? Media activist Kalle Lasn has warned designers: “We have lost our plot. Our story line. We have lost our soul.” Producing work that fosters real connections may be one way of getting that soul back.

page

.40

[construct] feedback

The final words

My peers definitely seem to favor Concept 4 due to it’s interaction, material of choice, and geometric flow. Their feedback is very valuable and is similar in context that a client would provide.

Mary Leiser states:

2/20/11 9:52 am “It looks great. The overall layout has a good flow. I can see the grid structure without being smashed in the face with it. I like how your using the numbers to carry through the piece. Even the attention to including the spelling of each number is unique. Keep that going through out. Be careful with the numbers that start on the right. Find a way to give a clue as to where the text starts from. what do you read first. Use a drop cap or a similar color or a large font to indicate that you start there. In #3 I’m not sure if I start reading all the way to the left of if I go directly below the number. #’s 5 and 7 are the only ones that you have on the angle right. As all your other numbers are straight on these are a bit out of place but if you make them similar it will help them look purposed rather than a mistake. Your #9 panel may be the weakest. There seems to be a lot of text on this panel so maybe break it up differently as you have done in your other panels. Final comment, is there a back side to this? I know it’s not necessary I seem to always want to know that. I must ask everyone. I think it has a great direction. I can see that you have studied the text and understand where it is going. Keep moving it forward towards the digital stage and I think you will have a nice piece on your hands.”

Thomas Creamer states:

2/20/11 3:58 pm “Great process book! Awesome references of experimental type, thanks. The mock up looks great too. I like the directional elements of the layout using the type, it gives a flow to the piece just as much as it does add style. The texture of the booklet and color of the type will certainly add to the overall quality of the piece. This seems like a logic size also. Whats going on the reverse side?”

Dyan Gulovsen states:

2/22/11 9:39 pm “This is looking great so far. It really helps to see the mock up; it cleans it up and visually makes more sense. I like the diagonals and different ways you have laid the text out. I feel this project doesn’t necessarily mean making the text indecipherable, just interesting and non traditional. It still needs to read as an informational booklet. I think the chip board is interesting. Good

Dena Wallace states:

Denise states:

Denise Gross states:

I think it works well and it flows well. The only thing that is a bit of a stand out to me, and it is probably just me, is the drop cap in each paragraph. I think when I see that it brings me back to the idea of a “regular” magazine layout. I wonder if there is a way to treat it that makes it more experimental? Like maybe just invert the color so it is stroked instead of filled. Please feel free to throw out that advice if you don’t agree. It is just when my eye was moving through the piece it would stop on the drop caps. Anyway, it looks great! Can’t wait to see more!”

2/22/11 3:13 pm “Wow Jamie you have progressed a lot! I love your accordion book design. I also really enjoy your use of grid structure. I can see how it will easily guide the viewer’s eye through the material. This is something I am struggling with. I want to use an unusual grid but still make it very easy for the viewer to absorb the information. This is looking great!” 2/20/11 5:15 pm “It looks really great so far. I don’t know if it needs to be readable in every aspect. I know this is a disagreement with everyone else’s comments so far but it is supposed to be “experimental” and some experimental pieces are not all legible. Experimental can mean so many things. So I think this is up to you as to how readable you want some of the panels to be. I think another aspect of “experimentation” that you could add into this, if you wanted to, would be to actually create some kind of unique forms for the numbers. I am saying to create your own numbers instead of using a font. It might add to the depth. That being said, it would probably need to be something relatively geometric if you decided to do it. Maybe it could reflect, somehow, the directionality of the grid on the corresponding page. Anyway, these are just ideas. I love it so far!”

Christopher Italiano states:

2/22/11 9:39 pm “nice process book, first off concept H (page 18). scissor fold thats a blast. it can go on and on in so many directions. the final accordion is set up nice, but some type is sketched out even, thin and organized. exploit the page numbers, make them huge, differ the copy size, weights or faces from each page as the progression travels through the booklet. i really like that it is a tall piece. would you read this and let it flow off your lap, fold it up or hang it? perhaps to spin around. i also like your rounded edges in concept 4. nice werk.”

2/27/11 10:54 am “Wow! That looks great! I can’t wait to see it put together in real life. I especially love the way you are treating the numbers. They are all so different yet there is a real rhythm to them.

Dyan Gulovsen states:

2/27/11 12:20 pm “This looks fantastic the grid structure really works. The numbers are dynamic and creative and the diagonal text is great. The colors are vibrant yet the entire piece has a very clean feel. I think clean is important as the booklet has to be functional as well as experimental. I think you have done an excellent job all that is left to do is to print and assemble.”

Marvin Eans states:

2/28/11 12:29 am “This is great work Jamie! I love the flow of your process book as well. I think your booklet displays a strong use of the type and your color options work well with the piece. I think you did a great job experimenting with the grid and your booklet has a nice balance of elements. I look forward to seeing the final product.”

Prof Merrick Henry states:

2/28/11 11:36 pm “There is a rich control over the typographic composition and color. The large letter-forms against the smaller treatment in the design is working harmoniously. The earlier design on the colored background truly gives the design a rich contrast and I hope that the readability against that is sufficient in your final output. I can not wait to see how the design turns out.”

page

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

.41

[construct] mock up

The final words

My peers definitely seem to favor Concept 4 due to itâ&#x20AC;&#x2122;s interaction, material of choice, and geometric flow. Their feedback is very valuable and is similar in context that a client would provide.

Concept 4 Material Development

Preliminary Mock up Model [everything exemplified by hand]

Mock up Model [utilized eco friendly chipboard]

Material Study [exploration with chipboard, wood veneers, and French Paper]

Mock up Models [maple wood veneer in comparison to chipboard]

page

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

.42

and the multitude of blogs. Users approach

software and the web with the expectation of filling in their own content and shaping their own visual

SOCIAL NETWORK

identities—often with guidance from prepackaged

has put a spin on our aesthetics

forms. Dmitri Siegel calls this phenomenon “the templated mind.” Designers are grappling with

+ user experience

their own place in this DIY phenomenon.

FOUR: FOUR: +

Creativity is no longer the sole territory of a separate “creative class.” Designers can lead this new participatory culture by developing frameworks that enable others to create; doing so, however, means allowing our once-specialized

st Ae

Dmitri Siegel and Kenya Hara.

solutions. Despite our connections online, many people are experiencing a growing sense of personal isolation. How can we, as designers, combat that isolation with projects that foster community? Media activist Kalle Lasn has warned designers: “We have lost our plot. Our story line. We have lost our soul.” Producing work that fosters real connections may be one way of getting that soul back.

all e W te wri re mo ay tod n we tha 15 go did ars aWRITING MORE NOW ye The Central Metaphor of our Current Society is the Network

can alter history

tru t it ins

a Ag

connections online experiencing personal isolation

COLLABORATION

We Should Encourage Collaboration + Communal Exper

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

SIX

as a template design

e o D

SIX

GRAPHIC DESIGN:

o rk t wo hI wn to arc ro e u ers s o re of oth a my lue spire n h a o v g u g in e hro ing rkin e th e and ink he Wo siz s e th re. pha l ba et em etica ite mo got m t fac us r a t r o c help s th the and w proje sue y can k d is o a f o re bo eor t e h n g T e n rec t a ra ay. tod u abo ssion . em fe h o t r p s res add

SIX

THREE

We Should Encourage Collab

333 t?

F FIVE I FIVE V FIVE E FIVE

has put a spin on our aesthetics

tic

to architecture fine arts, but it is passionate smart.

has put a spin on our aesthetics

This body of work is small compared

er und fall e ign om s S e ic d ry.” ink aph “theo g. Th r s g of ut gie kin abo gories of ma odolo as t te ex ss eth Intern a e c m c s, nt ro of em ent ep ere lla ont diff e th perim mbre dc n lyz u x , an esig ana aus e the Style d “ r e e d uh e th und aphic labele s Ba r all min uthor f g s a t o n x e A tio tha l Typ . s a put t k r r a o lo tex nd n p w a x e l io t e s a m al ext isu So ary e v sign t cultur h.” por h c t r l/ de ea ind e ica or res tor outsid beh ns of his as ly er esig ield ide ” d a wid app the f d e , a to “re om es to ion t s in c rs m nd tru the any cou t. A ons tex l dis —dec ies. M such con etica d r n stu blu sig or r , e e e e d h t nd urs phic s, ge f co o gra ic t , io xts . sem al te s in tion sem oriza g e t ca

van Toorn and, more recently, Jessica Helfand,

and community fuel world-changing design

communicate via text instead of speech- blogs

TECHNOLOGY

rs o

Brockman, Karl Gerstner, Katherine McCoy, Jan

e Alt

Moholy-Nagy, Herbert Bayer, Josef Müller-

we don’t want to sit down together? Collaboration

nimu t tex com we rough rts r— a h t e t le imp wit p r T o a en pe ils, mm hts, th ore ma gra ug o s, e any m h. If tho alue t c log r e m u v n ith spe to o ings esig enew gh re r D b . cat throu ructu ing line y influ n st writ iscip b tha nd d in a d te er se llen our deba ord rea ,E e nd inc ock ver th ed ue ya iss ael R this ociet d o round an h s n , r a ic d ip lf M e ou reg xt an sh e H r o f k o a li , h te its aut res ssic ade een nd w figu nd Je st dec t a l e e a tia la ip b ciplin n ton the ionsh is ritte ght Lup e of t ad of w thou rs of rela een ion le se cou ctive s w t ib n our ss be a pa c o x d e is p e n th s a ic rd e h he e e k p T g g a r a ima urse. ion m he la he gr at co to t e of t nic dis ns c mu utio r sli e com ntrib id . aw co by ful tion ign pula des n po ig des

GOOD DESIGN

profession. Consider F. T. Marinetti, László

VALUE of GRAPHIC DESIGN

olo

behind their work since the inception of the

e to the triv pite es her des and yw es y r ic h e v vo ap ive se ogr eat ual ner vis hot be Cr y esig ique kp b o , n toc Ad ed s u t f ich f o o e o n at nov , nce hold , as cre Ma ages vale olithic eously Lev ngu d pre ic n n it la o a r te c m ult tic la e ia is o g t im h d t r is S me bein e s, a sly ite. and nique eviou s are Su ar r ftw n h ign p c o s io s e s e t d rie ess ross new cific ula l prof his ac T spe ocab d . a s e v idu nd ort ion div and exp ofess idity a t in d hin d an pr br os wit nd e f hy ich m ort sa eo ke imp cation guag gh wh as unli gy h n li u p o is la r p , n a nolo ” th work mo ity, ech se of w T com ixabil o er . n re en ow m ists efo our s ore p “re art nb d ual hm see ange t o g vis b ch thin us any rsibly iving ve s, g irre etic h t s. aes les and

What’s the good of multi-touch technology if

consistent leading throughout

seven seven seven

TECHNOLOGY

Tec

TWO: TWO:

Graphic designers have written about the ideas

t it

balance margins

s ain Ag

Think Flickr, Facebook, Etsy, Lulu, Threadless

revise letter crop

le gg

Lives in the Actions of its Users

connections online experiencing personal isolation

tru

Design Increasingly

COLLABORATION

We Should Encourage Collaboration + Communal Experience

SIX

sW na ve

SIX

We Should Encourage Collabora-

SIX

THREE

E cs eti

333

to ork I w wn to o rch a r e u ers res of o e oth a my lue n pir ugh the va d ins go in k hro n ing r e a ink he Wo siz se e th re. pha l ba et em etica ite mo got m t fac us r a t r o c help s th the and w proje sue y can k d is o a o of or re b e t e h T en ng rec t a ra ay. tod u abo ssion . em fe h o t r p s res add

F FIVE I FIVE V FIVE E FIVE

has put a spin on our aesthetics

sth Ae

to architecture fine arts, but it is passionate smart.

has put a spin on our aesthetics

TECHNOLOGY

ur rs o lte

This body of work is small compared

+ user experience

VALUE of GRAPHIC DESIGN

Dmitri Siegel and Kenya Hara.

some, liberating to others.

VALUE of GRAPHIC DESIGN

fix the cropping

van Toorn and, more recently, Jessica Helfand,

to become more widespread and accessible. user experienceskills That transfer of knowledge is threatening to

ERS

reading + writing more

SI DE

THEORY:

IC PH

Brockman, Karl Gerstner, Katherine McCoy, Jan

r nde ll u n fa ome ig s de .” S ink hic ory h rap f “the g. T ies o ut g g kin abo gories of ma odolo as t n th s te ex s e ter a e c m f In tems, nt roc o t e p n r a e the erime con rell diff ze n mb , and p ly u x a e sig e an us tyle d “de he r th t uha unde ic S ele Ba ine hors aph s lab r all m f g t a t o tion xts ex rk. Au tha l Typ put a o lora te nd tion y exp ome al w xts a u l r e is S a v ura .” nt lt e h por ig u h c t l/c es ear ind e rd ica res tor outsid so beh f n is s ig a ld o rh ide des ide pply he fie t ea , ad” to a w “re om es to ion t s in c rs m nd tru the any cou t. A ons tex l dis —dec ies. M such con etica d r n r stu blu sig o r , e e e e d th rs nd phic s, ge cou f o gra ic , iot xts . sem al te s in tion sem oriza g e t ca

A gy olo

one

fix the rags

1 ? 1 It ?

e Do

Moholy-Nagy, Herbert Bayer, Josef Müller-

as a template design

THEORY

profession. Consider F. T. Marinetti, László

GRAPHIC DESIGN:

watch how a letter is cropped and if it makes sense with the placement

THEORY

behind their work since the inception of the

GRAPHIC GRAPHIC

t sI e Do t ? Or s I

Graphic designers have written about the ideas

VALUE of GRAPHIC DESIGN

TECHNOLOGY

e to the striv pite ere es wh and sd y e y r ve voic graph ative se o e ual ner vis hot be Cr y esig ique kp do , db n toc s u f of A s note ovich o ate ld e n , e c o a r c Ma ages len thic h usly, v a e v li L o gu o e n pre ic n n it la lta ted cr mo ic u t la e ia is o g th rt is Sim med bein e s, a sly ite. r and nique eviou s are Su twa ign pr ch ion sof des ific te ries ofess ross new la c r u c his p a T l spe ocab s. ed ua v ort ssion ivid and and exp ind ity fe hin d and d pro brid ost wit f hy ich m te an r o o s e ke imp cation guag gh wh as unli gy h n li u p o is la r p , n a nolo ” th work mo ity, ech se of w T com ixabil o er . n re en ow m ists efo our s ore p “re art nb d ual hm see ange t o g vis b ch thin us any rsibly iving ve s, g irre etic h t s. aes les and

VALUE of GRAPHIC DESIGN

That transfer of knowledge is threatening to

+ user experience hn Tec

After studying the digital design development layouts, material studies, and receiving valuable feedback from my peers in GRDS 709–OL, I revaluated my work and noted my typography errors that I need to correct before I executed the final print.

d to oke l. n lo de ofte al mo s a e u nh ect h th wlesig intell rk wit d no hic as an wo tical k p r a r ou re ore road ctu infuse e’re the b e it f e h o . tw ens Bu arc ers g to ind ign lon d of d me k es. s u e e in W sa ritiq ic d ek the ry c raph oss a r sam and d g c D. e gen We nd 3- ore e’re edg a g, le ts. W fined. m -D c gin nd e 2 a a d , ran rchite b s e ith we les a duc led w not ole is and to pro p t u o rin , r rr c k p u , ie a O ed ity as en re we k is e efin luid tic st is f a bet ad or Th ragm sh li rw l. b u a O er ep sta eory. em oe wid th eph line- icult t ign iff cip des it d dis ic s h ke ap r a g m f yo bod

RS NE SIG

Concept 4 Analysis

TWO: TWO:

mock up

skills to become more widespread and accessible. some, liberating to others.

VALUE of GRAPHIC DESIGN

[construct]

revise drop cap

+ user experience

bod

eight eight eight

balance margins

Even if we don’t all understand the computer

What’s the good of multi-touch technology if we don’t want to sit down together? Collaboration and community fuel world-changing design solutions. Despite our connections online, many people are experiencing a growing sense of personal isolation. How can we, as designers, combat that isolation with projects that foster community? Media activist Kalle Lasn has warned designers: “We have lost our plot. Our story line. We have lost our soul.” Producing work that fosters real connections may be one way of getting that soul back.

page

.43

GRAPHIC GRAPHIC

THEORY

analysis

Concept 4 Overall

It es Do It ?

one

HIC

P RA

EG AR

N SIG DE

ERS

o rD

reading + writing more

e Do

rs. e n g s. B signe lon d of d me ki que n de We sa criti phic e ki the ss . sam and dary e gra e cro 3-D re e gen W e’r edg and g, le s. W fined. mo -D ct gin nd a de ran rchite b, 2 ce a ith e ss le a dw d w produ not ple le is nt an ri r to r ro cou ak, d Ou een p easie idity, stre define is tw flu tic e a b a his ork rw l. T pragm ablish . Ou mera est ide e eory eph line-w icult to gn th cip diff ic desi dis s it h p ke ma f gra yo bod

1 1 1

d to oke l. n lo de ofte al mo has the ctu gn ltelle with ow n in work al kn sa r

desi

TWO: TWO:

phic

Grcrahitecturetoainfuse noseu theodreoticf broadut we’re

THEORY:

THEORY

TWO: TWO:

VALUE of GRAPHIC DESIGN

Graphic designers have written about the ideas

behind their work since the inception of the profession. Consider F. T. Marinetti, László Moholy-Nagy, Herbert Bayer, Josef MüllerBrockman, Karl Gerstner, Katherine McCoy, Jan van Toorn and, more recently, Jessica Helfand, Dmitri Siegel and Kenya Hara.

This body of work is small compared to architecture fine arts, but it is passionate smart.

VALUE of GRAPHIC DESIGN

333

er und fall e gn om desi .” S k phic heory . Thin s ng t gra of “t gie aki bou ories olo asa of m thod g te ext ss e tern nt ca proce nts, m of In ntem e e ere lla m iff th ri d bre d co n lyze xpe e um , an esig le ana aus e th ty “d r e uh ic S beled nde e th rs Ba ll u graph o la min t fa o ns exa . Auth put tha l Typ ratio rk xts a nd xplo me te al wo tion sa ry e So visu gn text ltural pora rch.” u the a desi rical/c ide ind or rese beh to ts s of is ou gn as rh ide field desi ide pply the ea , ad” to a w “re ion som es to ruct rs m in And y . the cou const Man text al dis s. de ie such — con d tic r n u lu ore desig r st e, b the nde urs phic s, ge of co gra iotic xts, m l te se s. ina tion sem oriza g cate

rk to wo n hI ow rs to arc ur e rese of o oth a lue spire n go in e va

m ot tic t fa lp us rite ore ct g s tha he the and w proje sue can d ook of is heory rea nt b nge T rece t a ra ay. tod u abo ssion . em fe th ro p ress add

as a template design

e Do

ugh

Tmhrophasizeathl base anodre. Workmine thinkicengthe

GRAPHIC DESIGN:

t sI

3 THREE 33

THREE

4 4 FOUR:

Design Increasingly Lives in the Actions of its Users

Think Flickr, Facebook, Etsy, Lulu, Threadless and the multitude of blogs. Users approach

software and the web with the expectation of filling in their own content and shaping their own visual

SOCIAL NETWORK

identities—often with guidance from prepackaged

has put a spin on our aesthetics

forms. Dmitri Siegel calls this phenomenon “the templated mind.” Designers are grappling with

+ user experience

their own place in this DIY phenomenon.

FOUR: FOUR: +

to become more widespread and accessible. user experienceskills That transfer of knowledge is threatening to

+ user experience

some, liberating to others.

o hn

Tec lte yA log

has put a spin on our aesthetics

sth Ae ur

has put a spin on our aesthetics

eti

st it

ain Ag

We Should Encourage Collaboration + Communal Experience

connections online experiencing personal isolation

le gg

COLLABORATION

tru

6SIX

We Should Encourage Collabora-

SIX

sW na

Eve

SIX

F FIVE I FIVE V FIVE E FIVE

TECHNOLOGY

rs o

FOUR:

TECHNOLOGY

to ve the stri ite ere desp and wh es very l voic phy tive gra a a rs e gne e visu photo e Cre y b esi u niq f stock f Ado oted b ch, u o o n ate novi nce hold y, as cre Ma ages, ev vale olithic eousl gu cL pre n d lan ltan criti mo u tic late g e ia is th rt iso Sim med in s, a ously re be re ite. and nique Su a a vi gn ftw ns pre ch desi fic te ssio oss so new ries fe la ci is bu l pro ed acr s. Th spe n voca ividua rt o io d and d ss an exp in in rofe ridity st nd with rted a and p of hyb h mo o ic s e e imp tion guag gh wh as unlik gy h n lica u n la ,” thro ork, is nolo app mo w ty ech se of com ixabili ow er .T ts n efore sen pow m ur rtis re b “re do mo en al a nge both visu ing se a ch h us anyt rsibly iving ve s, g irre hetic st . ae less and

66 SIX

What’s the good of multi-touch technology if we don’t want to sit down together? Collaboration

SIX

and community fuel world-changing design solutions. Despite our connections online, many people are experiencing a growing sense of personal isolation. How can we, as designers, combat that isolation with projects that foster

SIX

community? Media activist Kalle Lasn has warned designers: “We have lost our plot. Our story line. We have lost our soul.” Producing work that fosters real connections may be one way of getting that soul back.

seven seven seven

seven7

nimu text com we rough rts r— th pa itte ple r im Tw en peo mma ils, , th ore ma hts gra to s, e any m oug . If log ech our th value n m e gs with gh sp re to sig nbrin e. De cate throu ructu g flue n st ritin plin y in tha in w r disci ted b and r e llen ease d ou eba ord ,E e ed incr ty an ock ver th ed e issu ael R this o nd h soci ip, an nd rou r ic d lfa u M h e o reg xt an ors aH like , fo te its auth ures Jessic ecade een nd fig d etw nd ea tial last ip b ciplin na n e to sh th is ritte ughtLup e of tion fw ad f rs rela een n o le tho u o eo e co iv urs ansi ossib betw act isco ic the e and he exp sp rd ph T g ake rge ima urse. n m the la the gra atio f co s to ice o nic dis mu tion sl u r m co trib ide . con y a w b ful tion gn pula desi n po g desi

7 eight

all We te i r w re mo ay tod n we tha 15 go did ars aWRITING MORE NOW ye communicate via text instead of speech- blogs

7" TYP

back side:

Even if we don’t all understand the computer

5" TYP

can alter history

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

GOOD DESIGN

front side:

The Central Metaphor of our Current Society is the Network

eight eight eight

one

VALUE of GRAPHIC DESIGN

11 1

45" TYP

[construct]

eight eight

page

.44

eS sW

gg tru

a Ag

ins

t it

We Should Encourage Collaboration + Communal Experience

liberating to others.

THREE

GRAPHIC DESIGN:

le gg tru

tic

as a template design

7 57 s ain

t it

Design Increasingly

Lives in the Actions of its Users

We Should Encourage Collaboration + Communal Experience

Users approach software and the web with the expectation of filling in their own content

SOCIAL NETWORK and shaping own visual identities often we hat’s thetheir good of multi-touch technology The Central Metaphor of our Current Society is the Network

SIX eight SIX +eight + user experience eight has put a spin on our aesthetics user experience

scale: 1/2" = 1"

with from prepackaged forms. Dmitriand don’tguidance want to sit down together? Collaboration

user experience

COLLABORATION online experiencing personal isolation

Siegel calls fuel this worldphenomenon “the templated community changing design solutions. ven if we don’t all understand the mind.” are grappling ownare DespiteDesigners our connections online, with manytheir people computer codes that run the back end place in this DIY phenomenon. no experiencing a growing sense ofCreativity personal is isolation. of our digital age, we can comprehend longer thewe, sole of acombat separate How can asterritory designers, the“creative isolation networked structure of our day & design class.” Designers can lead this new participatory with projects that foster community? Media activist to meet it. Avant-garde artists at the very culture by developing that enable Kalle Lasn has warnedframeworks designers: “We have lost beginning of the last century, including Si others toOur create; our plot. storydoing line. so, We however, have lost means our soul.” Marinetti, László Moholy-Nagy and Alek allowing our once-specialized skills to become Producing work that fosters real connections Rodchenko, were adept at activating their more wide accessible. may be onespread way ofand getting that soulThat back.transfer own networks: newspapers, magazines, of knowledge is threatening to some, lectures and written correspondence. So liberating to others. recently, I heard lectures given by Emily

of Project H and Cameron Sinclair of the Architecture for Humanity, two young designers who are creating opportunities,

locally and around the world, for designers

to improve basic human living conditions. The connectivity of the web is critical to their success change and prosperity are already

TECHNOLOGY has put a spin on our aesthetics

seven TECHNOLOGY seven seven FIVE ll a We te FIVE wri re o m ay FIVE tod n we a th 15 go did ars a FIVE e y

7 57

in place. Efficient networks for spreading Designers in the early 20th century rose to the e to the triv ite es challenges of We too can take on the complexities of our time, the rising esptheirnsocieties. d her sd yw y a into our theoretical base equips us to address critical material ice Delving h ver millennium. o p e v l ra s tive r a g a e u o e t n r and our discipline. visproblems Cworld ho in the esig ique kp e ple obe d by ;w toc un Ad peo e h, ter of s ld of vic not ate ore If wit ,T cre nce ano es, ho ym ch. , as s n le to il e M ly ic a a a e g v re sp lith ous ic Lev ngua em hm g ctu pre wit ono gs, ugh tru ane la d rit ritin o s e lt m lo e r t c t u ic d h a ic in w ne. im the ola an nt tist dia n g r S e a r e is u a s . h e m m ein ly ipli tt rd s, ea ite s c b d m x r o e u u n c o is e e u t s S a r d t rce in y h vio sa par hniq ign twa roug and ated b this pre ion tec sof r im then des th iety ries ofess ss deb k, Elle new mma cific soc ula ts, cro a ue pr c his spe ocab our of ugh iss da sgr Ro .T o ual o e a l s n t v t h e r t id n rse e o ,a iv nd ha sio and our cou ind valu ya exp ive ship e Mic fes the gs idit act hin ual hor k and d pro ybr ver wit vis s li brin the aut h o e ed n t t r d n f s a r lf u e o eo ns mo ge, He nd ing esig ial fig g a u h io e a imp D t a t o ic im th gr ent lica any ngu nd ess gh re the ke app influ n & J n la throu xt a , fo lso unli mo as to n te se. A ade y, , is yh kes r com abilit Lup st dec etwee se log ork ma cou n o b w ix n la e n is s d h atio rem the s to ur ship now . Tec its do tion unic tion , and th e ists e u r o t la m g r o b ib r a m y re ef ne us han ont nb f co ipli nb ing ly c sig ul c isc no f e iv see ib t d io d g s h f s, ug ss. ans ver eo tho irre sthetic d le exp urs phic n le o a a c r ib e s g is er he of a pos rger d pow of t la re ce . mo the r sli tion ide ula p w o a p ign des

rs o

front panels: each 5” x 7”

Eve

ERS

GN ESI

GRAPHIC DESIGN: THEORY:

D HIC

as a template design reading + writing more

P RA

ti he

333 of knowledge is threatening to some,

communicate via and textthe instead of of speechThreadless, multitude blogs. blogs

lte

has put a spin on our aesthetics

A le

tru eS

c eti sth

in ga

st i

We S

WRITING MORE NOW We Sho

TECHNOLOGY has put a spin on our aesthetics

in place. Efficient networks for spreading Designers in the early 20th century rose to the to the rive

allowing our once-specialized skills to become Producing work that fosters real connections more wide accessible. may be onespread way ofand getting that soulThat back.transfer

A gy

to improve basic human living conditions. The connectivity of the web is critical to their success change and prosperity are already

passionate + smart.

culture by developing that enable Kalle Lasn has warnedframeworks designers: “We have lost others toOur create; our plot. storydoing line. so, We however, have lost means our soul.”

est

SIX

We Should Encourage Collabora-

locally and around the world, for designers

designers who are creating opportunities,

This body of work is small compared

longer thewe, sole of a separate How can asterritory designers, the“creative finecombat arts, but itisolation is to architecture class.” Designers can lead this new participatory with projects that foster community? Media activist

Think Flickr, Facebook, Etsy, Lulu, WRITING MORE NOW

olo

Architecture for Humanity, two young

mind.” are grappling ownare DespiteDesigners our connections online, with manytheir people place in this DIY phenomenon. no experiencing a growing sense ofCreativity personal is isolation.

has put a spin on our aesthetics

ers

of Project H and Cameron Sinclair of the

with from prepackaged forms. Dmitriand don’tguidance want to sit down together? Collaboration Siegel calls fuel this worldphenomenon “the templated community changing design solutions.

446 FOUR: 6 FOUR: 8 y

and shaping own visual identities often we hat’s thetheir good of multi-touch technology

TECHNOLOGY

Alt

online experiencing personal isolation

Tec

user experience

COLLABORATION

with from prepackaged forms. Dmitriand don’tguidance want to sit down together? Collaboration Siegel calls fuel this worldphenomenon “the templated community changing design solutions. ven if we don’t all understand the mind.” are grappling ownare DespiteDesigners our connections online, with manytheir people computer codes that run the back end place in this DIY phenomenon. no experiencing a growing sense ofCreativity personal is isolation. of our digital age, we can comprehend longer thewe, sole of acombat separate How can asterritory designers, the“creative isolation networked structure of our day & design class.” Designers can lead this new participatory with projects that foster community? Media activist to meet it. Avant-garde artists at the very culture by developing that enable Kalle Lasn has warnedframeworks designers: “We have lost beginning of the last century, including Si others toOur create; our plot. storydoing line. so, We however, have lost means our soul.” Marinetti, László Moholy-Nagy and Alek allowing our once-specialized skills to become Producing work that fosters real connections Rodchenko, were adept at activating their more wide accessible. may be onespread way ofand getting that soulThat back.transfer own networks: newspapers, magazines, of knowledge is threatening to some, lectures and written correspondence. So liberating to others. recently, I heard lectures given by Emily

the expectation of filling in their own content

TECHNOLOGY seven ? seven seven t I FIVE s l l e a We to e FIVE D wri re Or mtooday we FIVE n a th 15 go FIVE did ars a e gy

olo hn

SIX eight SIX +eight + user experience eight has put a spin on our aesthetics user experience

Users approach software and the web with

ll n fa ry.” esig “theo g. ic d f so akin aph r ie m r g s f o ut gie so teg abo olo ces t ca nal d ts o n o r x has put a spin on our aesthetics e e p r th atio iffe me to rn the rd tal trive f Inte the rary ze e n ly d e o e o un .” ana perimere srella espittemp h e c m ex wh mb s d on nd ar So us ery t u ice d c hy a rese d uha ev der l vo , an ap n ive hin Ba nersll un isuaStyle otog“rdesigreat s be ns t fa ue vphic k ph led be C idea y sig esig a h er t niq ra toc labe do the d b d” de, e ple u A g s e wid h a t e o f f s r; w e peo e e rk at Typ ce o tion old oamin s nors “r novic to a itte r e n o f wo r a in a , c Tw mo ow h. I h I lenxplor hic h ts ex sly, uthov Ma em ges me d a ils, v h o t a x u A any speescearc re toof our rs pre eonoli e teaneo ork. itic Leput t ngu nd s to , ema ith m u e t r g he s h e c w m Som ult al w cr and tic laxt. A tedurse logs ug my struvalu ritinire ot n o e e r t la ia h u w d e p th th g go Simvis ed xts rtis nte iso co ing tion nica an rou r ane th e in ins ne. kin ite. the nd mign teues, aral cously al dis ing bestruce mmu t th h ordeasiz creasand iscip.liWor e x Su ic a r u ink io s r t o e n n r de hniq cult rev ore ns a co twa c rtes mph is inbase nd d ore by e th ht ig a g e f l/ p c s he e o p y m d u l d o h a te ric ries e th ssio n s s an ewhro de im to en t tica ty arite mbategot e ace t ic r ig o t e s M t if f f a ie id n e s t ll t e c c is ula ts ro e ro s. is th r c w m ts, heo r so nd ue d oje k, Etha spe hocably ouual p hic d d actudie . Thlu am ugh t to ouead a n issok pr l Roscues e ofan v app ivid rap orte r s ns , b r d asgr o d h n e io t g a bo ae is rs c e r an ind of exp end ess urse y a alu torshipc,ent Micghe of e cohueory tive our hin field andtics g profof coybridit ual sv c o e e n th T wit . t vis ring uth a r es litka ra overday. the a. ed n d s, h ort emio s a text of ions os r d m na g b o iguabou Helfion t undes the age, sig hin f imp sationinal uagoerizatthe m t e l y a D tia ic fess grodres d im lic sem lang teg ugh an n s p e s e e o p e n a d e r r a n c ro nlik o th influ n & J p e, fous a text a s m o uch y , t h Als is u gy ha to ad elp n s com sabilit se. rk, Lup st dec h etwee ake nse olo wo ix our m e n c s m b h w n la is c re no our th Te the s to ship d its d nicatio ists ed re. ion o ion n t u t g o b f a u n art la m e , s ib re ha om by ntr nb gu line ly c of c ful co ign cip ivin see sib t dis ion des s, g less. ver ugh se of ans irre sthetic tho nd hic exp ur a p le o e r a c e sib gr is of a he pow pos rger d re of t la mo ce n. the r sli latio ide u p w a po ign des

can alter history

SOCIAL NETWORK and shaping own visual identities often we hat’s thetheir good of multi-touch technology The Central Metaphor of our Current Society is the Network

Helfand, Dmitri and Kenya Hara. Threadless, and Siegel the multitude of blogs.

+ user experience online experiencing personal isolation

GOOD DESIGN

the expectation of filling in their own content

COLLABORATION

GRAPHIC DESIGN:

t st i

in ga

hink Flickr, Facebook, Etsy, Lulu,

Users approach software and the web with

We Should Encourage Collabora-

VALUE

as a template design

A le

Lives in the Actions of its Users

Brockman, Karl Gerstner, Katherine McCoy,

Janhink vanFlickr, ToornFacebook, and, moreEtsy, recently, T Lulu,Jessica

+ GRAPHIC user experience DESIGN

Tec

t it

FIVE FIVE FIVE

EG AR

st Ae ur

TWO: TWO:

GRAPHIC DESIGN: THEORY:

as a template design reading + writing more

ins

446 FOUR: 6 FOUR: 8 SIX

Lives in the Actions of its Users

communicate via and textthe instead ofofspeechThreadless, multitude blogs. blogs

hn Tec

st i

ain Ag

FIVE FIVE FIVE

all e W te wri re mo ay tod n we tha 15 goDesign Increasingly did ars a T WRITING MORE NOW ye

7 57FIVE

has put a spin on our aesthetics

tru eS

gle

g tru

sW na

c eti sth

THREE

all e W te wri re mo ay Jamie Turpin . Wood + tChipboard od n weDesign . Portfolio Design tha 15 goDesign Increasingly did s a T

liberating to others.

TECHNOLOGY

We Should Encourage Collaboration + Communal Experience

GRAPHIC DESIGN:

rs o

s e o B

333 of knowledge is threatening to some,

7 57FIVE

has put a spin on our aesthetics

as a template design

lte

g olo

seven ? seven seven t I

TECHNOLOGY

s e o B

can alter history

THREE

TECHNOLOGY

allowing ourwork once-specialized skills to become Producing that fosters real connections more wide accessible. transfer may be onespread way ofand getting that soulThat back.

Moholy-Nagy, Herbert Bayer, of Josef Lives in the Actions itsMüller Users

FOUR: 22SIX FOUR:

TECHNOLOGY

We Should Encourage Collabora

hn Tec

fall .” ign ory des f “the g. hic o akin rap ies m r g f o t o u ies teg log abo ess al t ca odo ation roc h exts feren p t has put a spin on our aesthetics e e rn h if m t e d l t o ze er nta riveotf In theorary ly d e a n p t u ” an erim e srella pitteem ch. me exp wheurmb s decson andsear s So t y d u e e r yn r ind uha veder l voleic, an rapshig tivebeh Ba erslleun uaS y e ns n t fa visic t otodg“d Creeaas sig esig er tha iqueraph cklapbhele obtehe id byd” de e ple d e tedrea h, a wid npog stons u A r; w e peo in ork to n ate Ty ce oraf tio old oxaf m s noors “ novic itte r in do e If I w r ow Tw c mo nxplo hxts e ly, Aauth Mahem eso, me le cha. rch o ur ic ny ils, a t g s e s s v pereese turee tof o lithe te eouork. Lepvut guand to ma ma s o her e s pre h n A n h c , m n e ic g my truvalu ritinirge ot wit uh moSo ultaual w ctrsit and tic tla xt. lateodurs longs on o s e e r t e p e w trhoug aned th im x th vis edia tiscon isodisc ing ctio ica ind ins ne.rking e r S n g t n e a . e a r l h u l h u li o s n h e iz kin ite t nd smign ueslt,ura usly tica e bnestr mm xt t ordhas craesae a discreip. W hin Su noar de hnaiql/cu rehveioore ns adreco twayrceo o d byme t h te partes mp is in b d the g ig l m n f p c s u t n h t n tetoric rieside im to en et tica ty arite batet go e face s.oMa etwhro sio de ig r s s s ic r a w ie e s t h c is s cif h m Ell a de je , t eo oc d ula ut rof de ro ies isrn am hts th ourasd an sukepro ocuke, s th of n spe ocpapbly o ualapphic d asctud . Tbhlu asgr thoug s , v a ividf gr orteder e an bisoo el Riss rse ca nd y ion se e too r a f and indld o expgen escsour y a alu t rshipc,ent Micghe o e cohueor tive our e ke ran T sv c h r hin fie aniodtics prso, fof ybrsid. it ual o t g . it h y a r is t li a ea w u h n ed n d xt tv brin ovteoda d them. res ut na ort sem ns aal te e oizfatio mos ing iguabo Heslfion undses th age, sig g f r in h e io e imp l t a t o a h D ny casem ngauteg gh t fes e grdodre d im ntia essic li a o e p r n e la c p for s a t a the k ap n h rou influ n & J x , u lso unli mosuc y, th as to adheelp n te se. A s , is yh com abilit Lup st dec etwee ake ur se log ork o n o m w ix c e n b n la s is h rem ur now . Tec the s to ship d its d nicatio do th e ion ion ists e n t u r t o t g a r u o b la m f , a ib e s re han om by ntr line nb gu ly c of c ful co ign cip ivin see sib t dis ion des s, g less. ver ugh se of ans irre sthetic tho hic nd exp ur p a le o a e c r e sib gr is of a he pos rger d pow of t re la ce mo n. the r sli latio ide u p w a po ign des

passionate + smart.

culture by developing Kalle Lasn has warnedframeworks designers: that “We enable have lost others to Our create; doing our plot. story line. so, Wehowever, have lost means our soul.”

Eve

liberating to others.

This body of work is small compared

longer thewe, sole of a separate How can asterritory designers, the“creative to architecture fine combat arts, but itisolation is class.” Designers can lead this new participatory with projects that foster community? Media activist

s tic

of knowledge is threatening to some,

mind.” are grappling their ownare DespiteDesigners our connections online, with many people place in this DIY phenomenon. no experiencing a growing sense ofCreativity personal is isolation.

seven ? seven seven t I

GOOD DESIGN

333

+ user experience online experiencing personal isolation

e sth

allowing our once-specialized skills to become Producing work that fosters real connections more wide accessible. may be onespread way ofand getting that soulThat back.transfer

with from prepackaged forms. Dmitriand don’tguidance want to sit down together? Collaboration Siegel calls fuel this worldphenomenon “the templated community changing design solutions.

ll n fa ry.” esig “theo g. ic d f so akin aph r ie m r g s f o ut gie so teg l abo ces t ca dolo tiona o o r h exts feren p has put a spin on our aesthetics t a if me o rn the rd tal rive tf Inte the rary ze e n ly d e o o t a e p s un ” an erim re rella spittem ch. me exprywheumb es decon andsear s So u e t y re d ic d uha ev der l vole, angrapshign tive ehin Ba nersll un isuaS ty oto “de reaas b ns C e h d t fa v ic sig esig er tha niqueraphtocklapbele dobtehe idd byd” de e ple g , wid u A a s e e o h s t f e f r; w e peo ork oa ate Typ ce oation old oamin s nors “r novic t itte r e r in do If I w wn x o c Tw mo lenxplor hic hxts e sly, Aauth v Mahem geso, me ch. rch o ur o a ny ils, v e olit te eou rk. rs preeesea ture tof o Leput t nguand s to , ema ith ma s pre e n o s e n ic g the h c w moSom ultaual w crit and tic la uhg my struvalu ritinire o t. Alatedurse logs x o e e on r t e w p th ica Simvis ediaexts rtis ont iso isco g tion n thoug and the in ins ne.rking g o ite. the nd mign t ues,uaral c uslyical d e besintruc mmun xt tha hr rdearsize reasaend cipliW kin s e o Su t a r . io n r e c h o lt is e d ore by e thin he n r de hniql/cu reveore ns a eco twa c rtesmp is in as nd m ht ig a b g f p o c s t y m l p d a d u h teoric ries e t ssioign s so an ew de ro im to en ethtica ty arite bategot e face h r ic t M t e id s s t a ie if f c his ula ts ro de ro s. is n m Ell at , th or oc d w de c am spe ocapbly ouual pphic d actudie . Thlu r hts the our ds an sueproje ocke, s th of is k n a v ap ivid gra orteer s ns e, b d asgr thoug R u n io e to re an boo ael iss rse ca and ur ind of exp end ess urs y a alu to rshipc,ent Micghe of e cohueory tive al o sv c hin field andtics g pro, fof coybridit u e h n T o e t r g it a . is h k r r t w u a es lit a ove day the a. brin tedemio s antdexts of hions. ost v a r m o r d u n o g t e lf s ion al ge izat e m sig figu bo He n nde th ge, imp thin a r t in h De ial a sicafessio groduress ima licasem langautegough t any ent nd es ro re d ke the app n c ro influ n & J p e, fous a text a unli lso mosuch y, th as .A to adhelp een s , is yh e c p com abilit k g s e u e r L o ake ur tw td ns olo o w ix m e s e n c b s m h n la dis re now . Tec atio our th the s to ship its ists ed re o tion unic tion , and g o b u f n la m art e s ib re ha om by ntr line nb gu ly c of c ful co ign cip ivin see sib t dis ion des s, g less. ver ugh se of ans irre sthetic tho nd hic exp ur a p le o e r a c e sib gr is of a he pow pos rger d re of t la ce mo n. the r sli latio ide u p w a po ign des

DESIGN + GRAPHIC user experience

COLLABORATION

online experiencing personal isolation

This body of work is small compared

culture by developing that enable Kalle Lasn has warnedframeworks designers: “We have lost others toOur create; our plot. storydoing line. so, We however, have lost means our soul.”

and shaping own visual identities often we hat’s thetheir good of multi-touch technology

+ user experience COLLABORATION

mind.” are grappling ownare DespiteDesigners our connections online, with manytheir people place in this DIY phenomenon. no experiencing a growing sense ofCreativity personal is isolation. longer thewe, sole of acombat separate How can asterritory designers, the“creative to architecture fine arts, but itisolation is class.” Designers can lead this new participatory with projects that community? Media activist passionate + foster smart.

FOUR: 22SIX FOUR: of

VALUE

rs o

with from prepackaged forms. Dmitriand don’tguidance want to sit down together? Collaboration Siegel calls fuel this worldphenomenon “the templated community changing design solutions.

the expectation of filling in their own content

+ GRAPHIC user experience DESIGN

lte

and shaping own visual identities often we hat’s thetheir good of multi-touch technology

has put a spin on our aesthetics user experience

VALUE

FOUR: 22SIX FOUR: yA

the expectation of filling in their own content

Users approach software and the web with

Graphic designers have written about the

has put a spin on our aesthetics user experience

Helfand, Dmitri and Kenya Hara. Threadless, and Siegel the multitude of blogs.

g h iz nd kin Wo has ase a thin re. mp b the me mo to e etical got ace rite f t r w t c o a je the and s th n pro sue ead book ca to r of is eory nt ece range Th . y ar . da ta m o u t e o n ab s th sio res fes add pro us help

ideas behind their work since the inception of

SIX

a Ag

SIX

g olo

st i

VALUE of SOCIAL NETWORK W GRAPHIC DESIGN +

Janhink vanFlickr, ToornFacebook, and, moreEtsy, recently, T Lulu,Jessica

has put a spin on our aesthetics user experience

Users approach software and the web with

Brockman, Karl Gerstner, Katherine McCoy,

VALUE of SOCIAL NETWORK W GRAPHIC DESIGN +

hn Tec

ain Ag

Jan van Toorn and, more recently, Jessica hink Flickr, Facebook, Etsy, Lulu, Helfand, Dmitri Siegel and Kenya Hara. Threadless, and the multitude of blogs.

446

le gg

Brockman, Karl Gerstner, Katherine McCoy,

We Should Encourage Collaboration + Communal Experience

We Should Encourage Collabora-

Moholy-Nagy, Herbert Bayer, Josef Müller Lives in the Actions of its Users

gg tru

tru eS

446 SIX

Moholy-Nagy, Herbert Bayer, of Josef Lives in the Actions itsMüller Users

VALUE of SOCIAL NETWORK W GRAPHIC DESIGN +

ideas behind their work since the inception of

the profession. Consider F. Marinetti, László Design Increasingly

Design Increasingly the profession. Consider F. Marinetti, László

SIX

Graphic designers have written about the

GRAPHIC DESIGN FIVE

ideas behind their work since the inception of

the profession. Consider F. Marinetti, László Design Increasingly

SIG

na ve

GRAPHIC DESIGN FIVE

tic

est

ers

TWO: TWO:

Graphic designers have written about the

ERS

Alt

r ing ize nd Wo ink has ase a re. e th mp b the mo to e etical ot m face g rite t r w t o jec tha the and pro n ues a s ead book r c to of is eory nt ece range Th ar ay. . ut a tod em abo ssion s th res fe d o d r p sa u help h

GRAPHIC DESIGN: THEORY:

as a template design reading + writing more

olo

Iw wn has put aarchspin r o on e f ou ers res eo oth alu my e n ourroaesthetics v ir h p go ug the ins kin ork

GN ESI

sTECHNOLOGY ? e t I o FIVE s D e Or Do FIVE r O VALUE of FIVE D

D IC

THREE

has put a spin on our aesthetics

iz nd kin Wo has ase a thin re. mp b the me mo to e etical got ace rite f t r w t c o je tha the and pro n ues a s ead book r c to of is eory nt ece range Th ar ay. . ut a tod em abo ssion s th res fe d o d r p sa u help h

one

We Should Encourage Collaboration + Communal Experience

3 ?3 3 t I

DoTECHNOLOGY

Tec

liberating to others.

Iw wn has put a r o on chspin ear f ou rs res eo the alu my eo n v ir ourrouaesthetics h p e g go ins g e th rkin

o Iw wn has put a r o on chspin ear f ou ers res eo oth my n valu pire ourroaesthetics h e g go u ins e th rkin

GRAPHIC DESIGN FIVE

s It ? e o s FIVE D e Orr Do FIVE O FIVE VALUE of ork

one

has put a spin on our aesthetics

? sTECHNOLOGY t e I o FIVE s D e Orr Do FIVE O FIVE VALUE of O

TECHNOLOGY

Eve

of knowledge is threatening to some,

THREE

others to create; doing so, however, means

one

has put a spin on our aesthetics

culture by developing frameworks that enable

It experience est ? o D I Or es

We Should Encourage Collabora-

d oke n lo el. ofte l mod as a e h u n ect h th ig ll it s e w t de ge s in ork hic led y e a our w w r rap o u n t dar se al k itec gen infu oretic fall g le.” We rch a o t in n to s he esig rang eory cts. t ng f lo les o d f “th ite . We ind hic d o of ch ing is e kt grape kinoriesnot afr makur role nd u sam teg re s o . O gies rint a sam o b s s a p a l lo r a he t c e ce e do n na sier exts & tferenBut we proesignetho tweenatio is ea th d l m s btoe nter ork ry l. This dif s. s eof I r tw er critalyzeaphicenta roriv heora era d e n u an e gr erimWree csrtella Ds. pOituteemp hemch.” e wid e b -e p r me ar exped w.h um ds3d con e end ea lin s So au deevfeindryer t D oaicn,eand mpohry na resdeiscipind icult h u h v f d ig a l tyle angr es haativ be dif s Ba nersll un b,u2aS to d Citreeas s it ign t fa wevisic dupcheoled “lede w id ayke des of er esig tha niqueraphporo ck be pob e b ” y u og tost s la coAud e th kte, dmead bohd, a wid ate Typ ce oraf tionidoitldy,oxaf minsstrenaoors “rinneodvic o e into r c n plo fluh ts e aly tic, auth deMf ahem y.geso, me d le ic a x A s x v h a m v e lit te agou rk. hLe ut t eoura d s to o s g n r e e pre p h o li n t p n ic n laxnt. A tedurses moSom ultaual westacbrsit andsig ic t e e o th Simvis toediaext dretis ont islodlaisc ing ction ite. the nd smign taupehsic,uaral c usly a e bestru ic t r e Su n a lt r io e r e g o ignor d echnaiql/cu prethveor ions adec oftwnay t oric ies e s a w des ss ign cifichist ularutsid rofedes rosss. M is ne r s spe ocapbly o ual pphic d asctudie . Tbhlu e a s a v t p r r r id n a e g o d iv f io se, nd and indld o expgen essour y a al hin fie andtics pro, fof c ybrid. it it isu w tesdemio s antdexts of htions ost v r o g hin ion al geriza e m imp nyt castemin ngutaego gh th li a p a e la u ap onuch c , thro nlik s u m a s y is yh com abilit rk, log nse wo ix hno ur se rem now . Tec o ists ed re oth g o b f n art e s ha nb gu ly c ivin see sib s, g less. ver irre sthetic nd a e r e of a pow re mo

Do TECHNOLOGY RA

This body of work is small compared longer the sole territory of a separate “creative to architecture fine arts, but it is class.” Designers can lead this new participatory passionate + smart.

3 ?3 3 t I

Or es

ti he

place in this DIY phenomenon. Creativity is no

VALUE of allowing our once-specialized skills to become user experience GRAPHIC DESIGN more wide spread and accessible. That transfer

+ user

st Ae ur

mind.” Designers are grappling with their own

others to create; doing so, however, means

t? s I? + user experience e Do It

TWO: TWO:

FOUR: 22 FOUR:

Siegel calls this phenomenon “the templated

culture by developing frameworks that enable

with guidance from prepackaged forms. Dmitri

This body of work is small compared longer the sole territory of a separate “creative to architecture fine arts, but it is class.” Designers can lead this new participatory passionate + smart.

and shaping their own visual identities often

place in this DIY phenomenon. Creativity is no

liberating to others.

rs o

the expectation of filling in their own content

has put a spin on our aesthetics user experience

mind.” Designers are grappling with their own

of knowledge is threatening to some,

d oke n lo el. ofte l mod as a e h u ect h th ign wit tell des k in ge r ic h as led wo e r w r rap u o ary tu eo l kn end itec fus ticnafall g le.g” in rch e e r a o eoesig ngineory ts. W to gt h t n ss a h c f d r t ite g. lo is le d o hic of f “ We kingrap kindries o t arcmhakin role e nd r s f o t o e eg re nss o . Oulogie rint la t saam bou s a m a s e a p na r do ier c e tc exts & tfheren ut weepro signeetho weennatio eas if s. Be th de l m btoet ter rk isy his d seof In r twhoeorar ral. T er critalyz phicenta oiv s d n r r u an graerim ree csret lla .spOituteemp emech.” wide emb 3d-Decon enpdhear line me areexp d.hW u w s s So s e a d e t y d u e ip r r d n ean inr oaic mpohy n deisechin ifficult uha evf eder , Ba ersdlleun ,u2a-SlDtvyle atongd“rdaesig heaativ s b it digns n fa evbisic eo d witr ea hat iquew ph dkupchele polebdeheCid bayke”sdes of ider estig d e t kte, dmread ohd,ya w npogratosptnorosc lab cfoAuin u to o ateTy ce roaftio idoitldy,xoam stsrenaoors “ neodvbic cre nplo fluhts e ly a em in es, me d tic, auth eMfin valeex lithic tex muask. A hLaepvdut th egouryan.gd so to pre s nome rnaego or ic thxnt. A ed rses ntla moSo ultpaual w stactbrsitliandsig u t ic e t o e n is eia n isodlaisc th Sim e v toedtex dretisco inguctio l ite. th nd smign aupehsltic,uaral usly ica re obnestr re t Su e e a r io u r d ignor echicngaiql/c prethveo ionns daec oftwnay t tor rieside s. Ma ew ssig des s s ic e s s is e cif h ro ies isr n ulaut rof d spe ocapbly o ualapphic d asctud . Tbhlu e as v ap ividf gr ortder ionsse, nd and indld o d esxpgen ofefscsour ity a al id n tic r, o hin fie aio p it ybnrs. t visu w tesedm s alntdexts of htio s r o o g geriza e m hin ionina imp nyt castem ngauteago gh th li a p e la c u ap n h ro nlik s mosuc y, th is u gy ha , com abilit k e r lo ns wo ix hno ur se rem now . Tec o h ists ged s bot ore art bef u han c n g ly ivin see sib s, g less. ver ic e t r ir he and est er of a pow re mo

e Alt

Users approach software and the web with

VALUE of SOCIAL NETWORK GRAPHIC DESIGN +

Siegel calls this phenomenon “the templated

VALUE of allowing our once-specialized skills to become GRAPHIC DESIGN more wide spread and accessible. That transfer user experience

Threadless, and the multitude of blogs.

with guidance from prepackaged forms. Dmitri

FOUR: 22 FOUR: gy

Janhink vanFlickr, ToornFacebook, and, moreEtsy, recently, T Lulu,Jessica Helfand, Dmitri Siegel and Kenya Hara.

and shaping their own visual identities often

has put a spin on our aesthetics user experience

Brockman, Karl Gerstner, Katherine McCoy,

the expectation of filling in their own content

olo hn

THEORY

Moholy-Nagy, Herbert Bayer, of Josef Lives in the Actions itsMüller Users

Users approach software and the web with

Tec

VALUE of SOCIAL NETWORK GRAPHIC DESIGN +

ideas behind their work since the inception of

the profession. Consider F. Marinetti, László Design Increasingly

Threadless, and the multitude of blogs.

ERS

N SIG DE

TWO: TWO:

Graphic designers have written about the

Brockman, Karl Gerstner, Katherine McCoy, TH EO RY Jan van Toorn and, more recently, Jessica T hink Flickr, Facebook, Etsy, Lulu, Helfand, Dmitri Siegel and Kenya Hara.

oTECHNOLOGY D THREE r

rs o

HIC

Individual Vertical Form Front Panel Design T

Moholy-Nagy, Herbert Bayer, Josef Müller Lives in the Actions of its Users

Or es

e Alt

P RA

Iw wn ro ch ear f ou rs res eo the alu my eo v ir on h p e s ug ing e th nd in hro ing ork siz a W a ink . e h as e th ore mp b the e m l m to ot ce tica g a rite f e t r w t o jec tha the and pro n ues a s ead book r c to of is eory nt ece range Th ar ay. . ut a tod em abo ssion s th res fe d o d r p sa u help

GRAPHIC DESIGN: THEORY:

EG AR

ork

ideas behind their work since the inception of

liberating to others.

s It ? Concept 4.final designe o s D e r o Or D O VALUE of GRAPHIC GRAPHIC DESIGN GRAPHIC

as a template design reading + writing more

THREE

Or final design execution T

one

Graphic designers have written about the

the profession. Consider F. Marinetti, László Design Increasingly

3 ?3 3 t I

t? s I? + user experience e Do It

of knowledge is threatening to some,

d oke n lo el. ofte l mod s a a e u nh ect h th esig intell wit d k ge r hic as led wo y e r w r rap u o tu dar eo l kn itec g” en fus ticnafall g le in rch e e . r a y to g to f thedoesig angthineor cts.. W s n lo les o ic frf“ ite g We indaph d os o chakin ole is e kt gr e kginorie not oafr m ur rie nd s te re ess . O log rint la saam bou s a m a c a o a c pn rs d t ier exts & tfheeren ut weepro signeetho eennatio eas twer rk isy e m th dif . B his ze hicedntal sseobtfoeInt w er critasly eoorar ral. T d h t iv n p o r r p r u an graerim ree csrtella . pOituteem emech.” wide me areexp .hW eumb 3d-D ecson enpdhsear ne d s So li w s a t e d u e y d e e r ry n r iscipind ult uha evfeinder lDvoaleicn, an drampsohig h Ba ersdlleun ,u2a-S y e ehaaativsdebe diffnics b ic t cheotaodng“d w n t fa evis Citr e s it sig f er esig tha iquew aph kdupbele polebdtehe id baykde” de y ow mrea ohd, a id npogr osptonrocs la f oAudin d e , u e k t c ate Ty ce oratf tio oitldye,oxam sstrenaoors “ neodvbic into do h cre n plo fluhidts ahem eso, me eMfin tic, aut valeex litheic tex m usaly k. A hLaepvdut t egourayn.gd s to pre s nom parnaelgowor britliic thxnt. A edurses lt ua stacts and ig ntla moSo uis t e ic o t e n la c ia s n th Sim islodis inguctio e v toedetex dretisco ite. th ndesmign upehsltic,uaral usly ica re obnestr e t e Su a a io u r r l/c nor d hngaiq ethveo ns adec ftwnayr r ig p c s n tetoric ieside soMa w de ssio sig cifichis ularuts rofede rosiess. isrne spe ocpapbly o ualapphic d asctud . Tbhlu as v a ividf gr orteder n s e, dld o expgen essoiours y and and in c al hin fie aniodtics prso, fof ybrsid. it isu wit tesdem s alntdext ofahtion ost v r o g geriz e m hin ionina imp nyt castem ngautaego gh th li a p e la c u ap n h ro nlik s mosuc y, th is u gy ha , com abilit k e r lo ns wo ix hno ur se rem now . Tec o h ists ged s bot ore art bef u han c n g ly ivin see sib s, g less. ver ic e t r ir he and est er of a pow re mo

ol o hn

culture by developing frameworks that enable

others to create; doing so, however, means VALUE of allowing our once-specialized skills to become GRAPHIC DESIGN more wide spread and accessible. That transfer user experience

Tec

sue ea can ook to r of is eory nt b h ece range .T ar a day em. t o u t abo ssion s th res fe add pro us help

esign

t s I? e Do It Or es

FOUR: 22 FOUR:

C DESIGN:

] [submittal 3 ?3 3 t I d oke n lo el. ofte l mod as a h u t the ign llec ith des kw inte ge r ic s o h a led w e r w r rap u o ary tu eo l kn end itec fus ticafall g le.g” in rch e e r a o n eoesig ngineory ts. W to gt s h t n a c f lo o d f r “th ite g. is les We ind phic d o of ch kin e kt gra e kinoriesnot afr ma ur role s and m saabou samateg are ss o s. O logie print l e t c e ce er do n na sier exts & tfheren ut we pro signetho tweenatio is ea his dif . B th de l m be er rk er critaslyze phicenta ross of Int r woorary ral. T d n u an graerim e crella . Outemp hemech.” wide me areexp d. W mb d 3-Dcon e ep sear ipline u s So e t r d u e n in c d r lt uha deufnder2-D ale, an d msoign a disehin ifficu Ba , ty a n de h s b d ns ll t fa wepbhic Sduceled “ d witidea kes itesig f d o er e le e tha grato pros lab coup e th k, meaad” odya wid o p r Ty tion ity, amin trears “ ed b to do lora fluidts ex atic sutho definem in. me exp tex g m rk. A h a ut th o r y d so s to me pral wo ablisnd p n thet. An rse a est ts a sig tex So u u o vis to tex de con isc tion the ruc al d ign phicural nst etic des gral/cult eco ny eor or nd a rica ide th ig o M t s . s s his de ut die r hic ly o stu blu rap app er se, of g end our field tics g , of c . io ns xts sem al te atio in oriz sem categ h c u s

RS NE

VALUE of GRAPHIC DESIGN

O D r O VALUE of GRAPHIC GRAPHIC DESIGN GRAPHIC l st bl rap app er se, of g end our field tics g , of c io ns . xts m e e io t t s l a ina oriz sem categ h suc

TWO: TWO:

This body of work is small compared to architecture fine arts, but it is passionate + smart.

communicate via text instead of speech- blogs

page

.45

4 4 2 2 22 FOUR: FOUR: F 3 3 333 4 FIVE 3 4 5 22 I FIVE FOUR: FOUR: V F 3 4 3 4 FIVE 3 4422 2 2 6 5 6 E I FOUR: FOUR: FIVE FOUR: FOUR: F 3 3 V F 35 FIVE 3 4 3 3FIVE FIVE4 5 seven 7 2 2 I 6 6 7 E I FIVE FOUR: FOUR: V F 3 4 3 V 4 3 FIVE 44 2 6 5 seven 7 2 6 8 E I 6 6 FOUR: 7 FOUR: E FIVE FOUR: FOUR: F 333FFIVE4 V FIVE 4 5 seven 7 I 5 I 668 E 7FIVE seven 7 WO: WO:

3 3

one THREE

TWO: TWO:

final design execution

TWO: TWO:

5 5 5 5 5 5

[submittal]

GRAPHIC

one THREE

Concept 4.final design

one THREE

Vertical Form Back Panel Design

TWO: TWO:

GRAPHIC

SIX SIX

one THREE

back panels: each 5" x 7"

SIX SIX

SIX

THREE

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

SIX

THREE

SIX

THREE

eight SIX SIX eight SIX

scale: 1/2" =1"

TWO: TWO:

one THREE

SIX

eight SIX SIX eight SIX eight

page

.46

[submittal]

GRAPHIC GRAPHIC

GRAPHIC

THEORY

final design

Concept 4.final print

desi

d oke n lo del. ofte mo has ctual the lle ith inte ge rk w led wo

It es ? Do It Or es

one

IC PH

SIG DE

THEORY:

t sI

o rD

reading + writing more

e to g ngin cts. ss lon of th of ra is le hite nd We nd arc role and e ki e ki ur not t sam sam re .O prin sier e e a gners een ea & th But w desi . betw ork is l. This w crits raphic cross era ur ide g O m e . e W ew are 3-D eph ed. plin re nd ult isci defin 2-D a nd mo ad iffic a b, ith it d we uce led w f kes rod yo ma up to p bod ak, , co d re ity e st fluid defin ry. atic o gm ha the pra blis gn sta desi to e phic gra

TWO: TWO:

phic

Gararchitecttoureinfuse oourer tical knogwlegendWaery

Exemplified is the final front and back panel creations exploiting the overall form with the bleed lines. Overall dimensions are 45" x 7" The accordion booklet design will be exemplified on chipboard intertwined with wood veneer and an added POP of Eames textural paper to provide a pure exploration of materials that create a dynamic layered effect.

TWO: TWO:

VALUE of GRAPHIC DESIGN

Graphic designers have written about the ideas behind their work since the inception of the profession. Consider F. Marinetti, László Moholy-Nagy, Herbert Bayer, Josef Müller Brockman, Karl Gerstner, Katherine McCoy, Jan van Toorn and, more recently, Jessica Helfand, Dmitri Siegel and Kenya Hara.

VALUE of GRAPHIC DESIGN

This body of work is small compared to architecture fine arts, but it is passionate + smart.

VALUE of GRAPHIC DESIGN

o rD

ork n Iw ow arch our rs rese lue of othe my va ire on gh the insp king ng hrou ize and Wor thinki phas base e ore. the tm em to em tical go rit face re w ect that theo and proj es n ad ok su is y ca to re nt bo e of Theor ce ng re ra y. a . ta toda them abou sion s es es addr prof us help

333

GRAPHIC DESIGN:

t sI

as a template design

3 THREE 33

fall ry.” heo g. de f “t n hic so aki rap orie of m gies ut g teg ss l abo dolo tiona nt ca proce exts a ere etho the diff lm tern r ry ta In ze e ly en of pora h.” und lla ana perim tem bre n me arc ex o m S tu d co rese ind haus nder , an gn eh le si u b Bau e ty ll S as gns d “d t fa ide phic desi ider tha bele the w ad” ogra s la ine “re to a Typ ration o xam thors ed lo m in se u the exp som to text ork. A nd put s me .A lw nd rse a So a xt s cou nte visu ion text l co l dis the ruct a gn ra st si tic n ltu de eco ny l/cu eore or nd a rica ide th g M to his desi dies. uts hic ly o lur stu rap app er e, b of g end cours field tics g of io s. xts, tion sem al te in oriza sem categ ch su n sig

THREE

Design Increasingly Lives in the Actions of its Users

Think Flickr, Facebook, Etsy, Lulu, Threadless, and the multitude of blogs. Users approach software and the web with the expectation of filling in their own content

SOCIAL NETWORK

and shaping their own visual identities often

has put a spin on our aesthetics user experience

with guidance from prepackaged forms. Dmitri

Siegel calls this phenomenon “the templated mind.” Designers are grappling with their own

FOUR: FOUR: +

place in this DIY phenomenon. Creativity is no longer the sole territory of a separate “creative

class.” Designers can lead this new participatory culture by developing frameworks that enable others to create; doing so, however, means

user experience

allowing our once-specialized skills to become more wide spread and accessible. That transfer

+ user experience

of knowledge is threatening to some,

FOUR: FOUR: F FIVE I FIVE SIX V SIX SIX 6 E

liberating to others.

olo

has put a spin on our aesthetics

ers

Alt

Eve

gle

g tru eS

COLLABORATION

st it

ain

SIX

We Should Encourage Collaboration + Communal Experience

SIX

We Should Encourage Collabora-

SIX

online experiencing personal isolation

cs eti

esth rA

FIVE 5FIVE

TECHNOLOGY

FIVE FIVE

hat’s the good of multi-touch technology we

don’t want to sit down together? Collaboration and community fuel world- changing design solutions. Despite our connections online, many people are experiencing a growing sense of personal isolation. How can we, as designers, combat the isolation with projects that foster community? Media activist Kalle Lasn has warned designers: “We have lost our plot. Our story line. We have lost our soul.” Producing work that fosters real connections may be one way of getting that soul back.

seven seven seven

le we peop er; ore If witt ,T ym ch. to ails man spee cture g , em with ru ugh ritin logs d st ate thro in w e. an r an unic se th m de iplin ea text s or com disc incr by part ugh and this ted ro im y th en ciet mar ts, th deba k, Elle r so sue oc gram ough ou of is se el R th e to ip, an our icha e cour tive valu sh M or th gs like e ac brin auth over ed th ures ign elf e, nd l fig aH Des imag e grou entia Jessic th and fore o influ & xt , ls de on n te e. A es Lupt st deca twee ours mak be la disc ation to hip the ns d its unic tions utio e, an comm rela by ntrib iplin gn of l co si sc n tfu di nsio ough of de rse hic expa le th ou ap ib sc e gr poss rger di of th la e n. slic the latio ider aw popu gn desi

all We te i wr re mo ay tod n we tha 15 go did ars a WRITING MORE NOW ye communicate via text instead of speech- blogs

can alter history

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

GOOD DESIGN

front side:

The Central Metaphor of our Current Society is the Network

eight eight eight

Even if we don’t all understand the computer codes that run the back end of our digital age, we can comprehend networked structure of our day & design to meet it. Avant-garde artists at the very beginning of the last century, including Si Marinetti, László Moholy-Nagy and Alek Rodchenko, were adept at activating their own networks: newspapers, magazines, lectures and written correspondence. So recently, I heard lectures given by Emily of Project H and Cameron Sinclair of the Architecture for Humanity, two young designers who are creating opportunities, locally and around the world, for designers

to improve basic human living conditions. The connectivity of the web is critical to their success change and prosperity are already in place. Efficient networks for spreading Designers in the early 20th century rose to the challenges of their societies. We too can take on the complexities of our time, the rising millennium. Delving into our theoretical base equips us to address critical material problems in the world and our discipline.

5 6 seven 77 8 back side:

TECHNOLOGY has put a spin on our aesthetics

Tec to ve the stri ite ere desp and wh es very l voic phy tive rs e a gra a gne e visu photo e Cre esi u ck ob by , uniq f sto Ad ted f o te o o vich n a cre nce ano hold y, as s, sl v M uage hic vale g eou itic Le pre nolit lan ltan mo cr ted tic ia imu is the ola d g rt S me es, a y is ein ite. nd Su ousl are b re iqu vi na n s g wa pre ion soft ew desi fic tech ries ss fess n o ci ula ro e cr b his a lp sp ed as s. T voca ividua ort nd ion d a and xp ss in in and e profe dity sual ybri with vi h ed nd f st a rt o g s eo mo hin imp tion guag the nyt lica n gh ea app n la throu unlik has mo , com ability ork, is logy se w ix no sen rem now . Tech our ists re ged s both art befo chan u n g ivin see ibly s, g less. vers irre sthetic and e er of a pow re mo

one

eight eight eight

page

.47

[submittal]

WORK IN PROGRESS - WILL UPDATE IMAGES IN WEEK 7

final design

Concept 4.final images

The final compositions layered with cherry wood veneer, chipboard, and accented with Eames texture paper to create a balancing form that unifies the article.

page

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

.48

[submittal]

WORK IN PROGRESS - WILL UPDATE IMAGES IN WEEK 7

final images

page

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

.49

[submittal] final images

WORK IN PROGRESS WILL SHOW FINAL PACKAGE DESIGN IMAGES IN WEEK 7

page

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

.49

[accomplishment]

WORK IN PROGRESS - WILL UPDATE IMAGES IN WEEK 7

success

Final Words

The experimental accordion design has been my favorite explorative project while at SCAD. During my GRDS-709 course in Winter Quarter 2011, I received valuable feedback and direction for the accordion design from Professor Henry and my peers. I utilized only chipboard as the pronounced material to exploit the article “Graphic Design Theory?” I was confident with my choice of material and execution of the panel design. However, during my MA Review in the Spring Quarter 2011, the Review Board challenged me to explore different materials and to intertwine my Interior Architecture background into the mix of Graphic Design more. During the summer of 2011, I studied different materials from acrylic, to Formica plastic laminates, to wood veneer and thin metal sheets. I purchased different wood graphic paper and bought bold French colored paper too. Surely, somewhere in the mix of the materials I could create a unique composition that spoke interior architecture intertwined with graphic design. Next, I began by printing the article on the different materials. When the cherry wood successfully went through my printer, I fell in love with the printed results. The article, “Graphic Design Theory?” read beautifully on the wood veneer. I compared the wood veneer accordion to the original chipboard accordion and decided the end result needs to POP more. After running different ideas through my head for a few days, finally I thought the two accordions should be merged together to create the interior architecture intertwined with the graphic design result. Next I decided to add a POP of Neenah Eames paper to the composition. Because of Eames’ exposure in the architecture and design world, the choice was a perfect fit to connect the two more diligence. Overall, the accordion panel design exemplifies strong visual hierarchy, consistent grid rhythms and nice aesthetics throughout that support the article successfully. Having the opportunity to utilize chipboard and cherry veneer to the fullest definitely made the project speak a theoretical personality. The overall composition articulates a pleasant flow of the article while providing a great use of positive and negative space, type integration, and unity.

page

Jamie Turpin . Wood + Chipboard Design . Portfolio Design

.50