Poster typography

February 28, 2012

The alignment of the spacing is key where the chunking is the presenter/ location and artist. The Artist are bolded because they are where the eye wants to be drawn . The contrast of the Universe styes is what makes it stand out more.

 

Alignment is still key. I wanted to play on the variation of font.

 

For the first attempt I was playing with mainly the VH1 logo. Then emphasizing the role of the 90s. the second Hierarchy is placed on the artist with the date and time placed vertically to approx. take up the same Cap height. The location and the date are the same font stye and height.

The second attempt using roughly the same logic in heirarchy. The emphasizes is on the 90s rather than VH1. But size and font of the artist and date are still the same. With this variation I wanted to play on pulling VH1 out of the frame to create more tension for the poster and by placing the artist and date on the left side to draw the eye in that direction.

The Third Poster pulls the poster outwards to the left and right direction. There is a variation of value which plays up VH1 and “Best of the 90s”. The location is based near the top and is read easily because of the base line of the “1”. Between the values chosen and the size it helps create comfort.

 

Final Space and meaning

February 21, 2012

The final composition was a farther finish of my previous example with the emphasis of the “FU”. Similar to before the composite was a connotation of the word “FAILURE”. The “FU” is larger and placed center on the page, to draw the eye there first. The design also is meant to connect the FU so the reading of it is more fluid. The rest of the word “AIL” and “URE” are smaller and placed at 20 % value to make it the second aspect of the hierarchy.

Space and meaning

February 16, 2012

 

"U" Emphasized , thus direction the word directly to the audience

Abstracting the FU of the work failure: provocative

In a sense very literal. The "F" being a direct relationship to a failure on a gradable subject

 

1. Playing with the "F" and how readable it is when mirrored. and the work "lure"

 

similar to the "FU" one this plays with the juxtaposition of the gradience





 

Voice of Typography

February 14, 2012


1.American typewriter is a more playful font, the descender and ascender is more condensed. The terminals are very accentuated on the (g) and (a).

2.Arial common type of sans- serif, thicker bolder, easier to read. The lettering Is more condensed than other fonts.

3.Century Gothic the lines are thinner, and lettering more spread out. The counter forms are symmetric and regular.

4.Cambria the line of the x-height and cap height is very emphases with the flattening of the (g).

5.Corbel because of the line of the base and x-height, the descender and ascender seem elongated. The P, e, and d seem far apart.

6.Orator Std, one of my favorite fonts, the cap and lower case are very ambiguous. Despite being serif it is modern like sans. The baseline is precise however the lack of dramatic different between the cap height and the x-height makes it playful to the eye.

7.Rockwell what is very noticeable is the terminal of the g and y and how the connection is very emphasized. The spacing seems condensed because of this.

8.Silom has a dramatic transition between thick and thin. This can be seen in the desender of the (g and y). The counter form also shows the juxtaposition between straight and curve.

9.Tahoma the letters are condensed. The x height is ambiguous because of the curvature of the letters.

10.Optima is stylistic – looking at the P and g. The D is higher than the cap height 

 

The Most Successful for the word Pedagogical was American Type font, because of the old style connotation of the word. The least successful was Silom for how bold and intense it appears to make the word seem.


Tracing Typefaces

February 10, 2012


Garamond and Bodoni are serif fonts thus meaning they are more organic and professonal. Espically the design of the (g). While Helvetica and Futura are san serifs, relatively modern noted by the straight lines with the serifs perhaps being a decoratorant. Both Didot and Futura are bolder than Garamond and Helvetica

 

QUESTION FROM THE READING

How did computers change typefaces? How were they made before computers? And after?

Prior to the introduction of computers, one needed to draw the letters themselves – using the common examples of the bible and the work of monks in the reproduction of them. Then there was the introduction of the printing press and the production of the Gutenberg bible. The idea of mass production was then manifested by the computer media, which uses an Operating System. The advantages of this was speed, accessibility, and availability  of design variation. Currently there is also the advantages of spell check. Designs are even more advanced with systems like photoshop, Illustrator, and indesign

What is the anatomy of a typeface? What are all those little bits of letters called?

Antimony: The relationship of the letters to their various parts. Bits: Stem, Bowl, Serif, Descender, Ligaturem Finial, Ascen`der, Terminal, Crossbar, and Spine.

How do designers choose what font to use?

The design of each font has a certain connotation which makes it popular for certain uses. Designers should be able to know that intended purposes of popular fonts and precedence of where and how they were used. Example for book titles tend to be bolder, unless the novel requested a more lyrical feel.

What is a type family? What are its parts?

Various forms of the same font are called Type Family such as san serifs.

Remember one font from this reading, or elsewhere, that you like. Find the name. Think about why you like

My favorite type of font is Futura. Its clean cut and efficient. As an architecture major modern fonts are what convey the best message.

Final compositions

February 4, 2012

Tension: “too subtle”, “make slit smaller to emphazise shift”

Comfort: “too simple”, “place in center”

Order: “put more square in” “make more dramatic”

Playful: “read as cluster” “is not a square”

Cluster: “Add more squares”

Design a site like this with WordPress.com
Get started