Presentation is loading. Please wait.

Presentation is loading. Please wait.

DHS Graphic Design Typography. Type Alignment There are 5 types of type alignments: – Center – Left aligned – Right aligned – Justified – Or wrapped around.

Similar presentations


Presentation on theme: "DHS Graphic Design Typography. Type Alignment There are 5 types of type alignments: – Center – Left aligned – Right aligned – Justified – Or wrapped around."— Presentation transcript:

1 DHS Graphic Design Typography

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

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

4

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

6 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

7 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.

8 Runaround text

9 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.

10 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.

11 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.

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

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

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

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

16 stonemasons

17 serif

18

19 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

20 Samples of serif Caslon

21 Sample of serif Tiffany-heavy-bold

22 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.

23 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.

24 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.

25 Samples of square serif/ egyptian

26 Samples of square serif Lubalin Graph

27

28 Samples of square serif Clarendon

29 Samples of square serif Clarendon

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

31

32 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.

33 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.

34 Samples of sans serif Helvetica

35 Samples of sans serif Futura

36 Samples of sans serif Gill Sans

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

38 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.

39 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

40 Samples of scripts hancock

41 Samples of script Vladimir

42 Samples of script nelson

43 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

44 samples tinsnips

45 samples tolo

46 samples Transuranium

47 samples TSA

48 Quiz on identifying type catagories

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

50 Serif

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

52 Square serif

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

54 Square serif

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

56 Serif

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

58 Sans serif

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

60 Sans serif

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

62 decorative

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

64 Decorative

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

66 Serif

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

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

69 decorative

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

71 Square serif

72 What is this part of the letter-face called?

73 Serif

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

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

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

77 True

78 What is this align text technique called?

79 Runaround


Download ppt "DHS Graphic Design Typography. Type Alignment There are 5 types of type alignments: – Center – Left aligned – Right aligned – Justified – Or wrapped around."

Similar presentations


Ads by Google