3. +
Fonts and Faces
Typeface—a family of graphic characters that usually includes
many type sizes and styles
Font—a collection of characters of a single size and style
belonging to a particular typeface family
Styles—includes italic, bold and regular
Attributes—includes underlining and outlining of characters
Point—way of expressing type sizes (0.0138 inch)
Font size—distance from the top of the capital letters to the
bottom of the descenders in letters such as g and y
5. +
X-height—height of the lowercase letter x
Leading—(ledding) space below the descender (and
sometimes above) to provide appropriate line spacing
Character metrics—general measurements applied to
individual characters
Kerning—adjusts the width of the space between two
characters in a line of text
Tracking—creates an even spacing between multiple
characters in a line of text, widening it out, or tightening it up
9. +
Serif vs Sans Serif
Serif—the little decoration at the end of a letter stroke
used for body text because the serifs are said to help guide the
reader’s eye along the line of text
Sans Serif—without serif
used for headlines and bold statements
10. +
Using Text in Multimedia
For titles and headlines—what a site is all about
For menus—where to go
For navigation—how to get there
Content—what you see when you get there
11. +
Designing with Text
On interactive projects or web sites
Text will help users navigate through relevant information in the site
Too little text on a screen requires annoying page turns and
unnecessary mouse clicks and waits; too much text can make the
screen seem overcrowded and unpleasant
Presentations
use bulleted points in large fonts and few words with lots of white
space
12. +
Choosing Text Fonts
For small type, use the most legible font available. Decorative
fonts that cannot be read are useless.
13. +
Choosing Text Fonts
Use as few different faces as possible in the same work, but
vary the weight and size of your typeface using italic and bold
styles where they look good
Ransom-note typography—using too many fonts on the same
page
14. +
Choosing Text Fonts
In text blocks, adjust the leading for the most pleasing line
spacing. Lines too tightly packed are difficult to read.
Vary the size of a font in proportion to the importance of the
message you are delivering
In large-size headlines, adjust the spacing between letters
(kerning) so that the spacing feels right.
To make your type stand out or be more legible, explore the
effects of different colors and of placing the text on various
backgrounds.
15. +
Choosing Text Fonts
Use anti-aliased text where you want a gentle and blended look
for titles and headlines.
Anti-aliasing—blends the colors along the edges of the letters
(called dithering) to create a soft transition between the letter and
its background
Try drop caps and initial caps to accent your words.
16. +
Choosing Text Fonts
If you are using centered type in a text block, keep the number
of lines and their width to a minimum.
For attention-grabbing results with single words or short
phrases, try graphically altering and distorting your text and
delivering the result as an image.
Experiment with drop shadows.
Surround headlines with plenty of white space
White space—designer’s term for roomy blank areas
17. +
Choosing Text Fonts
Pick the fonts that seem right to you for getting your message
across, then double-check your choice against other opinions.
Use meaningful words or phrases for links and menu items
Text links on web pages can accent your message: they
normally stand out by color and underlining, be consistent
Bold or emphasize text to highlight ideas or concepts, but do
not make text look like a link or a button when it is not.
On a web page, put vital text elements and menus in the top
320 pixels
18. +
Designing with Text
Installed fonts
Animating text—helps retain a viewer’s attention
Do not overdo the special effects or they will become boring!
Symbols—concentrated text in the form of stand-alone graphic
constructs
Convey meaningful messages
Examples: trash, hourglass
Icons—symbolic representations of objects and processes
common to the graphical user interfaces of many computer
operating systems
20. +
With multimedia, you have the power to blend
both text and icons (as well as colors,
sounds, images, and motion video) to
enhance the overall impact and value of your
message.
Editor's Notes
U text and symbols for communication is a very recent human developmentthatbeganabout6,000yearsagointheMediterranean Fertile Crescent—Mesopotamia, Egypt, Sumeria, and Babylonia—when the first meaningful marks were scraped onto mud tablets and left to harden in the sun. Only members of the ruling classes and the priesthood were allowed to read and write the pictographic signs and cuneiforms. The earliest messages delivered in written words typically contained information vital to the management of people, politics, and taxes. Because this new medium did not require rote memorization by frail human gray matter, written messages became popular among the elite. Unlike their human counter- parts, these new messages were less likely to perish due to dysentery or acts of God, or suffer from amnesia. Even if a message were intercepted by foes or competitors, it would still be indecipherable—except by those few who had acquired reading skills.In fact, because those who could read probably attended the same private school or shared the same tutors, in those days reading, writing, and power politics were naturally intertwined. In some former eras it was a capital offense to read unless you belonged to the proper social class or possessed a patent granted to you by your rulers.
Today, text and the ability to read it are doorways to power and knowledge. Reading and writing are expected and necessary skills within most modern cultures. Now, depending upon your proficiency with words, you may be awarded a doctorate instead of the death penalty. And, as has been the case throughout history, text still delivers information that can have potent meaning.Since the explosion of the Internet and the World Wide Web, text has become more important than ever. Indeed, the native language of the Web is HTML (Hypertext Markup Language), originally designed to display simple text documents on computer screens, with occasional graphic images thrown in as illustrations (see Chapter 12 for more history of the Internet). Academic papers, magazine articles, complex instruction manuals, and even the contents of entire books are now available for reading with a web browser. Add a built-in function that links, with a click of the mouse, selected words and phrases to other related and perhaps more- detailed material (the “hypertext” part of HTML, discussed later in this chapter), and you can surf the Net in a medium much richer than the paper pages of a book.
Helvetica, Times, and Courier are typefaces; Times 12-point italic is a font. In the computer world, the term font is commonly used when typeface or face would be more correct
the metrics of a font can be altered to create interesting effects
In centuries when type was set by hand, the type for a single font was always stored in two trays, or cases; the upper tray held capital letters, and the lower tray held the small letters.Studies have shown that words and sentences with mixed upper- and lowercase letters are easier to read than words or sentences in all caps (uppercase). While uppercase can make your message appear important or urgent, use this sparingly; in online messaging it’s known as “SHOUTING” or “YELLING” and can be annoying, if not offensive.
Serif versus sans serif is the simplest way to categorize a typeface
Imagine designing a project that used no text at all. Its content could not be at all complex, and you would need to use many pictures and symbols to train your audience how to navigate through the project. Certainly voice and sound could guide the audience, but users would quickly tire of this because greater effort is required to pay attention to spoken words than to browse text with the eye.
Let the audience focus on the speaker at the podium, rather than spend its time reading fine points and subpoints projected on a screen
Before you can use a font, it must be recognized by the computer’s operating system. If you want to use fonts other than those installed with your basic operating system, you will need to install them. When you install applications, fonts are often added to yourcollection.