DHS Graphic Design Typography

Type Alignment There are 5 types of type alignments: – Center – Left aligned – Right aligned – Justified – Or wrapped around other visual elements

Centered aligned type It is popular for short amount of text : – Flyers – Wedding invitation & announcement – Dasdfsafsafds – Dagdsgfsdgfsda – Sdfsadafdsfsda agfadsgfv

Left aligned type It is useful in just about any type application because designers consider it is easy to read. Shdhabsjdasdada Sdasdasdasdasdasd cdvsds asdsadasdasdas

Justified text It is common in magazines and newspapers. It aligns text to both the left and right margins, adding extra space between words as necessary

Right aligned text It is used more in moderation because the irregular left edge makes it slightly harder for the viewer’s eye to track to the beginning of the next line.

Runaround text

It is a natural for newsletters and magazines. It flows easily around objects on the page such as initial caps, illustrations, photographs, and even other pieces of text.

Line length Meaning: how long the text line of the paragraph It is an important component of designing readable text. Long lines of type are hard to read because the eye has difficulty tracking back to the beginning of the next line.

Line length Really short lines of type are tedious to read, especially if there are a lot of hyphenated words. The shorter the line length, the fewer characters fit on the line, and the more hyphenated words result.

Short line length Results in bad breaks and undesirable amounts of hyphenation (more than 2 hyphens in a row are undesirable).

Best legibility?! For best legibility, line lengths should be no more than approximately 50 to 60 characters long.

Catagories of typeface We divide the structure of typefaces into 5 catagories 1.Serif 2.Sans serif 3.Square serif 4.Script 5.decorative

serif Old style, transitional, and modern serifs Roman serif type originated with the Romans

stonemasons

serif

1.Old style 2.Transitional 3.Modern serif They are extremely easy to read in both headlines and body copy They convey a sense of dignity, history and reserved style

Samples of serif Caslon

Sample of serif Tiffany-heavy-bold

Square serif The serifs at the end of the letter strokes appear to end in blocks or slabs The x-height is very tall compared to the capitals, There is very little contrast between the thick and thin of the letter strokes.

Square serif Some typographers name this category “Egyptian” or “Slab Serif” because many of these typefaces had Egyptian sounding names to capatalize on the fad popularity of anything Egyptian in the early 1800s.

Square serif When set into the body copy, they appear very dense and black. They are mostly used in children’s books because of their simplicity and unfussy clean appearance.

Samples of square serif/ egyptian

Samples of square serif Lubalin Graph

Samples of square serif Clarendon

Samples of square serif Clarendon

Sans serif “sans” means without in french “sans serif” means without serifs It originated as a visual response to the Industrial Revolution

Sans serif Because of their simplicity and clean look, work well for headline type and display type. But if set for body, it would slow down readers’ reading speed.

Serif vs sans serif Serif helps reader identify the letterforms faster than a sans serif font. Without the serifs, there are slightly fewer characteristics for the readers to identify  slow down reading speed.

Samples of sans serif Helvetica

Samples of sans serif Futura

Samples of sans serif Gill Sans

Script Script typefaces convey the feeling of handwritten designs. Depending on the design of the script, the typeface can seem – formal or – very informal.

script Formal appearing scripts are commonly used in wedding invitation Informal appearing scripts can lead an air of immediacy and dynamic action to a design.

Script Many script typefaces are hard to read when set in blocks of text or in all capital letters. Some are difficult to read when set in all lower case. Good for headline, avoid in body copy

Samples of scripts hancock

Samples of script Vladimir

Samples of script nelson

decorative These typeface designs that are hard to categorize are by default dropped into the decorative category. There are no particular design limits for this category. Many of these typefaces are extremely difficult to read and are best used for display or headlines, no body copy

samples tinsnips

samples tolo

samples Transuranium

samples TSA

Quiz on identifying type catagories

QUIZ 1.Serif 2.Sans serif 3.Square serif 4.Script 5.decorative

Serif

1.Serif 2.Sans serif 3.Square serif 4.Script 5.decorative

Square serif

1.Serif 2.Sans serif 3.Square serif 4.Script 5.decorative

Square serif

1.Serif 2.Sans serif 3.Square serif 4.Script 5.decorative

Serif

1.Serif 2.Sans serif 3.Square serif 4.Script 5.decorative

Sans serif

1.Serif 2.Sans serif 3.Square serif 4.Script 5.decorative

Sans serif

1.Serif 2.Sans serif 3.Square serif 4.Script 5.decorative

decorative

1.Serif 2.Sans serif 3.Square serif 4.Script 5.Decorative Bria Root

Decorative

1.Serif 2.Sans serif 3.Square serif 4.Script 5.decorative

Serif

1.Serif 2.Sans serif 3.Square serif 4.Script 5.decorative Hello My fellows

1.Serif 2.Sans serif 3.Square serif 4.Script 5.decorative

decorative

1.Serif 2.Sans serif 3.Square serif 4.Script 5.decorative

Square serif

What is this part of the letter-face called?

Serif

There are 5 types of type alignments: 1._________ 2.__________ 3.__________ 4.__________ 5.__________

There are 5 types of type alignments: – Center – Left aligned – Right aligned – Justified – Or wrapped around other visual elements

 Center aligned text is popular in Wedding invitation & announcement – True – False

True

What is this align text technique called?

Runaround