OOO O

LK

K

B

Portfolio Booklet 2017This is a compilation of all the work that I have done this year for Typography I. It includes all the projects and research papers we completed though out the semester. Hope you enjoy!

3689

101213162223

Recipe Card This is the original design of a recipe which we enjoyed as a kid, we created it from scratch

Type History These pages cover the design I did for a type design poster.

Chip KidEssay written about a interest-ing guy who has a major influ-ence on the publishing world

Marian Bantjes Essay written about a important graphic designer who influenc-es as with her work

Ansel Adams Design depicting a museum poster which we created to display the work of an artist

Famous DesignersThe next few pages goes over some of the most famous movements and designers of graphic design.

ReactionReaction to a very poorly de-signed camp brochure, that we were given the task to redesign

GridsThis section goes over the four essential gird layouts in the graphic design world

High Adventure Redesigned camp brochure which is for a summer youth day camp

Vocabulary Important terms and definitions from the class reading

D E -S I G N

Recipe Card Design This was the first project we worked on where we learned the basics of type design. We learned about kerning, lead-ing and tracking. We also learned about basic fonts and what makes up their characteristics. This project I chose to do a short bread cookie recipe and designed it very simplistically.

Set Oven350

Ingredients 1/2 cup confection sugar 1/2 brown sugar 21/2 cups of flour11/4 cups of butter

InstructionsCream sugar and butter Sift in flourRoll out to 1/2 inch Cut out shapes

Bake for 8 minutes

Shortbread Cookies“w cookies make the world a better place”

R E C I P E

Type Poster I was given the type Avenir, and had the task to design a poster which would explain the history of the text and little facts about it. I focused on using blank space to enhance my design. I really enjoyed this project because it was the epitome of design where you want your design to reflect the content you are showing.

T YP E

POSTER

RINEVAAdrian FrutigerThe type Avenir was designed in 1988 by Adrian Frutiger. Frutiger was a Swiss type designer who focused on type design as well as typesetting. This type originated in Ger-many and is made up of similar weights throughout the text, it is known as a geometric sans-serif. Originally it was release in three weights and because of its popularity it got expanded in 2004. The word Avenir is French for the future and during its creation type this is exactly what it stood for. The Avenir design was created based off two earlier typefaces; Erbar and Futura. What makes Avenir so interesting is What makes Avenir so interesting is having a human touch to its geometric sans-serif style.

A BC D E F G H I J K L M N O P Q R S T U V W X Y Z 0 1 2 3 4 5 6 7 8 9 . , ? ! ( ) { } $

1988

He attended Penn State and studies graphic design through. One of the earliest things he learned was about to properly illustrate an idea, in the case of trying to get you point across you don’t need a picture and a word that describe the same thing. The best way to go about choosing the right path to follow in that sense is to understand your audience and the content you are portraying.

Another thing he brings into this talk is importance of graphic interpretation. This works of the idea of creating your own work and understanding the use of real world inspiration. Following his Jurassic Park design you get to see the develop-ment of art and an understanding of how it can translate into other designs. It really puts into perspective how powerful a design can be, it has the ability to stick with you and tran-scend what even the artist can imagine.

Even with things as simple as type you can create an almost persona to express an idea. You are able to “interpret” and “translate” the main idea in to something that becomes illustrated. You can even take these designs to the next level by creating an interactive design with meaning hind even the graphics. For insistence Chip talks about book spins that when line up tell a story. Another example would be a cover which has two layers. The bottom layer is a photograph of a girl and the top is a semi transparent white cover with cutouts. What this cover is able to do is cause the reader to think about the subject “straddling two plains”.

C H I P KID

MAR-IAN

What inspires you? I think that is what Marian really focuses on. She brings this to the attention of the public and makes them question it. Specifi-cally for her it is common household items and the ability to change the public view on art. She feels challenged by the task of creating something different as most designers are. It is that transformation of art from just a thoughtless drawing to something that will cause the looker to stop and ponder what it actually means to them.

She questions a lot and brings to light things that she has found to large importance in her work. Making projects with fur or even just plain tinfoil you able to physically see how her brain works as she transforms these objects into works of art. One of her focuses was the term wonder, a word that has always resonated with me. I think as a designer myself it stands for so much more then meets the eye. Wonder is an open door, it is endless possibility it is exploration. It’s the ability to bring visual wealth towards educational wealth. Wonder to me is such a propelling word. When every I think about it sends me into s spiral of so many possibilities, as it does for most designers.

As we take in this idea of wonder the next step for the design world is to show the benefits of visual literacy. To reduce the sigma that visual learning is only for children. I think this is one the biggest flaws in our society. As we grow up the art grows down and you are only left with the dismal black and white stereotypical ascetic. Art is taken for granted, and forgotten. Design around us is easily missed, whether it is a cereal boxes or the subway map in New York City. It is all designed. From the type, to the color, to the size and shape, everything is picked out meticulously. Design takes time and it takes a special type of person to focus on something so quickly passed by the normal person.

I choose design the second semester of school, after taking a crash intro course in the whole major. Flash forward a few years and I am coming up to my senior year of classes. Art has always been present and for the most part the leading drive behind everything that I do. And it has now become my job to master the mass amounts of skills I have come to obtain during my time here. And like Marian I like to focus on the unique. As a designer you desire the design that stands out. This is what makes you desirable, and what makes companies take a second look at your work. As a design-er my goal is to get companies to want to take a second look and part of doing that is being on top of the design tools.

To keep in this profession you constantly have to be up to date with the latest programs. A lot of what you learn comes from being self-taught or trying different things out on your own. Change is inevitable, especially in an industry that is always changing. In even my short time at school I have watched programs come in and out of the design world. Another focus I want to have this year is self-improvement. I want to focus in on weakness-es I have. I like to challenge my weaknesses, and when ever I spot some-thing that needs work I like to make that the focus of my next project. I’m excited to see the challenges and projects I get to face this semester and am excited to learn as much as I can.

Ba

nt

je

s

ANSEL ADAMSThe Modern Masters Series

Seattle Art MuseumJanuary 1-31, 2018

206.654.3100 . 1300 First Avenue, Seattle, WA 98101 . http://seattleartmuseum.org/

Museum Poster Ansel Adams is a very famous black and white photographer that has a lot of influence on the graphic design world. I enjoyed getting to work with his style to complete my project. I played with the photos he took incorporating them into a unique style that he would still be proud of.

Mus

eum

Pos

ter

Ans

el A

dam

s

Born in 1902 Ansel Adams lead no ordinary life. He began his career as a photographer and most importantly an environmentalist. He grew up as a shy only child in a wealthy house locat-ed in San Francisco. He tended to stick to himself which only benefited his career when it came to the lone industry of photography. He found joy in the peacefulness of nature and it became a major aspect in his life. He started his photography career in the 1922 becoming published in a local journal and by 1934 he was running the journal. In 1927 he created his first visualized photograph, one which was influenced by other great artists around him. Together they were able too develop of his first portfolio. This was the true blossoming of Ansel because he gained the confidence to pursue what he loved. His major works include his eight portfolios of original photographic prints, numerous mentions in books, Sierra Nevada: The John Muir Trail (1938), Natural Light Photography (1952); Death Valley (1954), and The Portfolios of Ansel Adams (1977).

The Modern Masters SeriesSeattle Art Museum

Jan 1-31 20171300 First Ave., Seattle, WA 98101

http://seattleartmuseum.org/

At first glance you are overwhelmed. This camp brochure throws all information in you face in the quickest boldest way possible. Although they are talking to about a kids camp, they have to realize that they are marketing to the adults who pay for these kids to go to summer camp. I think this design missed the target market completely and lacks a lot of sophistication where it is needed.

One of the first things that jumps out to me is the change in paragraph styles when it comes to the drop caps. A am really confused as to why this is not continued throughout the whole brochure. I am also wondering why they would use it more than once in the same section. This to me seems to divide up the writing and miscommunicate what they would want to be getting across. This makes the whole thing very unreadable and even unappealing to the audience.

Another thing that stood out was the awful logo design on the front cover. For starters it is very basic and plain, which adds nothing to the design overall. It also lacks the ability to stand on its own and become an identifiable brand for the company which would be your main purpose when creating a logo. Next to this logo is found and even more distracting heading which is white text with a drop shadow and outlined. That is way too many effects for one heading to handle and causes the user to do more of a balancing act.

Overall it uses too much color and the design is really all over the place. When I redesign this I want to focus on getting the design more to the point. I want to make is sleeker and improve readability.

Reaction

F I R S T C A M P B R O C H U R ER E D E S I G N

Josef Muller-BrockmanA well known Swiss graphic designer, influenced by move-ments such as Constructivism, De Stijl, Suprematism and Bauhaus. He is known as part of the Swiss International Style and became a teacher at the Zurich school of arts and crafts.1 He started his career in design as an apprentice to the designer Walter Diggelman. From there he started his own studio in Aurichh where he specialized in graphic design among other forms of art. He then became one of the top Swiss Style designers being one of the first to spread his designs internationally. From there his notability grew and he became a professor at Kunstgewerbeschule, designer for IBM, author, created many art exhibits, and awarded a gold medal for his cultural contributions. One of his most well known contributions to the graphic design world is his creation on the grid systems to design.2

1 v /1940/joseph-mueller-brockmann2 http://www.eyemagazine.com/feature/article/reputations-jo-sef-muller-brockmann

Karl Gerstner Born in 1930 in Switzerland. Early on in life he decided on becoming both a painter and graphic designer, two types of art which he became very successful at. After excelling at both of these he partnered with Markus Kutter to start a de-sign agency which became known as GGK. Little did they know that this would actually become internationally suc-cessful and so well known. Gerstner’s biggest development of the graphic design world came in the way he used type. He popularize unjustified ragged right type which previous-ly was hardly ever used. He also created what is known was Integral Typography playing off Max Bill’s ideas. Gerstner believed that there was a song connection to be felt be-tween words and there actual meaning, and they type was an integral part of expressing an even greater meaning. He realized the communication powers type choice can have and played off this heavily. Another popular idea of Gerst-ner was the use of grids, although he did not invent them he was one of the first designers to truly use them to their fullest extent and complexity. 1 http://www.historygraphicdesign.com/the-age-of-information/the-inter-national-typographic-style/256-karl-gerstnerNicolas Jenson

Born in 1420 in France where he worked as a money en-graver. He impressed is peers so well he was sent to Maine to study the art of moveable-type, a style of typography which was based off Black-lettering. After this he moved to Venice which at the time was a very active trading site in Europe. It was here he created the type face Venetian based on local books and manuscripts he collected. He focused a lot on the kerning of the type which became the mark of the first roman type began the development of the transcendence from Gothic and humanistic type. He is most remembered for the font he created and being such a visionary in the printing press field. He raced praise from William Morris and King Charles VII.1 https://www.tdc.org/articles/nicolas-jensons-typographic-contributions

Historical Figures

Design Movements

El Lissitzky A Russian born artist who working in many fields of design such as, photogra-phy, typographer, designer and architect. He is known for his work of propaganda for the soviet union in the early 2oth century. He was a big supporter and devel-oper of the Supremacist art and was influenced by the Bauhaus and Constructivist art movements. He became a political figure, known for his abstract and theo-retical style. Since then his style has been one that has become very inspirational to many designers. He drew his inspiration from abstract geometrics. He liked the spacial relationship between the compositions and col-ors, and was often playing with perspective.1 http://www.designishistory.com/1920/el-lissitzky

Christopher Plantin A French publisher who revolutionized the industry as one of the first book binding and printing houses. Plantin developed his skills at a young age in Caen Normandy where he began bookbinding in Antwerp. Because of a bad arm injury he decided to switch over to typography and use all his knowledge to work at it from both a printers view and a designer. He became known for his polished type and copper engraving techniques. His greatest accomplishment was his copy of the Biblia regia which was so well liked it became the text of Philip II of Spain. 1 https://www.britannica.com/biography/Christophe-Plantin

Piet Zwart Another modern typogra-pher drew influenced from De Stijl and Constructivism. He worked off the motto “make beautiful creations for the sake of their aesthet-ic value will have no social significance tomorrow”. He worked with many forms of design doing type, pho-tography, industrial design, graphic design, interior design and furniture design. Influenced by the Arts and Crafts movement bean edu-cation in 1902 at the School of Applied Arts. After being arrested he halted most of his design work and focused more on interior design. 1 http://www.designishistory.

com/1920/piet-zwart/

Futurism Has many other charac-teristics besides just an art movement. It served as a social movement as well which helped Italy develop in the early parts of the 20th century. An important part of futurism was the versatility in many different forms of art, focusing on things that were not totally new. The ideas of this whole movement were recorded in a few manifestos. A lot of their movement had to do with color, one of the popu-lar techniques was breaking it down into a series of dots or geometric shapes, which is known as division.1Basi-cally they wanted to convey a new reality, which was both bold and radical. 1 http://www.designishistory.

com/1850/futurism/

H i s t o r i c a l F i g u r e s

D e s i g n M o v e m e n t s

Theo van DoesburgA designer of the 1920s was heavily influenced by Wassi-ly Kandinsky, decided to paint less influenced the direct reflection of everyday life but rather draw inspiration from a conceptual style using simplistic geometric art forms. Does-burg was a Dutch arts and was a big part of the De Stijl movement bringing into the public eye and popularizing it. All this revolved around his theories that all design was communication trapped in different medium. Later in life he moved to Germany to impress the art director Walter Gropius. He moved his studio basically across the street and gained many students from his design theories. He also became close friends with Piet Mondrian and moved to Paris to design with him. This was quiet ironic due to their drastically different art styles. 1 http://www.designishistory.com/1920/theo-van-doesberg/

Constructism Orgianted in Russia, as mostly and art and architec-tial movement. It started in 1913 and took place all the way till the 1940s quickly spreading across the world. It stood for a change of the direction of art stating that art should have a purpose rather then art for arts sake. It took art in a more practical direction, heavily due to the development of war across the globe. They wanted art to influence people to build a Utopian socitey rather then the images they still had left over from war. This type of art was found on packing logos, posters, books, book covers and advertisements. 1 http://www.designishistory.com/1920/constructivism/2 http://www.arthistoryarchive.com/arthistory/constructivism/

Jan Tshchichold A more recent typographer is known as one of the most influential people of modern day type. Born into a family who loved art Tshchichold was surround-ed by design at a very young age. Born and raised in Germany he worked closely with Raul Renner until the rise of the Nazi part, which cause him to leave his homeland a take up work in Switzerland. His worked was deemed a threat by the Nazi party because he emphasized sans-serif typefaces. His biggest work was that which he wrote about in his book, Die Neue Typograohie, It is here he set his four rules for the standardization of type. His rules were as followed; to condemn all type except sans-serif type, advocate standardized sizes for paper, and set fourth guide-lines for establishing a typographic hierarchy. 1 http://www.designishistory.com/1920/jan-tschichold

Historical Figures Design Movements

G R I D SC o l u m n

H i e r a r c h i c a l

M a n u -s c r i p t

M o d u l a r

Kerning: The adjustment of space between letters, found in top tool bar

Tracking: Letters are remaining the same, puts even space between letters, like drawing text width (typical size: .3)

Optical Kerning: uses the form of the characters in the actual font and sets the kerning according to that for the best result.

Metric Kerning: uses the built in kerning pairs in the actual font to set the kerning and where there is none, you do it manually.

Leading (line spacing): Spacing between lines, there are set sizes for each type (cap hight)

Alignment: Spacing between

Flush (left): the alignment is set to this side, you are able to draw a straight line down the page

Ragged (right): no alignment on this side

Centered: Text is ragged on both ends

Rivers: Negative space between lines

Justify Text: left and right edges of text are even when using paragraphs

Hierarchy: Visual difference between text, from higher to lower h1 - h6, ex-presses the organization of content

Describe lettera antica?: A classical mode of handwriting with wider more open forms, part of renaissance rebirth of classical art and literature

Who created one of the first and finest roman type faces?: Nicolas Jenson

Humanist Type: designed to conform with modern technologies and current demands for sharpness and uniformity

Why was cursive so popular?: Because it saves space when printing

x-heights: the height of the main body of the lowercase letters

V O C A BU L A R Y

Geoffrey Tory: Published a series that linked the anatomy of letters to the anatomy of a man

Romain du roi: kings alphabet of engraved letters on copper plates

The Universal Penman: Featured roman letters each engraved as a unique character

Who abandoned the rigid structure of the humanist type face?: William Caslon and John Baskerville

De Stijl Group: Reduced the alphabet to perpendicular elements, alphabet abstraction

Wim Crouwel: created an alphabet for optimal display on video screens

New Primitives: Luzana Licko and Rudy VanderLans

Ascending height: Some elements may extend slightly above the cap height

Cap Heights: The distance from the baseline to the top of the capital letter determines the letters point size

Descending Height: The length of a letters defenders contributes to its over-all style and attitude

Overhang: When the curve at the bottom of letters hang slightly below the base line

Serif: the fancy end part of a letter

60 Point Scale: A typeface is measured from the top of the capital letter to the bottom

Scale: is the size of design elements in comparison to other design elements

Transitional and Modern: More abstract and less organic

Cross Bar: Connection between letters like A and K

Humanist: letter forms are closely connected to calligraphy and the move-ment of the handLess Geometric, Roman Tradition, Body portions ex: Gill sans

golden section: The ration that balances images

David Casron:

Grid: Breaks space or time into regular units, it can be simple or complex and interpreted many different ways.

How is our writing organized?: Columns and rows

When was the Futurist movement established?: 1909

When was the Constructivism movement established?: 1910

Who wrote The New Typography: Jan Tschichold

Design Programmers: a manifesto for systems oriented design

When did HTML incorporate tables?: 1995

What is Neuromancer about?: How Gibson envisioned cyberspace as a vast ethereal grid

Modular Grid: A modular grid is a grid which has consistent horizontal divi-sions from top to bottom in addition to vertical divisions from left to right. Modular grids are created by positioning horizontal guidelines in relation to a baseline grid that governs the whole document.

Multicolumn Grid: Grid Containing more then one column allowing the user to be more flexible

VO

CA

BU

LA

RY