BBN ANG 183 Typography Text colour: vertical and horizontal spacing

Size: px
Start display at page:

Download "BBN ANG 183 Typography Text colour: vertical and horizontal spacing"

Transcription

1 BBN ANG 183 Typography Text colour: vertical and horizontal spacing Zoltán G. Kiss & Péter Szigetvári Dept of English Linguistics, Eötvös Loránd University gkz & szp (delg) typo/spacing 1 / 43

2 outline colour legibility/readability tight spacing typefaces loose spacing leading kerning/tracking word space sample exam questions gkz & szp (delg) typo/spacing 2 / 43

3 in this part... optimal arrangement of letters/words/text within the textblock gkz & szp (delg) typo/spacing 3 / 43

4 in this part... optimal arrangement of letters/words/text within the textblock spacing vertically gkz & szp (delg) typo/spacing 3 / 43

5 in this part... optimal arrangement of letters/words/text within the textblock spacing vertically spacing horizontally gkz & szp (delg) typo/spacing 3 / 43

6 colour text colour The typesetting device [...] functions like a loom. And the typographer, like the scribe, normally aims to weave the text as evenly as possible. Good letterforms are designed to give a lively, even texture, but careless spacing of letters, lines, and words can tear this fabric apart. [...] The density of texture in a written or typeset page is called its colour. [...] Once the demands of legibility and logical order are satisfied, evenness of colour is the typographer s normal aim. (Robert Bringhurst: The elements of typographic style, 2005, p. 25) gkz & szp (delg) typo/spacing 4 / 43

7 colour good colour is gkz & szp (delg) typo/spacing 5 / 43

8 colour good colour is even and consistent gkz & szp (delg) typo/spacing 5 / 43

9 colour good colour is even and consistent neither dark (tight setting) gkz & szp (delg) typo/spacing 5 / 43

10 colour good colour is even and consistent neither dark (tight setting) nor pale (loose setting) gkz & szp (delg) typo/spacing 5 / 43

11 colour colour depends on the... gkz & szp (delg) typo/spacing 6 / 43

12 colour colour depends on the... design of type (e.g., seriffed or sans serif font; size) gkz & szp (delg) typo/spacing 6 / 43

13 colour colour depends on the... design of type (e.g., seriffed or sans serif font; size) spacing between lines (leading) gkz & szp (delg) typo/spacing 6 / 43

14 colour colour depends on the... design of type (e.g., seriffed or sans serif font; size) spacing between lines (leading) spacing between letters (letter spacing) gkz & szp (delg) typo/spacing 6 / 43

15 colour colour depends on the... design of type (e.g., seriffed or sans serif font; size) spacing between lines (leading) spacing between letters (letter spacing) spacing between words (word spacing) gkz & szp (delg) typo/spacing 6 / 43

16 colour legibility/readability legibility and readability legibility the reader s ability to easily recognize letterforms and the word forms built from them gkz & szp (delg) typo/spacing 7 / 43

17 colour legibility/readability gkz & szp (delg) typo/spacing 8 / 43

18 colour legibility/readability legibility and readability legibility the reader s ability to easily recognize letterforms and the word forms built from them readability the facility and comfort with which text can be comprehended gkz & szp (delg) typo/spacing 9 / 43

19 colour legibility/readability legibility and readability legibility the reader s ability to easily recognize letterforms and the word forms built from them readability the facility and comfort with which text can be comprehended Text with good readability must also be legible, but mere legibility does not make text readable. gkz & szp (delg) typo/spacing 9 / 43

20 colour legibility/readability legibility and readability legibility the reader s ability to easily recognize letterforms and the word forms built from them readability the facility and comfort with which text can be comprehended Text with good readability must also be legible, but mere legibility does not make text readable. Overall page design (including text colour), so not only type design, greatly affects both legibility and readability. gkz & szp (delg) typo/spacing 9 / 43

21 colour tight spacing alternately tight letterspacing varying colour gkz & szp (delg) typo/spacing 10 / 43

22 colour tight spacing tight spacing and legibility/readability carnal cloth savvy Font: LMRoman17 gkz & szp (delg) typo/spacing 11 / 43

23 colour tight spacing tight spacing and sans serif fonts Font: Helvetica Neue LT Pro 55 Roman gkz & szp (delg) typo/spacing 12 / 43

24 colour tight spacing serif vs. sans serif and letterspacing gkz & szp (delg) typo/spacing 13 / 43

25 colour tight spacing Don t steal sheep! letterspacing lower case: stealing sheep A man who would letterspace lower case would steel sheep. (Frederic W. Goudy, ) gkz & szp (delg) typo/spacing 14 / 43

26 colour tight spacing Stop stealing sheep... gkz & szp (delg) typo/spacing 15 / 43

27 colour tight spacing some of Goudy s typefaces gkz & szp (delg) typo/spacing 16 / 43

28 colour tight spacing Goudy s most famous gkz & szp (delg) typo/spacing 17 / 43

29 colour typefaces colour and typefaces gkz & szp (delg) typo/spacing 18 / 43

30 colour loose spacing narrow columns: newspaper typography & rivers gkz & szp (delg) typo/spacing 19 / 43

31 leading vertical spacing: leading leading (or: (base)lineskip, line/interline/interlinear spacing) Leading /"ledin/ is the distance in points from the baseline of one line of type to the baseline of the line that follows (or precedes) it. gkz & szp (delg) typo/spacing 20 / 43

32 leading solid leading (baselineskip = point size) gkz & szp (delg) typo/spacing 21 / 43

33 leading positive leading (baselineskip > point size) gkz & szp (delg) typo/spacing 22 / 43

34 leading negative leading (baselineskip < point size) gkz & szp (delg) typo/spacing 23 / 43

35 leading some leading characteristics typesetting software: metrics table solid leading: when it equals the point size; e.g., 12/12 ( 12 on 12 ) positive leading/extra lead: when lines are spread apart by adding lead; e.g., 12/13 ( 1 point of lead ) negative leading: when it is less than the point size (e.g., 12/10) gkz & szp (delg) typo/spacing 24 / 43

36 leading solid vs. positive leading gkz & szp (delg) typo/spacing 25 / 43

37 leading common point sizes and leadings for publications 9/11 (e.g., footnote) 10/12 (A/5, B/5 book) 11/13 (B/5 book) 12/15 (home papers, theses) gkz & szp (delg) typo/spacing 26 / 43

38 leading auto(matic) leading automatic leading: some characteristics gkz & szp (delg) typo/spacing 27 / 43

39 leading auto(matic) leading automatic leading: some characteristics applications: leading = 1.2 fontsize gkz & szp (delg) typo/spacing 27 / 43

40 leading auto(matic) leading automatic leading: some characteristics applications: leading = 1.2 fontsize single solid leading, but around 1.2 of the point size gkz & szp (delg) typo/spacing 27 / 43

41 leading auto(matic) leading automatic leading: some characteristics applications: leading = 1.2 fontsize single solid leading, but around 1.2 of the point size it is recommended to turn off automatic leading, and use manual/fixed leading (height of type area must be exact multiple of baselineskip!) gkz & szp (delg) typo/spacing 27 / 43

42 leading font metrics parameters gkz & szp (delg) typo/spacing 28 / 43

43 leading automatic vs. optical leading in headlines gkz & szp (delg) typo/spacing 29 / 43

44 gkz & szp (delg) typo/spacing 30 / 43 leading automatic vs. optical leading

45 leading asymmetrical leading in display type (sizes) gkz & szp (delg) typo/spacing 31 / 43

46 leading optical leading: negative leading gkz & szp (delg) typo/spacing 32 / 43

47 leading baseline shift leading: character vs. paragraph attribute gkz & szp (delg) typo/spacing 33 / 43

48 leading baseline shift leading: character vs. paragraph attribute most word processors: leading is a paragraph attribute gkz & szp (delg) typo/spacing 33 / 43

49 leading baseline shift leading: character vs. paragraph attribute most word processors: leading is a paragraph attribute baseline shift : changes baseline of a single character gkz & szp (delg) typo/spacing 33 / 43

50 leading baseline shift leading: character vs. paragraph attribute most word processors: leading is a paragraph attribute baseline shift : changes baseline of a single character baseline shift is leading-independent, but usually in absolute units (next lecture) gkz & szp (delg) typo/spacing 33 / 43

51 leading vertical character shift gkz & szp (delg) typo/spacing 34 / 43

52 leading vertical character shift gkz & szp (delg) typo/spacing 35 / 43

53 leading typefaces and leading the effect of typeface features on leading gkz & szp (delg) typo/spacing 36 / 43

54 leading typefaces and leading the effect of typeface features on leading usually more positive leading for: gkz & szp (delg) typo/spacing 36 / 43

55 leading typefaces and leading the effect of typeface features on leading usually more positive leading for: fonts with larger x-heights (e.g., Helvetica, Times New Roman) gkz & szp (delg) typo/spacing 36 / 43

56 leading typefaces and leading the effect of typeface features on leading usually more positive leading for: fonts with larger x-heights (e.g., Helvetica, Times New Roman) fonts with high ascenders & low descenders (e.g., Futura) gkz & szp (delg) typo/spacing 36 / 43

57 leading typefaces and leading the effect of typeface features on leading usually more positive leading for: fonts with larger x-heights (e.g., Helvetica, Times New Roman) fonts with high ascenders & low descenders (e.g., Futura) fonts with heavier strokes, to lighten up the colour of the text ( schoolbook fonts) gkz & szp (delg) typo/spacing 36 / 43

58 leading typefaces and leading the effect of typeface features on leading usually more positive leading for: fonts with larger x-heights (e.g., Helvetica, Times New Roman) fonts with high ascenders & low descenders (e.g., Futura) fonts with heavier strokes, to lighten up the colour of the text ( schoolbook fonts) fonts with a great contrast between strokes ( modern fonts, like Bodoni) gkz & szp (delg) typo/spacing 36 / 43

59 leading typefaces and leading the effect of typeface features on leading usually more positive leading for: fonts with larger x-heights (e.g., Helvetica, Times New Roman) fonts with high ascenders & low descenders (e.g., Futura) fonts with heavier strokes, to lighten up the colour of the text ( schoolbook fonts) fonts with a great contrast between strokes ( modern fonts, like Bodoni) sans serif fonts gkz & szp (delg) typo/spacing 36 / 43

60 leading typefaces and leading the effect of typeface features on leading usually more positive leading for: fonts with larger x-heights (e.g., Helvetica, Times New Roman) fonts with high ascenders & low descenders (e.g., Futura) fonts with heavier strokes, to lighten up the colour of the text ( schoolbook fonts) fonts with a great contrast between strokes ( modern fonts, like Bodoni) sans serif fonts texts with a lot of superscript/subscript symbols and diacritics (footnotes, maths, linguistics, English vs. Hungarian) gkz & szp (delg) typo/spacing 36 / 43

61 leading typefaces and leading the effect of typeface features on leading usually more positive leading for: fonts with larger x-heights (e.g., Helvetica, Times New Roman) fonts with high ascenders & low descenders (e.g., Futura) fonts with heavier strokes, to lighten up the colour of the text ( schoolbook fonts) fonts with a great contrast between strokes ( modern fonts, like Bodoni) sans serif fonts texts with a lot of superscript/subscript symbols and diacritics (footnotes, maths, linguistics, English vs. Hungarian) text on dark background gkz & szp (delg) typo/spacing 36 / 43

62 leading typefaces and leading gkz & szp (delg) typo/spacing 37 / 43

63 leading and now to horizontal spacing gkz & szp (delg) typo/spacing 38 / 43

64 kerning/tracking horizontal spacing of characters: kerning & tracking kerning (egalizálás) A targeted adjustment of space between specific character pairs. gkz & szp (delg) typo/spacing 39 / 43

65 kerning/tracking horizontal spacing of characters: kerning & tracking kerning (egalizálás) A targeted adjustment of space between specific character pairs. tracking (range/track kerning; betűritkítás/-sűrítés) A generalized adjustment of spacing between all the characters in a range of text. gkz & szp (delg) typo/spacing 39 / 43

66 word space horizontal space: word space word space: some characteristics gkz & szp (delg) typo/spacing 40 / 43

67 word space horizontal space: word space word space: some characteristics word space: a character box which does not contain a glyph gkz & szp (delg) typo/spacing 40 / 43

68 word space horizontal space: word space word space: some characteristics word space: a character box which does not contain a glyph width = usually one-quarter-of-an-em ( the with of an i in the current font) gkz & szp (delg) typo/spacing 40 / 43

69 word space horizontal space: word space word space: some characteristics word space: a character box which does not contain a glyph width = usually one-quarter-of-an-em ( the with of an i in the current font) applications may add extra word space: stretch or shrunk gkz & szp (delg) typo/spacing 40 / 43

70 word space horizontal space: word space word space: some characteristics word space: a character box which does not contain a glyph width = usually one-quarter-of-an-em ( the with of an i in the current font) applications may add extra word space: stretch or shrunk useful when lines are broken into paragraphs (see lecture on breaking text ) gkz & szp (delg) typo/spacing 40 / 43

71 word space horizontal space: word space word space: some characteristics word space: a character box which does not contain a glyph width = usually one-quarter-of-an-em ( the with of an i in the current font) applications may add extra word space: stretch or shrunk useful when lines are broken into paragraphs (see lecture on breaking text ) tolerance: stretch and shrink maximum, a limit within which space alternation still looks ok gkz & szp (delg) typo/spacing 40 / 43

72 word space horizontal space: word space word space: some characteristics word space: a character box which does not contain a glyph width = usually one-quarter-of-an-em ( the with of an i in the current font) applications may add extra word space: stretch or shrunk useful when lines are broken into paragraphs (see lecture on breaking text ) tolerance: stretch and shrink maximum, a limit within which space alternation still looks ok if this limit cannot be respected without hyphenation at the end of the line, hyphenation must be used gkz & szp (delg) typo/spacing 40 / 43

73 word space horizontal space: word space word space: some characteristics word space: a character box which does not contain a glyph width = usually one-quarter-of-an-em ( the with of an i in the current font) applications may add extra word space: stretch or shrunk useful when lines are broken into paragraphs (see lecture on breaking text ) tolerance: stretch and shrink maximum, a limit within which space alternation still looks ok if this limit cannot be respected without hyphenation at the end of the line, hyphenation must be used steps: gkz & szp (delg) typo/spacing 40 / 43

74 word space horizontal space: word space word space: some characteristics word space: a character box which does not contain a glyph width = usually one-quarter-of-an-em ( the with of an i in the current font) applications may add extra word space: stretch or shrunk useful when lines are broken into paragraphs (see lecture on breaking text ) tolerance: stretch and shrink maximum, a limit within which space alternation still looks ok if this limit cannot be respected without hyphenation at the end of the line, hyphenation must be used steps: 1. normal word spacing within tolerance gkz & szp (delg) typo/spacing 40 / 43

75 word space horizontal space: word space word space: some characteristics word space: a character box which does not contain a glyph width = usually one-quarter-of-an-em ( the with of an i in the current font) applications may add extra word space: stretch or shrunk useful when lines are broken into paragraphs (see lecture on breaking text ) tolerance: stretch and shrink maximum, a limit within which space alternation still looks ok if this limit cannot be respected without hyphenation at the end of the line, hyphenation must be used steps: 1. normal word spacing within tolerance 2. plus hyphenation gkz & szp (delg) typo/spacing 40 / 43

76 word space horizontal space: word space word space: some characteristics word space: a character box which does not contain a glyph width = usually one-quarter-of-an-em ( the with of an i in the current font) applications may add extra word space: stretch or shrunk useful when lines are broken into paragraphs (see lecture on breaking text ) tolerance: stretch and shrink maximum, a limit within which space alternation still looks ok if this limit cannot be respected without hyphenation at the end of the line, hyphenation must be used steps: 1. normal word spacing within tolerance 2. plus hyphenation 3. plus extra word spacing (should be avoided) gkz & szp (delg) typo/spacing 40 / 43

77 word space horizontal space: word space word space: some characteristics word space: a character box which does not contain a glyph width = usually one-quarter-of-an-em ( the with of an i in the current font) applications may add extra word space: stretch or shrunk useful when lines are broken into paragraphs (see lecture on breaking text ) tolerance: stretch and shrink maximum, a limit within which space alternation still looks ok if this limit cannot be respected without hyphenation at the end of the line, hyphenation must be used steps: 1. normal word spacing within tolerance 2. plus hyphenation 3. plus extra word spacing (should be avoided) 4. plus extra letterspacing (should never be used!) gkz & szp (delg) typo/spacing 40 / 43

78 word space tolerance in a typical word processor gkz & szp (delg) typo/spacing 41 / 43

79 word space strict tolerance in TEX/L A TEX A SHORT STORY by A. U. Thor Once upon a time, in a distant galaxy called Ööç, there lived a computer named R. J. Drofnats. Mr. Drofnats or R. J., as he preferred to be called was happiest when he was at work typesetting beautiful documents. gkz & szp (delg) typo/spacing 42 / 43

80 sample exam questions sample exam questions Which of the following is never part of the textblock? 1. footnotes 2. marginal notes 3. footer 4. folio gkz & szp (delg) typo/spacing 43 / 43

81 sample exam questions sample exam questions Which of the following is never part of the textblock? 1. footnotes 2. marginal notes 3. footer 4. folio gkz & szp (delg) typo/spacing 43 / 43

82 sample exam questions sample exam questions Which of the following is never part of the textblock? 1. footnotes 2. marginal notes 3. footer 4. folio Which of these is used to change the spacing between specific character pairs? 1. kerning 2. leading 3. baseline shift 4. tracking gkz & szp (delg) typo/spacing 43 / 43

83 sample exam questions sample exam questions Which of the following is never part of the textblock? 1. footnotes 2. marginal notes 3. footer 4. folio Which of these is used to change the spacing between specific character pairs? 1. kerning 2. leading 3. baseline shift 4. tracking gkz & szp (delg) typo/spacing 43 / 43

BBN ANG 183 Typography Page layout

BBN ANG 183 Typography Page layout BBN ANG 183 Typography Page layout Zoltán G. Kiss & Péter Szigetvári Dept of English Linguistics, Eötvös Loránd University gkz & szp (delg) typo/page layout 1 / 101 aims course aims you are/will be authors

More information

BBN ANG 183 Typography Page layout

BBN ANG 183 Typography Page layout BBN ANG 183 Typography Page layout Zoltán G. Kiss & Péter Szigetvári Dept of English Linguistics, Eötvös Loránd University gkz & szp (delg) typo/page layout 1 / 125 aims course aims you are/will be authors

More information

WEB TYPOGRAPHY FOR WEB DEVELOPERS. Matej Latin Lead UX/UI Designer at Autotrader.co.uk

WEB TYPOGRAPHY FOR WEB DEVELOPERS. Matej Latin Lead UX/UI Designer at Autotrader.co.uk WEB TYPOGRAPHY FOR WEB DEVELOPERS Matej Latin Lead UX/UI Designer at Autotrader.co.uk 1 A MEANINGFUL WEB TYPOGRAPHY STARTER KIT 2 Most people think typography is about fonts. Most designers think typography

More information

Typographic. Alphabet. Book. Interactive PDF of typographic rules & terms YOU NEED TO KNOW. Home. Table of Contents

Typographic. Alphabet. Book. Interactive PDF of typographic rules & terms YOU NEED TO KNOW. Home. Table of Contents Typographic Alphabet Table of Contents > Rules That Every Typographer Should Know... 2-3 Book Interactive PDF of typographic rules & terms YOU NEED TO KNOW > Baseline... > Gutter... > Hierarchy... > Kerning...

More information

How to use text. Adding a text frame

How to use text. Adding a text frame How to use text Because Adobe InDesign CS6 is a page layout tool, working with text is an important skill. With InDesign, you add all text (and all content) into frames. Frames are shapes (called paths)

More information

BASIC ABOUT TYPE TYPO GRAPHY

BASIC ABOUT TYPE TYPO GRAPHY BASIC ABOUT TYPE TYPO GRAPHY TYPOGRAPHY BASIC DESIGN Relative & Absolute measurements Absolute measurements Inche : Millimetres : Points : Pica 3 Inches 76.2 mm 216 Points 18 Picas 1 Inches = 3 Picas A

More information

VOICE OF TYPE LECTURE 1

VOICE OF TYPE LECTURE 1 VOICE OF TYPE LECTURE 1 TYPOGRAPHY II COUNTY COLLEGE OF MORRIS PROFESSOR GAYLE REMBOLD FURBERT VOICE OF TYPE As you look at typefaces, analyze their forms, learn their history and learn how to use them

More information

Font, Typeface, Typeface Family. Selected Typographical Variables

Font, Typeface, Typeface Family. Selected Typographical Variables Font, Typeface, Typeface Family Font: A font is a set of printable or displayable text character in a specific style, weight, and size. E.g. Helvetica Italic 10 Point. Typeface: The type design for a set

More information

TYPOGRAPHY. ascender arm (as on the capital T) descender bar (as on the capital H) counter ear (as on the lower case g and r)

TYPOGRAPHY. ascender arm (as on the capital T) descender bar (as on the capital H) counter ear (as on the lower case g and r) TYPOGRAPHY Parts of letters: base line x-height ascender arm (as on the capital T) descender bar (as on the capital H) extenders bowl counter ear (as on the lower case g and r) serif stroke tail (as on

More information

Putting type on a page without incorporating typographic principles is merely word processing. Terry Rydberg, Author Exploring InDesign 3

Putting type on a page without incorporating typographic principles is merely word processing. Terry Rydberg, Author Exploring InDesign 3 Putting type on a page without incorporating typographic principles is merely word processing. Terry Rydberg, Author Exploring InDesign 3 Typography The study of all elements of type as a means of visual

More information

Typefaces are character sets based on distinct design characteristics.

Typefaces are character sets based on distinct design characteristics. Level 3 WGHS VISUAL ARTS 2011 ART DESIGN Typography An Introduction to Type Type Design Since the first recordings of letterforms the concept of the typographic form has evolved into a seemingly endless

More information

Font Basics. Descender. Serif. With strokes on the extremities of the letters. T Script. Sans-Serif. No strokes on the end of the letters

Font Basics. Descender. Serif. With strokes on the extremities of the letters. T Script. Sans-Serif. No strokes on the end of the letters Font Basics Ascender Font Size d p x A X-height Cap height Counter The white space within letters Descender Bar A Serif With strokes on the extremities of the letters. T A Sans-Serif No strokes on the

More information

Font classification review

Font classification review Font classification review Taken from Lettering & Type by Bruce Willen Nolen Strals Old Style Transitional Modern Slab Serif Garamond ag Baskerville ag Bodoni ag Cowboys ab Sans Serif Gill Sans ag Decorative

More information

Franklin Gothic. Seniors: Use larger text that is clear and legible. (Souvenir, Times, Garamond, Helvetica)

Franklin Gothic. Seniors: Use larger text that is clear and legible. (Souvenir, Times, Garamond, Helvetica) one TYPOGRAPHY LECTURE: Do s and Don t s in Typography Do Build a basic library first. Find out who your audience is. Use appropriate type sizes. Celebrate white space. Use correct alignment. Use correct

More information

Modifying Type: effects of a letter change COLDS

Modifying Type: effects of a letter change COLDS Modifying Type Modifying Type The goal of good typography is like fabric. It should be evenly woven together where all facets and all parts of the letter forms work together. Sometimes if you have one

More information

MODULE CM 2004 / STAGE 2 / SEMESTER 2 / SESSION Module title Design Principles and Context

MODULE CM 2004 / STAGE 2 / SEMESTER 2 / SESSION Module title Design Principles and Context MODULE CM 2004 / STAGE 2 / SEMESTER 2 / SESSION 06-07 Module title Design Principles and Context Typography Fonts are classified under the following headings. Old Face fonts make use of contrasting wide

More information

The Anatomy, Terminology & Rules of Type

The Anatomy, Terminology & Rules of Type The Anatomy, Terminology & Rules of Type The Anatomy of Type The Anatomy of Type Cap Height X Height Baseline Stem Bars Serifs Leg Ascender Line Ascender X Height Descender Line Bowl Counter Shoulder Descender

More information

Adjust the point size

Adjust the point size Adjust the point size create contrast small and dark Strive for contrast rather than harmony. Mixing typefaces on the same line, designers usually adjust the point size so the x-heights align. Placing

More information

from The Elements of Typographic Style by Robert Bringhurst, page 171

from The Elements of Typographic Style by Robert Bringhurst, page 171 from The Elements of Typographic Style by Robert Bringhurst, page 171 from The Elements of Typographic Style by Robert Bringhurst, page 148 h Dunt augue et, sum ad dolore do od estionse feum iure magna

More information

Unit 4. Multimedia Element: Text. Introduction to Multimedia Semester 2

Unit 4. Multimedia Element: Text. Introduction to Multimedia Semester 2 Unit 4 Multimedia Element: Text 2017-18 Semester 2 Unit Outline In this unit, we will learn Fonts Typography Serif, Sans Serif, Decorative Monospaced vs. Proportional Style Size Spacing Color Alignment

More information

Type on the Web: Dos, Don ts and Maybes Ilene Strizver

Type on the Web: Dos, Don ts and Maybes Ilene Strizver Type on the Web: Dos, Don ts and Maybes Ilene Strizver What exactly is Type on the Web? How does it differ from print? Type in print Fixed Predictable Controllable Appearance varies depending on: Operating

More information

In your lifetime you ve seen billions of letters and millions of words, yet you might never have consciously noticed the typefaces you read.

In your lifetime you ve seen billions of letters and millions of words, yet you might never have consciously noticed the typefaces you read. In your lifetime you ve seen billions of letters and millions of words, yet you might never have consciously noticed the typefaces you read. Type is important because it is an unconscious persuader. It

More information

Alphabet. elemental visual signs 26 characters frozen sounds

Alphabet. elemental visual signs 26 characters frozen sounds Alphabet elemental visual signs 26 characters frozen sounds Evolution Handwriting > minimum number of strokes Engraving > lowercase > minimum number of curved lines > capitals Letterforms Appearance of

More information

section four typography contents introduction...44 helvetica neue...45 bodoni...46 examples of type usage...47 body text examples...

section four typography contents introduction...44 helvetica neue...45 bodoni...46 examples of type usage...47 body text examples... section four typography 43 contents introduction...44 helvetica neue...45 bodoni...46 examples of type usage...47 body text examples...48 introduction Consistent application of type fonts and styles allows

More information

FOUNDATION IN GRAPHIC DESIGN. with ADOBE APPLICATIONS

FOUNDATION IN GRAPHIC DESIGN. with ADOBE APPLICATIONS FOUNDATION IN GRAPHIC DESIGN with ADOBE APPLICATIONS CAN YOU ALL HEAR ME? SPECIAL ANNOUNCEMENT Win a Lifetime Membership to Shaw Academy The draw will be held live during Lesson 8 * CONDITIONS Attend at

More information

jasonjuwono twentyfifteen TYPEDIA _ Typography Encyclopedia

jasonjuwono twentyfifteen TYPEDIA _ Typography Encyclopedia TYPEDIA _ Typography Encyclopedia ANATOMY_ Anatomy of a typeface Anatomy of a typeface What is a Font & Typeface? A design for a set of characters. A font is the combination of typeface and other qualities,

More information

Character Formatting. Formatting the Text in Text Frames

Character Formatting. Formatting the Text in Text Frames FIGURE 4-1 Formatting the Text in Text Frames CHAPTER 4. TYPE 199 Use the Selection tool to select the text frames you want to format and apply formatting. InDesign applies the formatting to all of the

More information

In your lifetime you ve seen billions of letters and millions of words, yet you might never have consciously noticed the typefaces you read.

In your lifetime you ve seen billions of letters and millions of words, yet you might never have consciously noticed the typefaces you read. In your lifetime you ve seen billions of letters and millions of words, yet you might never have consciously noticed the typefaces you read. Type is important because it is an unconscious persuader. It

More information

Structure of Text. Creating Memory Aids through Typography

Structure of Text. Creating Memory Aids through Typography Structure of Text Creating Memory Aids through Typography Edward Rushton MFA Donald Armel PhD Legibility Readability Definitions Legibility Legibility is dependent on the design of the typeface, the letterforms

More information

Project 2 reminders: Hand in your typed book summary/response at end of class today. Make sure to include your name and section.

Project 2 reminders: Hand in your typed book summary/response at end of class today. Make sure to include your name and section. Project 2 reminders: Hand in your typed book summary/response at end of class today. Make sure to include your name and section. Project 2 reminders: First book cover critique this Friday. Bring 3 book

More information

Crimes Against Typography. Shela Vang 13 images Collaborative Partner: Daha Lee 12 images

Crimes Against Typography. Shela Vang 13 images Collaborative Partner: Daha Lee 12 images 13 images Collaborative Partner: Daha Lee 12 images Table of Contents 1 Alignment 3 Dashes 4 Hierarchy 5 Kerning 6 Line Spacing 7 Scale 8 Tracking 9 Widow 10 Thumbnail Images alignment alignment Poorly

More information

Synopsis This module introduces calligraphy, the basic principles of typography, and applications of typography.

Synopsis This module introduces calligraphy, the basic principles of typography, and applications of typography. 8. Typography Synopsis This module introduces calligraphy, the basic principles of typography, and applications of typography. Lectures 8.1 Calligraphy 8.2 Basic Principles of Typography 8.3 Typography

More information

SUCCESSFUL TYPE? Interface Aesthetics

SUCCESSFUL TYPE? Interface Aesthetics TYPO GR AP HY SUCCESSFUL TYPE? SUCCESSFUL TYPE? TYPOGRAPHY 1 2 TYPOGRAPHY /t 'p gr fi/ n. The art or process of setting and arranging types and printing from them. The style and appearance of printed

More information

Document and Web design has five goals:

Document and Web design has five goals: Document and Web design has five goals: to make a good impression on readers to help readers understand the structure and hierarchy of the information to help readers find the information they need to

More information

Using Text in Photoshop

Using Text in Photoshop Using Text in Photoshop So, we re going to take a break for a while from talking about photographs and how to manipulate them, and instead focus on some design elements! We re going to spend a while talking

More information

Introduction A global icon needs an iconic logo. Fashion has evolved since 1969, when Gap opened its first store. Our logo has changed with the

Introduction A global icon needs an iconic logo. Fashion has evolved since 1969, when Gap opened its first store. Our logo has changed with the Introduction A global icon needs an iconic logo. Fashion has evolved since 1969, when Gap opened its first store. Our logo has changed with the times, too. One thing that hasn t changed is our mission

More information

Designing Research Posters. College of Art and Design Chris Jackson, Associate Dean Keli DiRisio, Assistant Professor

Designing Research Posters. College of Art and Design Chris Jackson, Associate Dean Keli DiRisio, Assistant Professor Designing Research Posters College of Art and Design Chris Jackson, Associate Dean Keli DiRisio, Assistant Professor Size and Orientation If you are NOT using the poster template: Start is with a 48"

More information

understanding typography

understanding typography understanding typography What is typography?! it is what language looks like! it is the art and technique of modifying type and arranging it on a page What does the arrangement of type mean? the arrangement

More information

Graphic Design. shawacademy LESSON 5. summarynotes INTRODUCTION TO TYPOGRAPHY. For further questions visit us online at:

Graphic Design. shawacademy LESSON 5. summarynotes INTRODUCTION TO TYPOGRAPHY. For further questions visit us online at: shawacademy Graphic Design LESSON 5 INTRODUCTION TO TYPOGRAPHY summarynotes The Diploma in Graphic Design Toolkit For further questions visit us online at: www.shawacademy.com Lesson 5 S shawacademy Lesson

More information

ASerif. AfbcyE TYPE AND LETTERS

ASerif. AfbcyE TYPE AND LETTERS TYPE AND LETTERS Before 1455 books were made by hand. Only the wealthy could afford a book. A book could cost as much as an acre of land. Say! you bought two books for this class that will be $800,000

More information

LESSON 7 Introduction to Typography

LESSON 7 Introduction to Typography FOUNDATION IN GRAPHIC DESIGN with ADOBE APPLICATIONS LESSON 7 Introduction to Typography Summary Notes WHAT IS TYPOGRAPHY? Typography is, quite simply, the art and technique of arranging type. Typography

More information

What s new since TEX?

What s new since TEX? Based on Frank Mittelbach Guidelines for Future TEX Extensions Revisited TUGboat 34:1, 2013 Raphael Finkel CS Department, UK November 20, 2013 All versions of TEX Raphael Finkel (CS Department, UK) What

More information

Name: Class: Teacher:..

Name: Class: Teacher:.. Name: Class: Teacher:.. Introduction Desktop publishing (DTP) is the process of designing newspapers, magazines, books, leaflets, booklets and reports on a computer. The industry that produces these items

More information

Word Tutorial 3. Creating a Multiple- Page Report COMPREHENSIVE

Word Tutorial 3. Creating a Multiple- Page Report COMPREHENSIVE Word Tutorial 3 Creating a Multiple- Page Report COMPREHENSIVE Objectives Format headings with Quick Styles Insert a manual page break Create and edit a table Sort rows in a table Modify a table s structure

More information

DESIGNING THE PAGE FOUNDATIONS OF DIGITAL DESIGN. Layout composition, the grid and typography. Prof. Eva Machauf

DESIGNING THE PAGE FOUNDATIONS OF DIGITAL DESIGN. Layout composition, the grid and typography. Prof. Eva Machauf DESIGNING THE PAGE Layout composition, the grid and typography FOUNDATIONS OF DIGITAL DESIGN Prof. Eva Machauf prof.machauf@gmail.com THE GRID The grid is the foundation of all design. Creating and working

More information

INTRODUCTION TO TYPOGRAPHY DESIGN

INTRODUCTION TO TYPOGRAPHY DESIGN INTRODUCTION TO TYPOGRAPHY DESIGN Goals of typographic design Typography plays an important role in how audiences perceive your document and its information. Good design is about capturing your audience

More information

BBN ANG 183 Typography Fonts

BBN ANG 183 Typography Fonts BBN ANG 183 Typography Fonts Zoltán G. Kiss & Péter Szigetvári Dept of English Linguistics, Eötvös Loránd University gkz & szp (delg) typo/fonts 1 / 145 aims aims today font parameters, classification

More information

Brand stylebook. Version 2.0 updated

Brand stylebook. Version 2.0 updated Brand stylebook Version 2.0 updated 08.01.12 Contents 2 LOGO USAGE 3 Logo Implementation Approved Color Applications Logo Staging (Clear Space) Minimum Size Restrictions Approved Configurations Web Applications

More information

LOGO & BRAND STANDARDS GUIDE

LOGO & BRAND STANDARDS GUIDE LOGO & BRAND STANDARDS GUIDE INTRODUCTION The SparkPost Brand Standards Guide provides key information needed to accurately and consistently produce external and internal documents and communications.

More information

GRAPHIC WEB DESIGNER PROGRAM

GRAPHIC WEB DESIGNER PROGRAM NH135 InDesign Level 2 24 Total Hours COURSE TITLE: InDesign Level 2 COURSE OVERVIEW: This course builds on the fundamentals taught in InDesign Level 1. Students will start by learning how to create complex

More information

Typography. Text in Illustrator and InDesign. Martin Constable February 11, RMIT Vietnam

Typography. Text in Illustrator and InDesign. Martin Constable February 11, RMIT Vietnam Typography Text in Illustrator and InDesign Martin Constable February 11, 2018 RMIT Vietnam Adobe s Typography Toolset Adobe s Typography Toolset Type tool Paragraph panel Character panel Typography Terminology

More information

TYPO GRA PHY THE ANATOMY OF TYPE A BRIEF HISTORY OF TYPOGRAPHY WHAT IS YOUR TYPE ACTUALLY SAYING? OPEN FONT DISCUSSION

TYPO GRA PHY THE ANATOMY OF TYPE A BRIEF HISTORY OF TYPOGRAPHY WHAT IS YOUR TYPE ACTUALLY SAYING? OPEN FONT DISCUSSION THE ANATOMY OF TYPE A BRIEF HISTORY OF TYPO WHAT IS YOUR TYPE ACTUALLY SAYING? OPEN FONT DISCUSSION THE ANATOMY OF TYPE Typeface Anatomy The upward vertical stem on some lowercase letters, such as h and

More information

Adobe Photoshop CS Design Professional PLACING TYPE IN AN IMAGE

Adobe Photoshop CS Design Professional PLACING TYPE IN AN IMAGE Adobe Photoshop CS Design Professional PLACING TYPE IN AN IMAGE Chapter Lessons Learn about type and how it is created Change spacing and adjust baseline shift Use the Drop Shadow style Apply anti-aliasing

More information

ACSC 231 Internet Technologies

ACSC 231 Internet Technologies ACSC 231 Internet Technologies Lecture 7 Web Typography Efthyvoulos Kyriacou - Assoc. Prof. Frederick University Resources: C. Markides (Frederick University) Slide 1 ACSC 231: Internet Technologies 23/12/2008

More information

TYPE ANATOMY jtittle

TYPE ANATOMY jtittle TYPE ANATOMY TYPE ANATOMY TITTLE j Serif Typefaces Tt HUMANIST (a.k.a. Old Style ) - Modeled after the roman typefaces of 15 th & 16 th centuries - Closely related to calligraphy and hand movement CLASSIC

More information

Typesetting Tips. Put your best type forward.

Typesetting Tips. Put your best type forward. Typesetting Tips Put your best type forward. Do you want your audience to read your document? Improve your chances by making your article easy to read. Make the document difficult to read and To learn

More information

Design Principles. The Four Basic Principles That Underlie Good Page Design

Design Principles. The Four Basic Principles That Underlie Good Page Design Design Principles The Four Basic Principles That Underlie Good Page Design Some of the information presented in this video will appear on quizzes and exams. Please be sure to pay attention to key points

More information

What is Accessibility?

What is Accessibility? Email Accessibility What is Accessibility? 1. Extent to which a consumer or user can obtain a good or service at the time it is needed. 2. Ease with which a facility or location can be reached from other

More information

The Ohio State University, Paul Nini, Instructor

The Ohio State University, Paul Nini, Instructor Typeface Poster: Shaina Meyers (undergraduate) The Ohio State University, Paul Nini, Instructor I always have students prepare a written rationale statement for their projects, along with a process document

More information

Writing and Document Design Lecture 6 Typography

Writing and Document Design Lecture 6 Typography Writing and Document Design Lecture 6 Typography Last week We looked at Kress and van Leeuwen s work on composition/layout and considered its usefulness as both an analytic tool (a way of analysing and

More information

DIGITAL BANNER ADVERTISING GUIDELINES

DIGITAL BANNER ADVERTISING GUIDELINES 1 DIGITAL BANNER ADVERTISING GUIDELINES Version 1.0 March 2017 This document is subject to periodic revision. Please check www.leeds.ac.uk/comms to make sure you have the most recent version. Contents

More information

In this lesson: Line height, type size and line width are the three aspects of shaping a perfect paragraph. Lesson 2

In this lesson: Line height, type size and line width are the three aspects of shaping a perfect paragraph. Lesson 2 In this lesson: Line height, type size and line width are the three aspects of shaping a perfect paragraph. Lesson 2 The reader should be able to read the message of a text easily and comfortably. This

More information

proj 5 A/B kerning & introduction to the grid

proj 5 A/B kerning & introduction to the grid art 2413 typography fall 14 proj 5 A/B kerning & introduction to the grid problem objectives Many people assume a computer will create perfectly balanced spacing between letters, words, and lines. Such

More information

BRAND IDENTITY STANDARDS GUIDE

BRAND IDENTITY STANDARDS GUIDE BRAND IDENTITY STANDARDS GUIDE JANUARY 2015 TABLE OF CONTENTS This brand identity standards guide was created to help establish the BCIU s visual brand image and bring consistency to all visual representations

More information

Typography guidelines

Typography guidelines University of Alberta Sign Systems Guidelines Typopgraphy guidelines Typography guidelines Introduction Consistency and legibility are key components of an effective sign system. This section defines:

More information

Adobe InDesign CS3. Biotics Faculties. Teaching Plan (60 Days) BIOTICS.IN Typesetting Training for Professionals. Compiled by

Adobe InDesign CS3. Biotics Faculties. Teaching Plan (60 Days) BIOTICS.IN Typesetting Training for Professionals. Compiled by Adobe InDesign CS3 Teaching Plan (60 Days) Compiled by Biotics Faculties BIOTICS.IN Typesetting Training for Professionals Day 1: Typesetting Introduction 1 Brief Intro about Typesetting Industry Typist

More information

A Crash Course in Typography: Principles for Combining Typefaces - noupe

A Crash Course in Typography: Principles for Combining Typefaces - noupe A Crash Course in Typography: Principles for Combining Typefaces Cameron Chapman When combining typefaces, there are a couple of important principles you ll need to keep in mind, namely contrast and mood.

More information

EnvSci360 Computer and Analytical Cartography

EnvSci360 Computer and Analytical Cartography EnvSci360 Computer and Analytical Cartography Lecture 5 Working with Type and Labels Key Points Labels are text that locate and identify features on a map Important for readability & communication EnvSci

More information

BRAND IDENTITY GUIDELINES

BRAND IDENTITY GUIDELINES BRAND IDENTITY GUIDELINES table of contents Mechanics of the Logo 3 Correct Usage - Full Color Logo 4 Correct Usage - Grayscale Logo 5 Correct Usage - Black Only Logo 6 Reversed Identity 7 Clear Zone Requirements

More information

Typography. is the foundation of good web design

Typography. is the foundation of good web design Typography is the foundation of good web design my name is Samantha Warren I am a web designer for Viget Labs I teach web & graphic design at the Center for Digital Imaging Arts at Boston University &

More information

Ferrysavers Brand Guidelines

Ferrysavers Brand Guidelines 2 Contents 3 4 5 6 7 8 9 10 11 12 13 Introduction The Ferrysavers Logo Protecting Our Master Logo Incorrect Master Logo Application Ferrysavers Family Logos Typography Print Typography Digital Typography

More information

Page 1 of 11 Units: - All - Teacher: WebPageDesignI, CORE Course: WebPageDesignI Year: 2012-13 Introduction to the World of Web Standards Why do web development standards play a key role in the proliferation

More information

Formatting Text. 05_Format rd July 2000

Formatting Text. 05_Format rd July 2000 05_Format 1.00 23rd July 2000 5 Formatting Text 5.1... Applying Format Effects................................. 52 5.2... Alignment............................................ 53 5.3... Leading..............................................

More information

Knightswood Secondary School. Graphic Communication. Desktop Publishing otes. Auto Tracing

Knightswood Secondary School. Graphic Communication. Desktop Publishing otes. Auto Tracing Auto Tracing The process of converting a bit mapped image into a vector image. In a bit-mapped image, each object is represented by a pattern of dots, while in a vector image every object is defined geometrically.

More information

Static Visual Displays: Flight Deck Documentation

Static Visual Displays: Flight Deck Documentation Static Visual Displays: Flight Deck Documentation Source: Degani, A. (1992). On the Typography of Flight-Deck Documentation, NASA Contractor Report #177605. Moffett Field, CA: NASA Ames Research Center,

More information

Publisher 2016 Foundation SAMPLE

Publisher 2016 Foundation SAMPLE Publisher 2016 Foundation Publisher 2016 Foundation Microsoft Publisher 2016 Foundation - Page 2 2015 Cheltenham Group Pty. Ltd. All trademarks acknowledged. E&OE. No part of this document may be copied

More information

THINGS YOU NEED TO KNOW

THINGS YOU NEED TO KNOW TYPOGRAPHY THINGS YOU NEED TO KNOW to prevent your work from appearing amateurish. (p. 151) Only one space after punctuation (p. 152) What is monospaced type? (p. 152) Correct Quotation Marks (as soon

More information

ALL CAPS Text set completely in UPPERCASE or all capital letters. Also refered to as: Uppercase

ALL CAPS Text set completely in UPPERCASE or all capital letters. Also refered to as: Uppercase ALIGNMENT Refers to lining up the top, bottom, sides, or middle of text or graphic elements on a page. Horizontal text alignment is referred to as Flush-left, Left-justified or Ragged right Flush-right,

More information

LECTURE 4 THE USES OF TEXT IN MULTIMEDIA

LECTURE 4 THE USES OF TEXT IN MULTIMEDIA LECTURE 4 THE USES OF TEXT IN MULTIMEDIA 1 Objective Media Types What text is How text is created and stored in the computer How text is used in Multimedia Systems Advantages and Disadvantages of using

More information

> what is a font? Times New Roman [10 pts] Times New Roman [12 pts] Times New Roman [14 pts] Times New Roman [18 pts] Times New Roman [24 pts]

> what is a font? Times New Roman [10 pts] Times New Roman [12 pts] Times New Roman [14 pts] Times New Roman [18 pts] Times New Roman [24 pts] > what is a font? > what is a font? A font is set of glyphs (or images) that represent a complete series of alphabetic and numeric characters, punctuations and symbols in a particular size and style (or

More information

Corporate Identity Guide

Corporate Identity Guide Corporate Identity Guide Prepared by Primary logo elements The primary logo is designed to be bright, colourful, clean and contemporary. It is horizontal or landscape in format. It consists of four interlocking

More information

Best Practices and Guidelines. Large Print Documents. Low Vision Community. Council of Citizens. Low Vision International

Best Practices and Guidelines. Large Print Documents. Low Vision Community. Council of Citizens. Low Vision International Best Practices and Guidelines for Large Print Documents used by the Low Vision Community by the Council of Citizens with Low Vision International An Affiliate of the American Council of the Blind Arlington,

More information

Introduction to Multimedia. MMP100 Spring 2016 thiserichagan.com/mmp100

Introduction to Multimedia. MMP100 Spring 2016 thiserichagan.com/mmp100 Introduction to Multimedia MMP100 Spring 2016 profehagan@gmail.com thiserichagan.com/mmp100 Troubleshooting Check your tags! Do you have a start AND end tags? Does everything match? Check your syntax!

More information

Identity Guidelines 2018

Identity Guidelines 2018 Identity Guidelines 2018 Table of Contents The Signature Clear Space Minimum Size Color Formats Signature Misuses Color Palette Primary Color Palette Secondary Color Palette Support Typography: Sans Serif

More information

Elements of typographic design

Elements of typographic design Type Terminology Serif fonts Sans serif fonts Elements of typographic design Times News Roman Ariel Verdana Calligrapher 24 pt 20 pt 14 pt 10 pt Univers 45 Light Univers 45 condensed light Univers 55 Univers

More information

& Typography... A Brief History of

& Typography... A Brief History of A Brief History of Graphic Design & Typography... http://www.timetoast.com/timelines/53704 The Anatomy of Type + Letterforms, its personality and important things to understand about Type and it s Terminology...Elements

More information

F PROT. Sub-brands FILE SERVER SECURITY

F PROT. Sub-brands FILE SERVER SECURITY BRANDING MANUAL Logo The F PROT Circle Icon was designed by Ágúst Gunnarsson and was introduced in 2006. We consider it very strong and it is at the focal point of a lot of our material. The latest update

More information

STYLE AND USAGE GUIDELINES

STYLE AND USAGE GUIDELINES STYLE AND USAGE GUIDELINES Meet. Play. Celebrate. Syracuse Logo OFFICIAL LOGO FOR The Oncenter logo must always be presented as above, with the icon placed at left and with equidistant spacing between

More information

Multimedia for the Web: Creating Digital Excitement. Multimedia Element Text

Multimedia for the Web: Creating Digital Excitement. Multimedia Element Text : Creating Digital Excitement Multimedia Element Text Chapter Concepts Discuss Fonts Understand Fonts Define Cascading Style Sheets (CSS) Explain Additional Options for Implementing Text on the Web Chapter

More information

The use of eye-tracker technology to evaluate typefaces, Greek fonts and publication design for screen.

The use of eye-tracker technology to evaluate typefaces, Greek fonts and publication design for screen. Typography in Publication Design The use of eye-tracker technology to evaluate typefaces, Greek fonts and publication design for screen. Evripides Zantides, Cyprus University of Technology, Lemesos, Cyprus,

More information

The 12 most common newsletter design mistakes

The 12 most common newsletter design mistakes The 12 most common newsletter design mistakes www.targetmarketingnetwork.com By: Roger C. Parker Your newsletter s success depends on its design. An attractive, easy to read newsletter encourages readers

More information

Word Processing Microsoft Word 2010

Word Processing Microsoft Word 2010 Word Processing Microsoft Word 2010 Prepared by: Teo Siew Copyright 2017 MAHSA UNIVERSITY Faculty of Business, Finance, and Hospitality Objectives Understand how word processors work Customize Microsoft

More information

Typography One Project Two

Typography One Project Two Typography One Project Two Typographic Systems, Emphasis and Hierarchy An important design problem is to aid reader comprehension of information through carefully considered logic, structure and order.

More information

- Is the process of combining texts and graphics layout to produce publications e.g. cards,

- Is the process of combining texts and graphics layout to produce publications e.g. cards, DESKTOP PUBLISHING (DTP) - Is the process of combining texts and graphics layout to produce publications e.g. cards, newspapers, catalogues etc. - A special DTP software is always used. PURPOSE OF DTP

More information

Baskerville. abcdefghijk For fun I like to jump cars while reading a quote by Albert Einstein.

Baskerville. abcdefghijk For fun I like to jump cars while reading a quote by Albert Einstein. serif Baskerville page 2 Baskerville page 3 Baskerville Baskerville Regular 26/28 while reading a quote by Baskerville italic 26/28 quote by Baskerville Semi bold 24/30 quote by Baskerville bold 24/26

More information

SELECTING THE RIGHT TYPE FOR THE JOB

SELECTING THE RIGHT TYPE FOR THE JOB CHAPTER FOUR SELECTING THE RIGHT TYPE FOR THE JOB ype has the power to make or break a job. Every typeface has a distinct personality and conveys a different mood, message, or feeling. Display typefaces,

More information

Digital Media, UX-UI Design > Website Principles

Digital Media, UX-UI Design > Website Principles Contents At a glance: Page layout header To ensure the correct appearance of our brands in a broad spectrum of applications with a web front end, uniform treatment of design elements is an absolute necessity.

More information

C L A S S 2 T Y P O G R A P H Y. FOUNDATIONS OF GRAPHIC DESIGN MW 8 a.m.

C L A S S 2 T Y P O G R A P H Y. FOUNDATIONS OF GRAPHIC DESIGN MW 8 a.m. C L A S S 2 T Y P O G R A P H Y FOUNDATIONS OF GRAPHIC DESIGN MW 8 a.m. Typography Typography separates graphic design from visual art. In every piece of type you see, somebody has considered how the letters,

More information

InDesign. your. Resumé. a how-to guide for creating a professional resumé using InDesign

InDesign. your. Resumé. a how-to guide for creating a professional resumé using InDesign InDesign your Resumé a how-to guide for creating a professional resumé using InDesign Table of Contents p4. Glossary p5. The Importance of Good Design p6. Setting up the Document p10. Creating a Grid p12.

More information

OUR TYPOGRAPHY APPROVED UNIVERS FONTS. Univers 65 Bold Univers 65 Bold Oblique Univers 75 Black Univers 75 Black Oblique

OUR TYPOGRAPHY APPROVED UNIVERS FONTS. Univers 65 Bold Univers 65 Bold Oblique Univers 75 Black Univers 75 Black Oblique BRAND TYPOGRAPHY For Internal Use Only Not For Use With The Public. For help and guidance on our brand standards, contact marketinginbox@firstcommand.com. 63 OUR TYPOGRAPHY Typography is a powerful extension

More information