Wednesday, September 17, 2008

Who knew type was SO complex?

Absolute Measurement
- Measurements with fixed values. They are expressed in finite terms and can't be altered. Points and picas are absolute measurements
















Points/Picas
-The basic measurements of type. Points are used to measure font size. Originially, a font's size was determined by the height of its type block (back in the movable type days). Now, it's the measurement of its height from the highest ascender to the lowest descender. 1point (pt) = .35mm or 1/72in. 12pt = 1 pica. Pica is commonly used for measuring lines of type.

Relative Measurement
- Measurements that depend on other variables and thus have no fixed value. Measurements such as leading, character spacing, ems and ens are all relative measurements

x-height
- the height of the lowercase letters of a font, minus any ascenders or descenders (measured as the length from the baseline to the top of a lowercase x) . The larger the x-height, the larger a font appears to be. in addition, characters with rounded tops (ex. b, d, o, etc) actually extend a little bit over the x-height in order to perceptually seem the same size.

The em. The en
- The em is used to define basic spacing functions. It's equal to the size of the type, so if the type is 36pt, then the em is 36pt. Even though it sounds like it should be realated to the letter m, it the m will rarely be as wide as the em.
- The en is half of the em. So if the type is 36pt, then the en is 18 pt. The en rule is used for nested clauses as well as 'to' phrases, such as in 10 to 11 or 1999 to 2000.





Dashes
- Ems and ens are used in punctuation to dente dash length, and each has a specific function.
- The em is the size of the font itself and is used to separate out parenthetical thoughts as well as to show when there is an interuption
- An en, as stated earlier is 1/2 of an em and is used for nested clauses, as well as the 'to' phrases. In addition, it can be used like the em dash to separate out paranthetical thoughts when an em dash would be at the end of a line or would look odd. The en is also used to combine two hyphenated terms, and also to combine two terms that don't modify each other (for example, with names as is common in science: Boss--Einstein Condensate
- A hyphen is 1/3 of an em, and is used to join words and separate syllables.
- As a note, the bullets I am using in this blog entry are hyphens; in addition, em and en dashes are not part of a standard keyboard and instead fall under special characters.

Alignments: Justification, Flush Left, Flush Right
- Alignment is the relationship of text to the ends of a column
- Justification has even edges and makes a nice shape on the page. It's the most efficient use of space, however, it can lead to awkward gaps when line length is too short when compared to type size. Hyphenation is often used to help make it look more even.
- Flush Left makes the left edge hard, but the right edge soft. Although pretty much the norm today it was rarely used until the 20th century. It follows the flow of language, rather than the idea of a fixed shape. However, one must be careful to make sure the right edge doesn't look too ragged/uneven, nor that it looks too even (thereby looking just like justified alignment). Also, hyphenation should be kept to an absolute minimum.

-Flush Right is the opposite of Flush Left, making the left edge hard and the right edge soft. It is harder to read due to the different starting points of each line, and so should not be used for large bodies of text. However, in smaller blocks is makes effective marginal notes, sidebars, pull quotes or other passages that comment on a main body or image. In addition, a flush or ragged edge can suggest attraction or repulsion between chunks of information.


Letterspacing
- Adusting the space between letters. Generally, however, letterspacing refers to adding spacing and is associated with tracking.

Kerning
-Adjusting the space between letters. Kerning give the letters a more cohesive feel, rather than having a fixed amount of space around each letter. Generally, this is done automatically on the computer, using special kerning tables based on letter pairs. However, when type is changed dramatically, sometimes manual kerning must occur to keep letters from looking awkwardly spaced. Generally, kerning refers to reducing space between type

Tracking
- Adjusting the amount of spacing between characters. Too much positive or negative tracking, however, can make make words hard to read either by making the letter too spaced or our too close together. Negative tracking is rarely desireable. Positive tracking is used most often with capitals and small capitals to give a more regal feel. Generally, tracking refers to increasing the space between type.


Word Spacing
-A relative measurement used to define the spaces between words. It is a percentage value of an em, so it depends on the size of the type. This percentage varies between different typefaces.











Widow
- A lone word at the end of a paragraph. This is NOT desireable and the type should be somehow adjusted to avoid this











Orphan
- The final one or two lines of a paragraph separated from the main paragraph to form a new column and should be avoided at all costs








Leading
- The space between lines of text in a text block. It derives it's name from the strips of lead that were inserted between text measures in order to space them accurately. Leading usually has a larger point size than the text to make the text blook more balanced and well spaced. Since letters in different font faces occupy different amounts of the em square, the same amount of leading and same size can give quite a different effect.






Indent, First Line Indent, Hanging Indent
- Indent is moving some or all of the text lines in from the margins by a specified amount. It gives an easy entry point into a paragraphy, and it related to the size of the type. Additionally it can be determined by the grid.
- First Line Indent is where the text is indeted from the left margin in the first line of the second and subsequent paragraphs. Generally, the first paragraph following a heading, subhead, or crosshead isn't indented because it introduces an awkward space, although it can be done
- Hanging indent is an indention from a left or right margin which affects several textlines (like a running indent), however the first line is not indented.

Friday, September 12, 2008

Frutiger and Univers...who needs the e anyway

















Adrian Frutiger is (arguably) one of the most influential typographers of the 20th century. Born on May 24 1928, the life and work of this Swiss graphic designer has spanned the ages of drastically different type processes: hotmetal, phototypesetting, and digital typesetting. He has written many books, won numerous awards, taught in Paris, and a few of his fonts have become famous and are used world wide. In addition to being a typographer, he is also a painter, sculptor, symbolist and mathematician.

Frutiger grew up in Unterseen, near Interlaken, Switzerland. As a boy, he rebelled against the strict handwriting system taught at his school and instead experimented, at one point cutting the pen down to a broad nib to imitate the handwriting of one of his idols.

At the age of 16, he was apprenticed as a compositor (typesetter) at a printing studio for four years, and then attended the Zurich School of Arts and Crafts (Kunstgewerbeschule), focusing on calligraphy.

After his schooling, he went to Paris to work for Deberny & Peignot, revamping old types to work on newer machines. In addition, he worked on new fonts, such as "Président", "Phoebus", and "Ondine". It was in 1957, however, that he gained international recognition with the creation of his font Univers.

From then on, Frutiger has opened his own studio, taught at two French schools, worked for IBM as a consultant, created the typeface for the Charles de Gaulle airport, and created over 30 fonts.

Frutiger is still alive today and lives near Bern, Switzerland

Sources:
http://www.linotype.com/793-12658/handwriting.html
http://en.wikipedia.org/wiki/Typesetting
http://en.wikipedia.org/wiki/Adrian_Frutiger#cite_note-1
http://www.typophile.com/node/12118
http://www.identifont.com/show?110
http://www.monotypeimaging.com/ProductsServices/TypeDesignerShowcase/AdrianFrutiger/
http://artfilm.ch/adrianfrutiger.php?lang=e&id=adrianfrutiger&suche=dvds


UNIVERS

Univers is a sans serif font created by Mr. Frutiger released in 1957 containing 44 different styles. It was the first font to use his special numbered classification for the different styles of the font face. Univers was also unique in that the entire family of font styles was all created at once as a complete unit, rather than later being expanded upon.

In this univers grid, even numbers are italic (or oblique) ad odd numbers are roman. The first number stands for the stoke weight, with 1 being lightest and 9 being heaviest. The second number represents the position and width. with 1 being the most extended to 9 being the most condensed. By this system, 55 is the the original, roman style of the typeface.

Sources:
http://en.wikipedia.org/wiki/Univers

Thursday, September 11, 2008

The status is NOT quo

Dr. Horrible's Sing-Along Blog is a 40ish minute online 3 part video made by none other than Joss Wheedon (Buffy), and staring Felicia Day, Neil Patrick Harris (aka Doogie Houser), and Nathan Fillion. It's become somewhat of a cult classic, and includes quite a few funny and quoeable lines.

Ever since Design II, I've always been amazed by how movies work. The camera angles, the transitions between shots, it's all delicately planned so that it's not choppy. I mean, even just switching between faces when two people are talking to each other: how do we as a viewer understand this as a conversation, seeing only one person in the frame at a time, one talking facing one direction, and one the other. How should the camera follow a person? All of this is especially interesting to me because it applies to comics as well. Without showing the entire scene in every frame, you have to give the reader a sense of what is going on, as well as the environment itself.

In musicals like this, it's especially interesting to me to see how they transition into songs so that everything still all flows together.

Wednesday, September 10, 2008

Baskerville: the man, the font, and no, not the hound...













THE MAN

John Baskerville, born in 1706, was an English printer known today for his creation of the font that shares his name. Before working as a printer and typographer, his jobs ranged from tombstone engraver to the business of japanning (a lacquering process to make European imitations of Asian lacquer works)
John made many improvements to the printing world in addition to his creation of Baskerville. After starting up his own printing company, he improved existing types and printers, and even created new inks and better paper. Because of his hard work improving all parts of the printing process, Baskerville’s printings were usually clearer and blacker than the competition, which worked out well since his font had some pretty narrow strokes. In fact, most people at the time criticized the font for its thinness, and Baskerville didn’t gain attention or proper use until as late as the 1920s!
Among Baskerville’s printed works, his most notable piece is his Bible in 1763. Considered by some to be the ‘finest printed work in England,’ the Bible also stands out because Baskerville was an atheist. In addition, Baskerville also printed Milton’s Paradise Lost and Paradise regained, and even printed for Cambridge university.
Upon his death in 1775, he was buried in the non-consecrated ground of his own house, later being moved to a couple of different locations after the house was demolished to build a canal.

THE FONT








Baskerville is a transitional font, providing a segue between the traditional Caslon font and newer fonts. Baskerville is characterized by its thin lines, and was in fact criticized for being too thin. Overall though, it was based on the Caslon font, designed to be an improvement: straighter letters, a straighter serif, and the higher contrast between thick and thin lines. During John Baskerville's lifetime, the font was not very popular, however, it's poplarity grew over time: starting with Ben Franklin bringing it to America (used in governement documents) and later to it's rise in popularity in the 1920s.


http://www.linotype.com/702/johnbaskerville.html

http://en.wikipedia.org/wiki/John_Baskerville

http://en.wikipedia.org/wiki/Baskerville

http://www.uh.edu/engines/epi1761.htm

http://ilovetypography.com/2007/09/23/baskerville-john/

http://www.identifont.com/show?22P

http://en.wikipedia.org/wiki/Japanning

Monday, September 8, 2008

Switzerland

I saw this in a book about Switzerland that I was using in my Visual Concepts class. I thought that it was interesting, not only because my classes are crossing over, but also because it uses different sizes and directions of type to give movement and value to the piece.

Friday, September 5, 2008

Speaking of logos...

An article on Joystiq.com (an online source for videogame news) mentioned the similarity between a newly designed post office logo and two other well known (relatively speaking) video game logos:


It really made me realize the power of well designed symbols/logos.

That and the fact that a combination of Marathon (first person shooter designed by Bungie, now well known as the creators of the Halo series) and Pokemon (technically a turned based rpg, well known for it's use of more than 400+ different creatures to catch and train), would be hilarious and/or awesome.

Wednesday, September 3, 2008

Layout change

Changed the layout to one of the default templates.

I figured I'll just make my own layout when I get enough time

and to make this post more design related,

M.C. Escher is one of my favorite artists, not only because of his use of optical illustions but also because his art has mathematical influences (for example, all of his tessellations). Most people are familiar with at least one or two of his works, but he has quite an extensive portfolio. Check out the picture gallery on the site if you're interested.