Page 1

TYPOGRAPHY PROCESS BOOK FALL 2019

DJ HOFFMAN


CONTENTS Project 1 Visual Semantics...................................................................1 Project 2 Letter, Space, Meaning..........................................................7 Project 3 Dualities and Dichotomies.....................................................13 Project 4 Journeys................................................................................19 Project 5 2020......................................................................................25 Project 6 Type Specimen......................................................................33 Project 7 Book Cover Redesign............................................................41


PROJECT 1 For this project, I started by making a typography collage with found materials. I made a 9x9 grid made up of 3x3 squares. The goal was to utilize the collage to make a vector drawing with a focus on typography in Adobe Illustrator. The aim of the assignment was to follow the design process, and create a visually appealing piece. Many of the materials I compiled had a theme of Japanese culture, with a “Harajuku”, or “Kawaii” aesthetic. So I decided to go with this theme and kept all the pastel colors. Near the end of the project I noticed that the majority of the squares had elements of travel, so I decided to excentuate that theme as well.

1

VISUAL SEMANTICS


STEP 1

COLLAGE

Below you can see the found materials and to the right is the 9x9 grid made up of 3x3 squares. The collage was put together at random, and I tried to focus on typography. I noticed that many of my found pieces had the color pink, so I tried to run with it and make a consistent color scheme throughout. Not all of the squares, but about half of them contain content relating to Japanese culture.

Materials

Collage

2


3 Collage, Grid, and Illustrator

STEP 2


ILLUSTRATOR In Step 2 I was trying to simply get the basic shapes laid out. Even without the 9x9 grid you can still see the grid formatting. I wanted to re-position some elements and get the overall shape formed.

Illustrator

While tracing the collage in illustrator I decided to leave out many elements from the original collage. Things that weren’t related to typography like the face, singer, and mint container seemed irrelevant. I also re-arranged some of the boxes from their original layout to create a more symmetrical and spherical shape.

4


5 Final in Black and White

FINAL


FINAL

Final in Color

In the final piece, the travel theme can be seen throughout. The center even says “Souvenir� in hiragana. The JR train line is one of the most prevelant train companies in Japan, so I excentuated it with a silhoette of a bullet train. I also arranged the final composition in a circular shape to create more flow and rhythm.

6


PROJECT 2 For this project, I chose two words to work with. After making 15 rough sketches of each word I narrowed it down to 5 sketches a word, and created them on Illustrator with 8x8 artboards. The assignment was to use one font in black and white only. I chose to work with Helvetica because it’s a clean sans-serif font that has a variety of different weights. My goal was to make something simple yet easily interpretable by the viewer. During the sketching process, I often ran out of ideas once I hit the 7th or 8th sketch. These sketches were rough but they got my ideas rolling for the placement of letters and the feelings that the assigned words evoked.

7

LETTER, SPACE, MEANING


STEP 1

SKETCHES

8


STEP 2

9

These layouts were done based off the sketches. I was trying to convey the words meaning visually, using only typography. The first example shows individual sizes, the second emphasizes the “I”, the third puts “in” inside another letter, the fourth is a gradual increase in size, and the fifth shows the “I” with a lighter weight to contrast the other heavily weighted letters.


ILLUSTRATOR

These were also based off the sketches. The first example shows the word receding into the future, the second emphasizes the “U�, while the other letters are at a lighter weight. The third layout is shaped like an arrow, the fourth is like a tunnel into the future, and the fifth shows the future as abstract.

10


FINAL

My final design has more refined alignment of the lettering, and I even inverted the color on some of them so that there would be more contrast. I think I was most successful at conveying some repetition through shapes, and colors that unifies the pieces. Although it is the final, there is still room for improvment.

11


FINAL

While some of the layouts are still very similar to the drafts in step 2, others have drastically changed. Some of the ones that have changed are the miss match “individual� on the top right, the arrow turned into a computer mouse, and the emphasized U is reflected. I wanted to really emphasize shapes and concepts by using a strong presence of black.

12


PROJECT 3 For this project, I utilized the typography designs from the “Letter, Space, Meaning” project but added a juxtaposing word with them. I started by doing 20 process sketches, 10 for each word. Later, on Illustrator, I added the new words into the pre-existing “Letter, Space, Meaning” compositions. I had the words future, and individual, so the corresponding words are past, and community. The assignment was to continue using one font–Helvetica–and continue with black and white only. My goal was to improve my previous pieces as well as eloquently combining the new words in.

13

DUALITIES / DICHOTOMIES


STEP 1

SKETCHES

14


STEP 2

Some of the designs were easier to incorporate the juxtaposing word, however, some proved to be more challenging.The top left and bottom “individual/community� pieces had to completely change. This time I used a lot of repetition and different opacities to give a stronger and more striking look than before.

15


ILLUSTRATOR

For the “future/past” word combo I actually didn’t change the general concept for any of them except the bottom right piece. Although I also adjusted opacity and played with inverting the black and white, the theme is still similar from the “letter, space, meaning” project. I also used the blend tool to show the future receding into the past.

16


FINAL

For the final compositions I ended up changing the top three pieces. I wanted to convey the idea that individuals make up a community and a community is made up of individuals. I struggled with placing community in the position of where individual was and vice versa, I realized they are interchangeable.

17


FINAL

I ended up making the majority of the compositions black. I also tried to work on blending shapes, and even making some of them go off the page to create more flow and cohesion. For the “past/ future� I only made small adjustments to the majority of the compositions, while only making major changes to the bottom right one.

18


PROJECT 4 For this project, the class utilized clippings from the New York Times travel section. Later, in InDesign, we made 4 different designs recreating the clippings using only typography. In my case, I received a clipping on a trip to the Grand Canyon of the Southwest. Our assignment was to start off with black and white as well as no verticals or horizontals, after coming up with a composition we then experimented with color. My goal was to steadily improve my pieces and create something minimal yet pleasing. In the beginning I made a mood board to gain inspiration, in fact, each composition’s color is based on a picture of the Grand Canyon. After a couple of critiques, I changed the leading and spacing. After that, I added the color and played around with the overall layout..

19

JOURNEYS


STEP 1 Moodboard

MOODBOARD / SKETCH Sketches

20


STEP 2 Original Article

ILLUSTRATOR

21


STEP 3 After color dropping the images from the moodboard I noticed that they reminded me of morning, evening, and night time. This is the reason I used glyphs to make each circle behind the price into the moon, mid-day sun, and setting sun. I wanted to add an aspect of being outdoors, since this excursion is an outdoors activity.

REVISIONS I also made many changes to the layout of the typography from step 2. I wanted to not only portray the times of the day, but also the colors of flora and fauna that is found in the canyons and described in the description fo the excursion. I used repetion, bolder font weights, and color contrasts to emphasize important details.

22


FINAL For the final I made the price glyphs much smaller, and took away the one that was on the flora and fauna–bottom right– piece. I made some color adjustments to the orange piece because I thought the previous orange was a bit dull. I also made the light blue on the orange one much brighter, because it was harder to read before.

23

The new price circle in the pink piece-bottom right–is brown to emulate the dirt that the flora and fauna may be growing in. There is also a tiny leaf glyph to represent the & symbol in the sub-title. The three other pieces still have the same concepts as before, just minor adjustments throughout.


FINAL Mockup

24


PROJECT 5 For this project, the class was assigned a designer to gain inspiration and utilize their method of making to incorporate in our designs. The assignment was to ultimately create two calendar layouts. We started by coming up with a dozen words than created a mind map from one of the words. We also made mood boards, and a powerpoint presentation detailing research and information on our assigned designer. The aim was to consider our assigned designer, 3 selected words from our mind map, and what we’ve learned in typography so far to create two 12-month calendars. I tried to create unique calendars that eloquently weaved all these factors together as well as portrayed my own style. I gradually got to my concept over time, when I was coming up with a dozen words I just thought of words that described my mood at the moment. I ended up using the word dark to create my mind map. After that, I ended up with the three words moon, cold, and black. Looking back at my mood boards now, I don’t think my ripped paper poster really resembles these words as much and relates more to my designer, however, I definitely think my full moon poster portrays all of the three words.

25

2020


STEP 1 Moodboards

RESEARCH Sketches

26


STEP 2

27

SKETCHES


STEP 3

28


ILLUSTRATOR I used my sketches from my notebook and traced the shape in illustrator for the dripping effect. I also ripped a piece of paper, photographed, and photoshopped it for one of the calenders.

This piece was also using the dripping numbers from one of my sketches. I also added a 3d effect and went with a heavy red theme. Later on I realized that the dripping and stars may come across as something else so I didn’t end up utilizing this layout.

This piece was emulating one of my sketches to create a spherical spiral effect. Black and yellow is usually a good combination so I decided to play around with that. I also used Bodoni because it was often used by my assigned designer.

29

This layout consisted of a simple sans serif helvetica for the 2020 and Bodoni for th emonths. Again, I wanted to stick with black and one other color. I wanted to try something more simple and clean.


STEP 4

REVISIONS

30


FINAL

31


FINAL

The second calender ended up being a full moon calender. I didn’t originally plan for that as the concept but I was inspired by the spherical shapes. I added texture to emulate the moon and white text to depict the dates of the full moons. I also edited an actual image of the moon to show the letters 2020. I used lots of glow and gradient effects for this piece.

Mockup

For the final I was inspired by Harpers Bazaar and decided to go with earth tones for the first calender. I wanted the 2020 to be visible through the paper so that the piece was more cohesive. The mis-matched colors on the months is also a reference to Harpers Bazaar.

32


PROJECT 6 For this project, we were assigned a designer and the designer’s typeface to design a 4 paneled paper that displays the typeface in a wide range of weights and spacing. The asignment was to design the type specimen to fit onto an 11x17 sheet of paper. The aim of the assignment was to create an aesthetically pleasing type specimen that could theoretically be mailed to promote the usage of the assigned font as well as educate the viewer on the designer. My goal was to design something that was pleasing to the eye geometrically, but also made sense to read. My concept was simple with clean black lines but I also wanted to do the font justice. The poem on the backside of the specimen by J.R.R. Tolkein grapples with the topic of traveling. This font was commissioned and often used for airports and train stations, so the poem felt fitting. At first, I wasn’t sure how to approach this project, and I was kind of all over the place. After creating a powerpoint presentation on the research of the designer, and sketching out numerous layouts, I formed a direction to go.

33

TYPE SPECIMEN


STEP 1

INSPIRATION I was inspired by Adrian Frutiger and his font, Univers. The original version had 21 fonts within the typeface. In the 1970’s Frutiger designed the font for the Paris Metro signage. The font was often on white on dark blue backgrounds so it could be visible in poor lighting.

Book with Univers

34


STEP 2

35

SKETCHES


STEP 3

SKETCHES

36


STEP 4

37

NARROWING IT DOWN


STEP 5

NARROWING IT DOWN

38


FINAL

39


FINAL Mockup

40


PROJECT 7 For this project, we each chose a book to redesign the cover of. The assignment was to design a new and improved cover to fit an 8.5x11 piece. The aim of the assignment was to create an aesthetically pleasing book cover that could relate to the actual content of the book, but also utilize good design principles. My goal was to design something that refreshed the book because I felt like the previous covers were a little outdated. After 20 sketches in my notebook, I decided on a concept that utilized random household objects to make the “The” in the title. The story of the book is about small people, about 4 inches tall, that lives–unbeknownst to the normal-sized humans–in their house. They randomly take items from them like a cube of sugar, or a sewing spool, to use for their everyday lives. I wanted to emulate these small people by showing their scale with the objects. However, I drew these people in my sketchbook then traced them in illustrator to give a different effect that creates contrast within the styles.

41

BOOK COVER REDESIGN


STEP 1

SKETCHES In my sketches I wanted to experiment with different sized people, proportions, and perspectives. I also played with shadows, colors, and typography. I ended up going a completely different route than these sketches, but this was a helpful way to get ideas out.

42


STEP 2

I did some more sketches and the sketch with objects really inspired me. I gathered some random items around my room and started photographing them. The black background was too harsh, so I placed the objects on some paper. Next, I traced the objects in photoshop so that the background would be transparent.

43

EXPLORATION


I wanted to match the background with the color of the objects. I also lined the word “Borrowers� with the line where the color changed to make it flow and look more cohesive. I made the authors name a serif to also show that it’s not part of the sans-serif title.

44


STEP 3

TOO YELLOW

Mockup

45


FINAL

FINAL

I crumpled a piece of paper and scanned it into illustrator. I decided to add it to the background of the book at the bottom. I wanted to add texture and show an object that is second-hand or used, much like the items the borrowers would borrow. For the final I decided to go with a black background. I photoshopped all the objects to pink and made the people a light pink as well. I also changed the texture of the thread to the tie in with the paper texture. Finally, I brought the “borrowers� title up to the border of the black to create more flow.

46


Profile for DeJie Hoffman

DJ Hoffman Typography Process Book Fall 2019  

DJ Hoffman Typography Process Book Fall 2019

DJ Hoffman Typography Process Book Fall 2019  

DJ Hoffman Typography Process Book Fall 2019

Profile for ndhoffman
Advertisement