Page 1

Drew Wittler Graphic Design II Fall 2010

Table Of Contents


Hierarchy Excercise


Compact Disc


Envelope, Ticket, and Poster








Bottle & Packaging

Hierarchy Excercise


Graphic Design Basic Concepts and Principles Design may be considered as an instrument of organization. It must perform in response to human needs. Design is an urgent requirement, not a cosmetic addition. Graphic design can save time by presenting information more clearly. It enhances communication, it helps people to understand a given message and accelerates learning. Design is finding the best solution to a problem within the limitations of the problem. Graphic designers communicate and express themselves in four distinct ways. They need to have a working knowledge of typography, illustration, photography/video, and symbolism.

The Graphic Design Process Each design problem has unique differences and an infinite number of possible visual solutions. The process to generate alternate visual solutions to a problem can be described as follows: Definition of needs, criteria and limits of the design problem (problem identification), Production of many preliminary sketches (thumbnails), Refinement of selected sketches (roughs), Analysis of roughs, Selection/decision, After problem identification, the process follows a cyclic pattern from preliminaries through refinement, analysis, and selection to implementation. In the design process, the establishment of priorities is essential. Designers must be able to judge and gauge the relative importance of factors as they relate to one another. Priorities set the functional and visual criteria in communications.

Perception and Composition Visual perception involves a complex interplay of both inborn and learned responses to visual stimuli. The Gestalt laws of perception summarize tendencies that appear to be innate or inherent in our biological heritage and which undoubtedly serve as the basis for our concept of composition in visual art. Figure-Ground Tendency toward figure-ground: There is a tendency to interpret visual data as objects against a background, or more precisely, figures against a ground. Similarity Similarity facilitates grouping: Objects which resemble one another tend to be seen as belonging together. Proximity Proximity facilitates grouping: Objects placed close together tend to form a figure. Closure Tendency toward closure: Missing visual information is filled in by the brain. The eye closes the open parts of a figure because it wants to see a whole rather than a collection of unrelated parts. Continuity Tendency toward continuity: An interrupted linear figure is similarly filled in by the brain. Typography Typography is designing with type, not the designing of type. It involves 1) choosing and using type, and 2) the application of design principles to the setting of type: the arrangement, style, and general appearance of matter printed with type.

Layout: Composition with Type and Images Layout involves the following set of interrelated basic design principles: Balance Balance is created by moving around "optical weights", big and small items, dark and light items, varieties of shapes. Proportion Good proportion is achieved by deciding on space between image and type, between type and the edge of the paper, between columns of type, between type-size, line- length and leading, between different visual elements, etc. Contrast Contrast is achieved through differentiation in size, color, and shape. Giving the same graphic emphasis to several elements will make them compete for attention.

"To design is much more than simply to assemble, to order, or even to edit; it is to add value and meaning, to illuminate, to simplify, to clarify, to modify, to dignify, to dramatize, to persuade, and perhaps even to amuse. To design is to transform prose into poetry. Design broadens perception, magnifies experience, and enhances vision. Design is the product of feeling and awareness, of ideas that originate in the mind of the designer and culminate, one hopes, in the mind of the spectator." (Paul Rand, Form + Content)

“The process grows by constantly checking backwards.�

Spacing Letters and words need to be spaced in a logical, consistent manner to appear optically correct, and achieve optimum readability. In letter-spacing there are three standards. Minimum space is used between cursive (oo) letters, or between inclined (xy) letters. Medium space is used between vertical and cursive letters (lo). Between vertical letters (ll) maximum space is used. Good word-spacing is achieved by making all space intervals between words "look" the same. Words must not appear to run together or be spaced so widely as to appear to be separate units. One system is to imagine a lower case "n" between words. This gives a moderate wordspacing. The Grid The grid is an underlying structure organizing data. It articulates space according to a pattern of oppositions: vertical and horizontal, top and bottom, rectangular and diagonal, and left and right. If used well it provides perceptual organization, coherence and consistency. A well-conceived grid alone will not ensure effective design. It is an organizational tool, and must be used creatively to maximize communications potential. Grids can help answer compositional questions such as balance, proportion, sequence, unity/harmony, and contrast.

Sequence Sequence is created by directing the viewer, for example, through the use of lines, real or implied; by arranging images in such a way that an edge or a force from one flows into an adjoining one. One does not leave to chance the order in which the viewer perceives the items in the layout. Unity/Harmony Unity and harmony are achieved by "fitting" all visual elements, type, illustrations, and photos into the style/mood of the layout. Symbolism A symbol is a representation, verbal or visual, of a concept, object, idea, etc., the meaning of which is mutually agreed upon. In graphic design, the effective use of symbolism, combining and relating symbols, enhances the expression of ideas. It creates recognition, association and meaning.

Compact Disc



Spread One

Spread Two

Lyric Insert Two


Bleeding Bells

Children shut your eyes We'll tell you what to see This world is burnin' down And you're the ones to lead

There's no place to lay my dead When I can't stay awake The growth I need is fettered with fear My heels dug in my place

Now look into their hearts All those who hold the lead Don't listen to their lies They only want one thing Well only want one thing

Keep your heart clasped into your hands Your family just knows half of where you've been The indian summer is better than nothing Burn the sun in my skin Bleeding bells of inner guilt Salvation rays are thin

They'll rob you from the truth And they'll steal you from our house The blind leading the blind Don't hang around with their kind

I say to myself you don't need anyone This world is fucked just as you have become

Cause I love the life I lead And I know my enemies Well if God is on our side Well that's all you really need Well that's all we really need Well that's all I really need

I stand as a man who's seen many things My youth has made me strong I see the fraught of the words I have said Got nothing for anyone The words that I speak are like the clinging hell The songs that I sing been poisoning your well

Follow down the road I was led before you were born No it’s not your choice To pick your own fight

Hands in my pockets and down on my knees I beg for will to change I've spun around from the wheel that I spin In one week I'll be the same

When you sitting second class And as long as you're in control Speaking when you're asked You make your own stand And you take your own stand Well I'll make my own stand And I take my own stand

Ode to Sunshine

Lyric Insert One

When your working is done, and you've got nothing left To lose, why don't you just roll away That stone that locks you up When your pattern is full, and it feels like there's no place To land, when will you all run out of gas Yeah, it happened so fast, leaving town for sell to pal I recall only nights that we built with our hands And feet, making peace with the voice in our head That ghost just stop, won't lie dead, it just bleeds Let the prophet rebound, let his riddle rub on To my pride, I'm just too hollow inside Let it echo in time just to get it through my head and mouth Through the gorgeous light of the sun And which I could never outrun Even if my perdition were just in front The sun's got my shine The sun's got my pride I could run but I'd never live without your light

Back Cover

Tomorrow Goes Away Trashcan People C’mon House Built For Two Strange Vine Streetwalker Children Bleeding Bells Ode to Sunshine People Turn Around

The sun's got my shine The sun's got my pride I could run but I'd never live without your light Live without your light Live without your light Live without your light When your working is done, and you've got nothing left To lose, why don't you just roll away

People Turn Around

Cut-out and Fold Marks

Eighteen and jaded with guns in their hands They were fighting for freedom, and just what is that? Bills to the banks and food for the kids Money for college, but couldn't get in Made all the grades, but got taken to task By a man in an alley wearing a mask Screamed and she begged as the people walked by The man he just laughed and the woman she cried Well it's time all you people turn around For the life we've been living, messing around The blood we've been spilling will bleed us dry The life we've been killing is the life like mine The needle is sweet and the snow it is pure The pain I've been hiding from, I'm finding a cure The night it is warm, well the light it is cold The family I'm robbing, I'm calling them home It's time all you people turn around For the life we've been living, messing around The blood we've been spilling will bleed us dry The life we've been killing is the life like mine My heart it is thumping the veins they've been blue The blood that's been pumping still hasn't met you The beard that I'm growing, not fully grown The years are not coming the way I thought they would I'm hoping and waiting for something to sing Like the angels in heaven, the bones on the street Hoping for love to find a new voice

All music is owned, written, and performed by Delta Spirit. Illegal use of this material is incredibly frowned upon, but not super illegal. The fact that you went to Best Buy to purchase this album alone gives you the go ahead, enjoy the music and being thirteen dollars poorer.

It's time all you people turn around For the life we've been living, messing around The blood we've been spilling will bleed us dry The life we've been killing is the life like mine It's time all you people turn around For the life we've been living, messing around The blood we've been spilling will bleed us dry The life we've been killing is the life like mine

Envelope, Ticket, & Poster


Ticket inside Envelope

Ticket leaving Envelope


Ticket and Envelope

Ticket and Envelope Back





Milton Glaser















Masthead\Table of Contents TEXT




Articles --------------------

Masthead ---------------------------------------------------------------------------------------------





Saul Bass Spread 1






Saul Bass Spread 2



Frank Gehry Spread

Delta Spirit Ad

TEXT ---------------------------------------------------------------------------------------------


Cover Option 1

Cover Option 2



Big Mouth Billy Saul Bass

FRANK GEHRY Gehry Payton

Also Featuring: Dwaynerd Hampton’s Grandson Interview Milton Glaser’s Big Comeback



Why we are better than “23D Magazine” (And Why We Secretly Love It)


10 12

ASSOCIATE WEB EDITORS Luke Degnan Katy Grey ART DIRECTION & DESIGN Magazine: Everything Studio Special Projects: Abby Goldstein WEB CONSULTANTS Fred Krughoff Rick Frankel Ben Handzo EDITORS AT LARGE Gary Indiana and Glenn O’Brien


Milton Glaser’s Big Comeback “I’ll rest when I’m dead.”

Interview with Dwaynerd Hampton’s Grandson The Truth Revealed!

Frank Gehry

INTERNS Kaye Blegvad JaKeith L. Hairston Erin Hawkins Kait Howard Samuel Jablon Goody Two Shoes


The Symbolicon Crisis What Is A Logo Really?

Harumquasi optat

litatempe dolum eumenest, vid quaecusti peri qui tem rentis nisque eveles ant faceped escil id quam res molorum, dfb hjy gin juice werew wetw fgsrj dafv dsg dfgdjo rthrt quibus sam fugit, cone pedisciant quae vlupta ressincta int, omnis laborumquat vidusrtyu fghfs adis es simpores et mos volut ium volo ex eliquatur, sin restrum venimus, tatur, quatu asinum dolora prorescit officiur? Quid quati Udiati quunt, quu sdiugb dnjgur erugbr e ribuscierum untion parum, eum volorio nsectatur, quamus.It acessum resto et vo sargerhy wrthrwtp coreiur aut quias ratqu.Tureptat urrtg rth tatem. Et align umquiam ratqui blatum ex ex eipitaquos conseq bero toreperovid exp dfiubra rub.


Od modi ut alibus ea voluptat.refrwer wer Harumquasi optat litatempe silly boy dann dfaga werfrgergerge eerttwerw wer wrthg jg fgyj quaecustius, in peri nisque eveles ant faceped escil id quam res molorum, sitasperum doloribus quibusww sam fugit, cone pediscia ctate ent lam ipsum, corsdfs dfgji ifni rgr r omniser am il idendae ditem sum quamw laborem et laborumquwtert etyjtyj edfetjw molut adis e alicipid mos volut ium volo ex eliquatur,w sin restrum venimus, omnissinctae sinhgd conesci tatur, quatur asinu ficiur? Quid quatisqui qui ullorum ameter pedignat. Udiati quunt, quunt ped molo volorpower ribusciam erum untion parum, eum oer rr tinman Solorep tations equatur maximo explautfg.

Cabo. Nonseriat et haruptas eos qui unte quia sequidis ut accum solum lab ipsam, sequid et faccaesequi simusciliquo tem volupta temodit quam, nis dolumque laccus, odis dolecte nduntota consequid et delestrum quam, quidus est volorio reiur, inus isciaecatium sam lis sendisitas vit reniam, officae mod modi omnitat. Dus nobita quaspicte magnat. Optam, sapis est, il ipite sus eum, non cum re aut laut ipsa eosti volorro dellaut rerumquam, quatem. Abo. Ostis exeribus repremp orempos aecaeruptat volupta same voles eventese et molo quo voloribus et omnis audanda aliquiberit pa core lacculliam quodit et venihicias volorporem faceperesed qui doluptate vollupt atatet fuga. Nam veliquuntius quiaspedicim eum utatent, serro esseque autem voluptat rero cum voluptio dolore des exceper ibusda volorit et ariaecaborro iunt audaes net provitatur acea sae sam voloriscium apiciet

“Design is thinking made visual.�

Id modi il etur? Aquis volut eturibus molupta quianih ictempossit voluptat landaesequam fugiatium vendem vid maionsedit rectas es conseque moloribus sum dolore conse dolorrum aut qui optaerciNament plitia.


agnis estius con eost ventus, quatur alisquam repratur sed et archici enitatur? Ti cus explaborem nonsequat aut eserehendi beat id quia nemoluptatia velit vent quide comnihi liberi dolent facerum eost esed exceati offic te moluption rendae suntur?rerae auda voloribus pres nosto quunt etur repedis eaquatur, que etum que cus eveleni modipsu sandanti denda si sit quas mod quoditis magnis estia qui comni cum ducieRerum ut quatem hillique odit estrum doloreium qui cones dolum nihil eum hitiscimi, sani odit, omnis et, suntiun tibusant, nonserum exerum et dusda explam, to et et et il modiatur? Quisim es nonse inciatur arum eument que saperia videl min nobis andis et fugitinihit optios con consectur?qui nonsenis assit occuptatiore nam fuga. Moluptae excepel ius, ui consed mo ilit optatTem fugia sae essendeliam, quam quiassi minullu ptaque ipicil moluptior re num qui duci volestrum imetur ma nes doluptu reium, nihillum velit et exeri sinvend ipsusape ped eatis inci untium consecerum liquid magnit, quam quis nusam quasiIbus, ipsaeratiat pra isquias evellab oreped explibus rae dolorrovide es ut odit, officto magnam eniet perorep udaepudae reperatin plabo. Ur si inctoritatum haribus quunt milleserum, temVid quis eius nones nemque

5 2d/3d Design

Accaborectio doloreribus, num fuga. Oluptatur sandebit magnim que pe cusa cus et ut et harum fuga. Ut omnisinverum restis sus dustrunturis dolora invenimpossi odicto excero occum que landem aut alit doluptae eius quistio maximax imusam eariorem volorep udipsuntibus unti ipsum ut presequid excepe non nonsequi odistio eature, sin parios eturi quatustibus qui veri seditis remperovid quidi natus et facesenit, nis nimagnature



ium illendest qui adicimp orumquod eventin essitium venimol orepudis et mos dolupiendia doluptat audi odic tem sandis et exerum rat aut et essit remped ut parcipis mos aut eum faccus unt acid eum verrumquam quo voluptiunt, con re veri net rectorro explicipsam utem expelitio moluptatur aruptae dignam, id maximo tecatur reriaecta is mossi omnisti audi que rectotatem doluptaest, cusam harum ut qui blaut explandam sinis derunt aliquodi dolupta tempore nes enda nimus nihictet, ut vel imusam am il mosam quunt exeriamus doloremquaes ataque isti venecto reniatiisti debit, solum coritame moloreserum sunt quia coreribusa quatur, aceate nim nulparum hil evelibus et quos elecernatiat omnis magnimu stiunt, quos solore omnimus aut into dunt, volor remporr uptatiat arcia sequi comnimus aperum iliquamus audis exceat etur ad molut vernatius eos ex etur sdfh dtyeytik adfg sdfg aefhrwj.

Sus dolorepe reped ea illuptae volorenderio dolorpore ium num, odit ea voluptam dem qui qui sinctem. Natat. Liquatis eaquo officabora ius, quibusdae con nullum esti officatemo dolores enihicit faccae nis digent quatiatus core, sin cullign aturecti conse con et dist, test lam, ullendae. Nequos quid que quo ipsam ullorem id estio. Nam sit laboremque maionserum ne dolutatustOmmolore henimen dipsandestio tem repe alis quibus, que ra dionsed

8 2d/3d Design



Bottle & Packaging


Stencil For Packaging Original Drawing

Front Label

Label (actual size)

Bottle in Packaging

Bottle with Packaging


Label (enlarged)


Drew Wittler Fall 2010

GD II Final Portfolio  

Drew Wittler's finished works from Graphic Design II in the Fall 2010 Semester.

Read more
Read more
Similar to
Popular now
Just for you