[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 “Graphic Design Theory?� 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
1
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.
2
Technology Alters our Aesthetics Even as We Struggle Against It
3
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
4
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.
5
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 ow 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 & exibility
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’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’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’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’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’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’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
ro
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
˜ ow
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
un
ity
typography scale
grid structure Jamie Turpin . Wood + Chipboard Design . Portfolio Design
form + space
rhythm
inspiration
page
.14
[schematic] inspiration
inventive
rhythm
ow
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’ve organized different experimental panel designs to exploit Helen Armstrong’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, “Graphic Design Theory?� 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 “Graphic Design Theory?� 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] 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
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
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
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
RY
Primary Type: Univers Lt Std Odd Number Panel Design: 01 – 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
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.
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
Fluidity coupled with discipline wide pragmatic streak, makes it difficult to establish a defined
body of graphic design theory.
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 – 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
8"
Fro n
S IC TH IGN EO RY
t
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
GR A DE PHI SIG C Ba T HE N ck Pa OR n e G GR lD e sig Y R AP D DES A HIC n EIGSP T THH NI H EOE IC RYOGN
Pa G GR nel De sig AP D DER A HIC n SE IGSPH T THH NI EOE G IC R GR Y O A RN DE PH Y
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]
GRAPH GRAPH IC IC 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
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. Tone: Legible + Interesting = Simplicity combined with Expressiveness
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
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
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
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 . .
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"
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.”
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
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
8"
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
[construct] digital development
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. Fold Tab + Glue to Adjcent Surface
8 Designer Blocks: Panel Designs
theory
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
2" TYP
theory
Fold Tab + Glue to Adjcent Surface
2" TYP
2" TYP
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
le t it ins
a Ag
connections online experiencing personal isolation
gg
COLLABORATION
tru eS
SIX
We Should Encourage Collaboration + Communa
as a template design
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
SIX
GRAPHIC DESI
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
We Should Encourage Co
Vertical Form: 9 Front Panel Designs
sW
VALUE of GRAPHIC DESIGN
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.
7
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
8
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”
na
to architecture fine arts, but it is passionate smart.
5
F FIVE I FIVE V FIVE E FIVE
can alter history
ve sE
tic
he
est
rA
This body of work is small compared
people are experiencing a growing sense of
The Central Metaphor of our Current Society is the Network
has put a spin on our aesthetics
has put a spin on our aesthetics
ou
Dmitri Siegel and Kenya Hara.
solutions. Despite our connections online, many
communicate via text instead of speech- blogs
TECHNOLOGY
ers
van Toorn and, more recently, Jessica Helfand,
Alt
overall size: 45" x 7"
Creativity is no longer the sole territory of a
GOOD DESIGN
gy
olo
Brockman, Karl Gerstner, Katherine McCoy, Jan
t it
their own place in this DIY phenomenon.
TECHNOLOGY
hn
Moholy-Nagy, Herbert Bayer, Josef Müller-
s ain Ag
templated mind.” Designers are grappling with
Tec
D
profession. Consider F. T. Marinetti, László
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: +
and community fuel world-changing design
B
in their own content and shaping their own visual
+ user experience
What’s the good of multi-touch technology if we don’t want to sit down together? Collaboration
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
FIVE FIVE FIVE FIVE
seven7
seven seven
and the multitude of blogs. Users approach
SOCIAL NETWORK
eS
Think Flickr, Facebook, Etsy, Lulu, Threadless
We Should Encourage Collaboration + Communal Experience
ERS
TWO: TWO:
behind their work since the inception of the
3
sW na ve
Lives in the Actions of its Users
connections online experiencing personal isolation
user experience
Graphic designers have written about the ideas
e
Design Increasingly
COLLABORATION
some, liberating to others.
VALUE of GRAPHIC DESIGN
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 S IX
to become more widespread and accessible. user experienceskills That transfer of knowledge is threatening to
VALUE of GRAPHIC DESIGN
22
SIX
THREE
sI
44
66 SIX
We Should Encourage Collabora
reading + writing more
GN
ESI
D IC
PH
RA
THEORY:
EG
Or
es
Do
one
AR
O
1
WE
rD
? It
333
oe
1 ? 1 It
s oe
?
It
E cs eti
to architecture fine arts, but it is passionate smart.
as a template design
Or
G
es Do
sth Ae
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
5
ur rs o lte
Dmitri Siegel and Kenya Hara.
t?
has put a spin on our aesthetics
A gy olo
van Toorn and, more recently, Jessica Helfand,
T
skills to become more widespread and accessible.
TECHNOLOGY
hn Tec
Brockman, Karl Gerstner, Katherine McCoy, Jan
T H E O R Y rD O 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
D
Moholy-Nagy, Herbert Bayer, Josef Müller-
GRAPHIC DESIGN:
THEORY
however, means allowing our once-specialized
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ó
T
works that enable others to create; doing so,
some, liberating to others.
behind their work since the inception of the
VALUE of GRAPHIC DESIGN
new participatory culture by developing frame-
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
writing more
22
FOUR: FOUR:
RY:
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.
RS NE SIG
Concept 4.Design Intent
DE
digital development
TWO: TWO:
[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’s interaction, material of choice, and geometric flow. Their feedback is very valuable and is similar in context that a client would provide.
1
2
4
3
Concept 4 Material Development
1
Preliminary Mock up Model [everything exemplified by hand]
2
Mock up Model [utilized eco friendly chipboard]
3
Material Study [exploration with chipboard, wood veneers, and French Paper]
4
Mock up Models [maple wood veneer in comparison to chipboard]
page
Jamie Turpin . Wood + Chipboard Design . Portfolio Design
.42
Dmitri Siegel and Kenya Hara.
Lives in the Actions of its Users
Think Flickr, Facebook, Etsy, Lulu, Threadless
connections online experiencing personal isolation
revise letter crop balance margins
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.
ERS
GN
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
some, liberating to others.
user experience
st Ae
le
gg
tru
eS t it ins
a Ag
connections online experiencing personal isolation
We Should Encourage Collaboration + Communal Exper
COLLABORATION
sW
na
ve
sE
Jamie Turpin . Wood + Chipboard Design . Portfolio Design
SIX
We Should Encourage Collab
SIX
as a template 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 GRAPHIC DESIGN:
3
B
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.
77
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
5
F FIVE I FIVE V FIVE E FIVE
has put a spin on our aesthetics
tic
VALUE of GRAPHIC DESIGN
T
has put a spin on our aesthetics
he
to architecture fine arts, but it is passionate smart.
T
ur
Dmitri Siegel and Kenya Hara.
we don’t want to sit down together? Collaboration
communicate via text instead of speech- blogs
TECHNOLOGY
rs o
van Toorn and, more recently, Jessica Helfand,
e Alt
Brockman, Karl Gerstner, Katherine McCoy, Jan
D
What’s the good of multi-touch technology if
consistent leading throughout
niimu 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
gy
Moholy-Nagy, Herbert Bayer, Josef Müller-
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
olo
profession. Consider F. T. Marinetti, László
VALUE of GRAPHIC DESIGN
22
hn
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
FIVE FIVE FIVE FIVE
seven seven seven
TECHNOLOGY
Tec
TWO: TWO:
Graphic aphic designers have written about the ideas
t it
reading + writing more
SI DE
THEORY:
IC PH
RA
EG
44
Design Increasingly
COLLABORATION
s ain Ag
oe
T
6
le gg
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
tru
O
t?
SIX S IX
We Should Encourage Collaboration + Communal Experience
THREE
sI
rD
6 SIX
We Should Encourage Collabora
333
SIX
eS
to architecture fine arts, but it is passionate smart.
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
5
sW na ve
This body of work is small compared
to become more widespread and accessible. user experienceskills That transfer of knowledge is threatening to
VALUE of GRAPHIC DESIGN
fix the cropping
van Toorn and, more recently, Jessica Helfand,
E cs eti
one
AR
Or
es
Do
1
WE
Or
e Do
Brockman, Karl Gerstner, Katherine McCoy, Jan
sth Ae
G
fix the rags
1 ? 1 It ?
t sI e Do t ? Or s I
Moholy-Nagy, Herbert Bayer, Josef Müller-
has put a spin on our aesthetics
ur rs o lte
THEORY
D
profession. Consider F. T. Marinetti, László
as a template design
THEORY
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
behind their work since the inception of the
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
GRAPHIC DESIGN:
watch how a letter is cropped and if it makes sense with the placement
some, liberating to others.
Graphic designers have written about the ideas
T
GRAPHIC GRAPHIC
revise drop cap
22
That transfer of knowledge is threatening to
A gy olo
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.
skills to become more widespread and accessible.
hn Tec
Concept 4 Analysis
RS NE SIG
mock up
TWO: TWO:
[construct]
more
f
yo
bod
8
eight eight eight
balance margins
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.
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
GRAPHIC GRAPHIC
THEORY
THEORY
THEORY
analysis
Concept 4 Overall
a
It es Do It ?
Or
s
WE
sI
one
HIC
P RA
EG AR
N SIG DE
e
ERS
o rD
t?
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
Or
O
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:
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.
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
44
my
?
rk to wo n hI ow rs to arc ur e rese of o oth a lue spire n go in e va
e
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
Or
3 THREE 33
THREE
T
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: +
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
to become more widespread and accessible. user experienceskills That transfer of knowledge is threatening to some, liberating to others.
user experience o hn
Tec lte yA log
5
has put a spin on our aesthetics
5
sth Ae ur
has put a spin on our aesthetics
cs
eti
st it
ain Ag
We Should Encourage Collaboration + Communal Experience
connections online experiencing personal isolation
le gg
COLLABORATION
tru
6SSIXIX
We Should Encourage Collabora
SIX
eS
sW na
Eve
6
SIX
F FIVE I FIVE V FIVE E FIVE
TECHNOLOGY
rs o
D
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 S IX
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
77
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
B
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
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.
7" TYP
back side:
8
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
22
VALUE of GRAPHIC DESIGN
22
11 1
45" TYP
[construct]
8
eight eight
page
.44
ERS
GN ESI
na
eS sW
gg tru
le
a Ag
ins
t it
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 of knowledge is threatening to some,
37 57
liberating to others.
5
sE
tic
na
ve
eS
sW
le gg tru
GRAPHIC DESIGN:
he
as a template design
FIVE FIVE FIVE FIVE
s ain
Ag
t it
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
W
8
E
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
7 57FIVE
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
D
rs o
scale: 1/2" = 1"
online experiencing personal isolation
with from prepackaged forms. Dmitriand don’tguidance want to sit down together? Collaboration
lte
front panels: each 5” x 7”
GRAPHIC DESIGN: THEORY:
D HIC
Eve
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.”
A gy
B
ur
Ae
5
A le
gg
tru eS
sW
na
ve
sE
c eti sth
in ga
st i
t
FIVE FIVE FIVE
WRITING MORE NOW We Sho
t
o
st i
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
as a template design reading + writing more
P RA
We Should Encourage Collaboration + Communal Experience
We Should Encourage Collabora
to improve basic human living conditions. The connectivity of the web is critical to their success change and prosperity are already
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
Design Increasingly
designers who are creating opportunities, locally and around the world, for designers
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.
T
est
rA
ou
Architecture for Humanity, two young
+
olo
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.
has put a spin on our aesthetics
ers
online experiencing personal isolation
and shaping own visual identities often we hat’s thetheir good of multi-touch technology
has put a spin on our aesthetics user experience
hn
COLLABORATION
Alt
8
SIX FOUR:
E
the expectation of filling in their own content
communicate via and textthe instead of of speechThreadless, multitude blogs. blogs
Tec
+
cs
gy
SIX
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
Users approach software and the web with
Think Flickr, Facebook, Etsy, Lulu, WRITING MORE NOW
COLLABORATION can alter history
t st i
in ga
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.
TECHNOLOGY
SIX eight SIX FOUR: eight eight GOOD DESIGN
A le
gg
the expectation of filling in their own content
Brockman, Karl Gerstner, Katherine McCoy,
Janhink vanFlickr, ToornFacebook, and, moreEtsy, recently, T Lulu,Jessica
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
GRAPHIC DESIGN:
tru eS
We Should Encourage Collaboration + Communal Experience
Users approach software and the web with
Moholy-Nagy, Herbert Bayer, of Josef Lives in the Actions itsMüller Users
4 FOUR: SIX
as a template design
sW
na
hink Flickr, Facebook, Etsy, Lulu,
communicate via and textthe instead ofofspeechThreadless, multitude blogs. blogs
ti he
t it
FIVE FIVE FIVE FIVE
W
olo hn
ins
of knowledge is threatening to some,
liberating to others.
Lives in the Actions of its Users
has put a spin on our aesthetics user experience
Tec
a Ag
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.
TECHNOLOGY
4 FOUR: SIX
EG AR
st Ae ur
le
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.”
T
WE
TWO: TWO:
GRAPHIC DESIGN: THEORY:
as a template design reading + writing more
gg tru
This body of work is small compared
longer thewe, sole of a separate How can asterritory designers, the“creative fine combat arts, but itisolation is to architecture class.” Designers can lead this new participatory with projects that foster community? Media activist
all e W te wri re mo ay tod n we tha 15 goDesign Increasingly did ars a T WRITING MORE NOW ye
hn Tec
ain Ag
Lives in the Actions of its Users
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.
Eve
gle
g tru
eS
sW na
ve
sE
c eti sth
Ae
Design Increasingly
B
ideas behind their work since the inception of
Design Increasingly the profession. Consider F. Marinetti, László
TECHNOLOGY
B
with from prepackaged forms. Dmitriand don’tguidance want to sit down together? Collaboration Siegel calls fuel this worldphenomenon “the templated community changing design solutions.
s tic
ur
T
seven seven
can alter history
GRAPHIC DESIGN:
as a template design
rs o
lte
FIVE FIVE Jamie Turpin . Wood + Chipboard Design . Portfolio Design FIVE FIVE B
W
and shaping own visual identities often we hat’s thetheir good of multi-touch technology
3 seven7 57
T
e sth
TECHNOLOGY
D
the expectation of filling in their own content
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
GOOD DESIGN
37 57
liberating to others.
T
user experience online experiencing personal isolation
Ae
of knowledge is threatening to some,
yA
g olo
D
hn Tec
T
COLLABORATION
ur
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
of
Graphic designers have written about the
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
Users approach software and the web with
rs o
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.”
online experiencing personal isolation
Helfand, Dmitri and Kenya Hara. Threadless, and Siegel the multitude of blogs.
lte
This body of work is small compared
longer thewe, sole of acombat separate How can asterritory designers, the“creative fine arts, but itisolation is to architecture class.” Designers can lead this new participatory with projects that community? Media activist passionate + foster smart.
COLLABORATION
Brockman, Karl Gerstner, Katherine McCoy,
yA
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.
eS
t
with from prepackaged forms. Dmitriand don’tguidance want to sit down together? Collaboration Siegel calls fuel this worldphenomenon “the templated community changing design solutions.
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
VALUE
T
VALUE of GRAPHIC DESIGN
Janhink vanFlickr, ToornFacebook, and, moreEtsy, recently, T Lulu,Jessica
+ GRAPHIC user experience DESIGN
ork n Iw ow ch ur ear of o thers res e y o m valu pire on h e g u th ing ins hro ing ize ork nd ink .W has ase a e th ore mp b the e m l m t a to tic go ace rite f e t r w t c o a je the and s th n pro a sue ead book r c is y to of nt eor ece range Th ar ay. m. ut a tod the abo ssion s s re fe add pro us help
has put a spin on our aesthetics user experience
SIX FOUR:
Moholy-Nagy, Herbert Bayer, of Josef Lives in the Actions itsMüller Users
FOUR: FOUR: 2SIX g olo
st i
W
and shaping own visual identities often we hat’s h at’s thetheir good of multi-touch technology
VALUE of GRAPHIC DESIGN
SIX
+
hn Tec
ain Ag
the expectation of filling in their own content
SIX
the profession. Consider F. Marinetti, László Design Increasingly
has put a spin on our aesthetics user experience
one
VALUE of SOCIAL NETWORK W GRAPHIC DESIGN +
Graphic designers have written about the
SOCIAL NETWORK
3 5
TECHNOLOGY has put a spin on our aesthetics
4 22 FOUR: SIX
ideas behind their work since the inception of
SIX
D
Users approach software and the web with
sW
le gg
SIX S IX FOUR: online experiencing personal isolation
RS
T
Jan van Toorn and, more recently, Jessica hink Flickr, Facebook, Etsy, Lulu, Helfand, Dmitri Siegel and Kenya Hara. Threadless, and the multitude of blogs.
has put a spin on our aesthetics user experience
COLLABORATION
NE
tru eS
SIX
SIG
sW
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
SOCIAL NETWORK
+
DE
na ve
sE
tic
he
est
rA
the profession. Consider F. Marinetti, László Design Increasingly
44
ERS
IC
PH
ou
4 6 FOUR: 26 SIX
ideas behind their work since the inception of
VALUE
?
of knowledge is threatening to some,
FIVE FIVE FIVE VALUE of GRAPHIC DESIGN FIVE
FIVE FIVE FIVE FIVE ork
Iw wn ro ch ear f ou rs res eo the alu my eo v ir on h p e ug th ing ins k e r d hro ing iz o n ink .W has ase a e th ore mp b the e m l m t to tica go ace rite f e 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
T
We Should Encourage Collaboration + Communal Experience
RA
ers
Alt
TWO:
Graphic designers have written about the
Do
one
has put a spin on our aesthetics
We Should Encourage Collabora
EG
gy
rD
FIVE FIVE FIVE FIVE
ork n Iw ow rch ur sea e of o ers e r oth alu my e v ir on h e sp 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
T
GRAPHIC DESIGN: THEORY:
AR
olo
hn
oe
5
t?
sI
D
one
THREE
TECHNOLOGY has put a spin on our aesthetics
WE
Tec
T
liberating to others.
? t I
Do TECHNOLOGY
es
TWO:
?
of knowledge is threatening to some,
It es o D Or
G
O
333
more wide spread and accessible. That transfer
as a template design reading + writing more
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
allowing our once-specialized skills to become
Or es
GN ESI
others to create; doing so, however, means
3 5
t s I? e Do It liberating to others.
na
culture by developing frameworks that enable
VALUE of GRAPHIC DESIGN
Or
?
of knowledge is threatening to some,
Eve
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.
more wide spread and accessible. That transfer
cs
FOUR:
place in this DIY phenomenon. Creativity is no
allowing our once-specialized skills to become
D IC
mind.” Designers are grappling with their own
Or
others to create; doing so, however, means
PH
Siegel calls this phenomenon “the templated
culture by developing frameworks that enable
ti he
+
class.” Designers can lead this new participatory passionate + smart.
RA
with guidance from prepackaged forms. Dmitri
This body of work is small compared to architecture fine arts, but it is
longer the sole territory of a separate “creative
st Ae ur
and shaping their own visual identities often
place in this DIY phenomenon. Creativity is no
EG
the expectation of filling in their own content
SOCIAL NETWORK
mind.” Designers are grappling with their own
rs o
Users approach software and the web with
has put a spin on our aesthetics user experience
T
D
Threadless, and the multitude of blogs.
Siegel calls this phenomenon “the templated
VALUE of GRAPHIC DESIGN
e Alt
Janhink vanFlickr, ToornFacebook, and, moreEtsy, recently, T Lulu,Jessica Helfand, Dmitri Siegel and Kenya Hara.
with guidance from prepackaged forms. Dmitri
AR
Brockman, Karl Gerstner, Katherine McCoy,
and shaping their own visual identities often
WE
THEORY
Moholy-Nagy, Herbert Bayer, of Josef Lives in the Actions itsMüller Users
the expectation of filling in their own content
more wide spread and accessible. That transfer
t sI e Do
Or
D
Users approach software and the web with
FOUR:
gy
4 FOUR: 2
the profession. Consider F. Marinetti, László Design Increasingly
Jan van Toorn and, more recently, Jessica hink Flickr, Facebook, Etsy, Lulu, Helfand, Dmitri Siegel and Kenya Hara. Threadless, and the multitude of blogs.
+
G
THEORY
Brockman, Karl Gerstner, Katherine McCoy,
SOCIAL NETWORK
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
T
Moholy-Nagy, Herbert Bayer, Josef Müller Lives in the Actions of its Users
has put a spin on our aesthetics user experience
olo hn
GRAPHIC GRAPHIC
ideas behind their work since the inception of
GRAPHIC T
Tec
TWO:
Graphic designers have written about the
the profession. Consider F. Marinetti, László Design Increasingly
allowing our once-specialized skills to become
rs o
ERS
N SIG DE
Individual Vertical Form Front Panel Design T
4 FOUR: 2
ideas behind their work since the inception of
e Alt
HIC
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
G
Graphic designers have written about the
others to create; doing so, however, means
liberating to others.
gy
P RA
Concept 4.final design
ork
GRAPHIC DESIGN: THEORY:
EG AR
final design execution
as a template design reading + writing more
T
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
WE
one
culture by developing frameworks that enable
VALUE of GRAPHIC DESIGN
Tec
G
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 sI e Do Or
FOUR: FOUR: 2
C DESIGN:
[submittal3 ] 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
TWO:
VALUE of GRAPHIC DESIGN
RS NE
2
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
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 2 2 FOUR: 3 42 3 FOUR: 5 4 3 2 2 4 5 22 FOUR: FOUR: 35 3 4 3 42 seven75 3 FOUR: 7 4 3 4 5 seven 7 2 8 6 6 7 FOUR: FOUR: 3 4 5 seven 7 5 seven 7 7 WO:
3
one
TWO:
TWO: TWO:
FOUR: FIVE FIVE FOUR: SIX SIX FIVE SIX FOUR: FIVE FOUR: F SIX FIVE SIX THREEFIVE I SIX FIVE FOUR: FIVE eight SIX SIX SIX FIVE SIX SIX eight SIX S IX FOUR: FIVE eight FOUR: eight SIX FIVE SIX FIVE SIX FIVE
[submittal]
GRAPHIC
final design execution
Concept 4.final design
Vertical Form Back Panel Design
one
5
one
one
Jamie Turpin . Wood + Chipboard Design . Portfolio Design
scale: 1/2" =1"
back panels: each 5" x 7"
TWO:
5
TWO:
GRAPHIC
one
page
.46
[submittal]
GRAPHIC GRAPHIC
GRAPHIC
THEORY
final design
Concept 4.final print
gn
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
as
AR
EG
e
one
IC PH
RA
SIG DE
THEORY:
t sI
NE
o rD
RS
O
?
Do
Or
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
WE
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.
22
VALUE of GRAPHIC DESIGN
22
This body of work is small compared to architecture fine arts, but it is passionate + smart.
VALUE of GRAPHIC DESIGN
T
e
o rD
O
44
?
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
T
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
44
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
5
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 of knowledge is threatening to some,
user experience
FOUR: FOUR: F FIVE I FIVE
liberating to others.
gy
olo
has put a spin on our aesthetics
ers
Alt
sW
na
Eve
gle
g tru eS
COLLABORATION
st it
ain
Ag
S SIX IX
We Should Encourage Collaboration + Communal Experience
SIX
We Should Encourage Collabora
SIX
online experiencing personal isolation
cs eti
esth rA
ou
66
FIVE 5FIVE
TECHNOLOGY
FIVE FIVE
W
hat’s h at’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
77
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
B
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
8
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 66 seven 77 8 SIX SIX
SIX S IX
back side:
hn
D
5
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] 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] final images
page
Jamie Turpin . Wood + Chipboard Design . Portfolio Design
.49
[submittal] final images
page
Jamie Turpin . Wood + Chipboard Design . Portfolio Design
.50
[accomplishment] 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
.51