typography and media
TRANSCRIPT
![Page 1: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/1.jpg)
1
4 - TYPOGRAPHY AND
MEDIA
![Page 2: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/2.jpg)
2
WORDS ARE WONDERFUL
“ We speak with words And we listen with words. We write with words And we read words. And we think with words ”
Anonymous
![Page 3: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/3.jpg)
3
WORDS ARE TOOLS
“ Words are tools which we use to communicate with each other. We use them to talk, discuss, argue, agree, describe, plan, organize, remember, sing, imagine and do all manner of things to help us live and thrive ”
Anonymous
![Page 4: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/4.jpg)
4
WORDS ARE JEWELS
“ Choose the right words so they become glittering jewels. They are pleasure to listen to and read. Everybody wants to know what they are about. ”
Anonymous
![Page 5: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/5.jpg)
5
1. Refers to design or selection of letter forms to be organized into words, sentences and printed on a page
2. Letters of the alphabets make up written and printed words
3. With thousands of typefaces around, where do we start … size, type, colour, shape .. ?
WHAT IS TYPOGRAPHY ?
![Page 6: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/6.jpg)
6
“ Typography involves the creation of illusionary images. Letters make up words which build into sentences, which in turn build into paragraphs that we perceive as masses of tonal value. That same mass can change appearance when printed with different type face .. ”
Alan Peckolick Designing with type and colour, 1989
“ TYPE AND SHAPE CAN TALK ”
![Page 7: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/7.jpg)
7
“ Typography involves the creation of i l lusionary images . Letters make up words which build into sentences, which in turn build into paragraphs that we perceive as masses of tonal value. That same mass can change appearance when printed with different type face . . ”
Alan Peckolick Designing with type and colour, 1989
“ TYPE AND SHAPE CAN TALK ”
![Page 8: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/8.jpg)
8
3 main categories of typefaces
1. Typefaces are designed to convey specific meanings or messages
2. Use only 3 different types of letters in a visual
3. Generally, typefaces can be grouped into 3 main categories :-
• Serifs• Sans serifs • Scr ip t s
TYPOGRAPHY FOR VISUALS
![Page 9: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/9.jpg)
9
SERIFS
1. Typefaces with “ feet ”. 2. Examples : Times New Roman,
C larendon3. Serif typefaces are used for typing
texts in notes, test papers, newspapers or books
TYPOGRAPHY FOR VISUALS
![Page 10: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/10.jpg)
10
![Page 11: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/11.jpg)
11
![Page 12: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/12.jpg)
12
![Page 13: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/13.jpg)
13
Serifs are letters for printing textbooks, notes, test papers, brochures, leaflets, pamphlets, magazines, newspapers
![Page 14: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/14.jpg)
14
SANS SERIF
1. Typefaces without serifs 2.Facilitate reading and comprehension
as they are easy to read and print 3. Many variations – Bold, Medium, light,
italics. 4. Examples : Arial, Helvetica, Avant Garde 5. Used in visuals which need to be projected
( slides, videos, transparencies, LCD & Computers or filmstrips )
TYPOGRAPHY FOR VISUALS
![Page 15: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/15.jpg)
15
![Page 16: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/16.jpg)
16
Sans Serifs are for all projected media ( LCD & Computer, OHP, Slides, Film Strips, Videos, CD - ROMS ), Sign Boards, Posters, Advertising media
![Page 17: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/17.jpg)
17
Scripts
1. Flowery typefaces for special occasions
2. Not to be used for large areas of text to be read or in visuals which need to be projected
TYPOGRAPHY FOR VISUALS
![Page 18: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/18.jpg)
18
![Page 19: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/19.jpg)
19
![Page 20: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/20.jpg)
20
Scripts are for Specials Occasions
![Page 21: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/21.jpg)
21
“ TYPE AND SHAPE CAN TALK ”
1.Designing one’s own letters to feature specifically a message that needs to be conveyed to our pupils
2.Modify existing typefaces to uniquely convey words and their meanings
3.For example : fine, small, medium, large, very large4.Typefaces could be expanded, condensed,
repeated, mirrored, reversed, scaled, fracturedor spun
5.“ WordArt ” has special designs or formats ready for use
![Page 22: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/22.jpg)
22
“ TYPE AND SHAPE CAN TALK ”
1.Special effects – using patterns, chromes, tones, shades to fill in letters to convey meanings of words or phrases
2.Contributes to good legibility and emphasis but do not reproduce well when printed repeatedly
3.Letterings on textured and half tone surfaces are also difficult to read and print
![Page 23: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/23.jpg)
23
TONE / TEXTURED SURFACES
DON’T USE TONED, TEXTURED OR SHADED BACKGROUNDS
DON’T USE TONED, TEXTURED OR SHADED BACKGROUNDS
DON’T USE TONED, TEXTURED OR SHADED BACKGROUNDS
![Page 24: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/24.jpg)
24
“ TYPE AND SHAPE CAN TALK ”
![Page 25: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/25.jpg)
25
“ TYPE AND SHAPE CAN TALK ”
![Page 26: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/26.jpg)
26
“ TYPE AND SHAPE CAN TALK ”
![Page 27: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/27.jpg)
27
“ TYPE AND SHAPE CAN TALK ”
![Page 28: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/28.jpg)
28
“ TYPE AND SHAPE CAN TALK ”
![Page 29: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/29.jpg)
29
“ TYPE AND SHAPE CAN TALK ”
![Page 30: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/30.jpg)
30
“ TYPE AND SHAPE CAN TALK ”
![Page 31: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/31.jpg)
31
“ TYPE AND SHAPE CAN TALK ”
![Page 32: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/32.jpg)
32
“ TYPE AND SHAPE CAN TALK ”
![Page 33: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/33.jpg)
33
“ TYPE AND SHAPE CAN TALK ”
![Page 34: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/34.jpg)
34
“ TYPE AND SHAPE CAN TALK ”
![Page 35: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/35.jpg)
35
“ TYPE AND SHAPE CAN TALK ”
![Page 36: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/36.jpg)
36
“ TYPE AND SHAPE CAN TALK ”
![Page 37: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/37.jpg)
37
“ TYPE AND SHAPE CAN TALK ”
![Page 38: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/38.jpg)
38
“ TYPE AND SHAPE CAN TALK ”
![Page 39: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/39.jpg)
39
“ TYPE AND SHAPE CAN TALK ”
![Page 40: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/40.jpg)
40
“ TYPE AND SHAPE CAN TALK ”
![Page 41: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/41.jpg)
41
“ TYPE AND SHAPE CAN TALK ”
![Page 42: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/42.jpg)
42
“ TYPE AND SHAPE CAN TALK ”
![Page 43: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/43.jpg)
43
“ TYPE AND SHAPE CAN TALK ”
![Page 44: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/44.jpg)
44
“ TYPE AND SHAPE CAN TALK ”
![Page 45: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/45.jpg)
45
“ TYPE AND SHAPE CAN TALK ”
![Page 46: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/46.jpg)
46
“ TYPE AND SHAPE CAN TALK ”
![Page 47: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/47.jpg)
47
“ TYPE AND SHAPE CAN TALK ”
![Page 48: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/48.jpg)
48
“ TYPE AND SHAPE CAN TALK ”
• Typefaces give more impact if used with different kinds of shapes
![Page 49: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/49.jpg)
49
“ TYPE AND SHAPE CAN TALK ”
![Page 50: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/50.jpg)
50
“ TYPE AND SHAPE CAN TALK ”
![Page 51: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/51.jpg)
51
“ TYPE AND SHAPE CAN TALK ”
![Page 52: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/52.jpg)
52
“ TYPE AND SHAPE CAN TALK ”
![Page 53: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/53.jpg)
53
THEGREAT WHITE
LIE
“ TYPE AND SHAPE CAN TALK ”
![Page 54: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/54.jpg)
54
“ TYPE AND SHAPE CAN TALK ”
![Page 55: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/55.jpg)
55
“ TYPE AND SHAPE CAN TALK ”
![Page 56: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/56.jpg)
56
“ TYPE AND SHAPE CAN TALK ”
![Page 57: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/57.jpg)
57
“ TYPE AND SHAPE CAN TALK ”
![Page 58: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/58.jpg)
58
“ TYPE AND SHAPE CAN TALK ”
![Page 59: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/59.jpg)
59
“ TYPE AND SHAPE CAN TALK ”
![Page 60: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/60.jpg)
60
“ TYPE AND SHAPE CAN TALK ”
![Page 61: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/61.jpg)
61
“ TYPE AND SHAPE CAN TALK ”
![Page 62: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/62.jpg)
62
“ TYPE AND SHAPE CAN TALK ”
![Page 63: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/63.jpg)
63
“ TYPE AND SHAPE CAN TALK ”
![Page 64: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/64.jpg)
64
“ TYPE AND SHAPE CAN TALK ”
![Page 65: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/65.jpg)
65
“ TYPE AND SHAPE CAN TALK ”
![Page 66: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/66.jpg)
66
“ TYPE AND SHAPE CAN TALK ”
![Page 67: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/67.jpg)
67
“ TYPE AND SHAPE CAN TALK ”
![Page 68: Typography and Media](https://reader033.vdocuments.mx/reader033/viewer/2022052912/55a0f38a1a28abe14f8b45b8/html5/thumbnails/68.jpg)
68
“ TYPE AND SHAPE CAN TALK ”