Week 10 Typography Project Final Book
Serif versus Sans Serif Fonts A Serif font is a font that has “a small decorative line added as embellishment to the basic form of a character. The most common serif typeface is Times Roman. A common serif typeface is Times New Roman (Webopedia).” Sans serif fonts tend to be easier to read on computer screens and make good main-content fonts (Sitepoint).
A Sans-Serif font is a font without (or sans) a serif. Common typefaces for serif fonts are Arial and Heveltica (Webopedia). Serif fonts tend to be harder to read on computer screens and make good fonts for headers or sub-headers (Sitepoint). Serif fonts are used as main content in edgy marketing material to make it stand out.
SOURCES:
Gregory, A. (2009, March 18). Serif Fonts Vs. Sans Serif Fonts: A Working Case Study. Retrieved February 12, 2012, from Sitepoint: http://www.sitepoint.com/serif-fonts-vs-sans-serif-fonts-aworking-case-study/ IT Business Edge. (2012). serif and sans serif. Retrieved February 12, 2012, from Webopedia.com: http://www.webopedia.com/TERM/S/sans_serif.html
Page Gutters “The inside margins two facing pages space is that extra to accommodate magazines. The varies depending on
or blank space between is the gutter. The gutter space allowance used the binding in books and amount of gutter needed the binding method.
In saddled-stitched of gutter, as well are adjusted to alsometimes used to between columns (About.com)”
publications the amount as the outside margins low for creep. Gutter is refer to the alley or space of text in a page layout. SOURCES:
Jacci Howard Bear’s Desktop Publishing Glossary. (2012). Gutter. Retrieved February 12, 2012, from About.com: http://desktoppub.about.com/cs/pagelayout/g/gutter.htm
Text Wraps and Runarounds A wrap is when a text of another design eleage (Fundamentals), margin of the text folcircle. Text wraps can runs off to the next line,
margin takes the shape ment such as an imas shown here. The lows the contors of the also refer to when text such as this text is doing.
A runaround is when text forms around a picture or object. It “runs around” the outside of the object, plus any buffer given, so that the text does not run over the image. This technique is used many times in this document because it creates a dramatic and pleasing effect. SOURCES:
Ambrose, G., & Harris, P. (2006, November 1). Fundamentals of Typography. Retrieved February 12, 2012, from Safari Books Online: http://my.safaribooksonline.com/book/graphic-design/9782940439973/words-and-paragraphs/wraps_and_runarounds
Kerning Kerning is the space between letters in type. Kerning can be adjusted manually, but most modern fonts already have a kerning asigned to them. A slim kerning can make a font unreadable because it is squished against the rest of the letters, but a wide kerning can be unreadable because the letters are too far apart. A great internet find, KERNTYPE (http:// type.method.ac/) is a game where you need to manually adjust the kerning in font by clicking and dragging on letters. It then scores you, based on your accuracy. I had a lot of fun playing this game for much longer than I should have!
Ascenders and Descenders An ascender is a lower-case letter that extends above the median line in written or typed text. In the English language, this would be letters such as l, t, b, or d. The ascender is recognizable at a glance or at a distance. A descender is a lower-case letter that extends below the median line in written or typed text. In the English language, this would be letters such as q, y, or p.
Interlaced Shapes Interlaced shapes are shapes that are connected to one another almost seemlessly. Interlaced shapes are usually used as logos in design. Below you can see some examples of interlaced shapes.
Inlaid Text Inlaid text is text that is laid over an image and then has a clipping mask applied. This makes it so that the image is retained in the text. It is a neat effect, but it can be abused if used too often.
Ligatures Ligatures can be stylistic or
phonetic. Stylistic ligatures are as seen in the image to the left; the connection of two letters in typogrophy to make things look more fluid.
Phonetic ligatures are to signify that two sounds go together, such as the Middle English AE (æ), such as in encyclopædia. The ampersand (&) was originally ligature, having been derived from the Latin word et, which means “and.”
Typography is everywhere. In the modern, digital age, typography is in every email, every document, and every webpage. Inside this book, Kristen Stevens addresses many of the basic elements of typography, such as kerning, text wraps, ascenders and descenders, inlaid text, and more. Included as well are examples and images to make sure each element is fully explained. Typography: it’s here to stay.
How will you use it?
