NIFT, Bengaluru Saurav Roy
Fashion Commuincation sauravroy95@gmail.com
8-15 Basic Visual language
IN Typographic Anatomy
16-17
18DEX
Letter Forms
Basic Visual language
I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this
I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this!
I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t re
I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this! I can’t read this!
I can read this! I can read this! I can read this! I can read this! I can read this! I can read this! I can read this! I can read this! I can read this! I can read this! I can read this! I can read
I can read this! I can read this! I can read this! I can read this! I can read this! I can read this! I can read this! I can read this! I can read this! I can read this! I can rea t I can read this! I can read this! I can read this! I can read this! I can read this! I can read this! I can read this! I can read this! I can read this! I can read
I can read this! I can read this! I can read this! I can read this! I can read this! I can read this! I can read this!I can read this!I can r
I can read this! I can read this! I can read this! I can read this! I can read this! I can read this! I can re
I can read this! I can read this! I can read this! I can read this! I can read thi
I can read this! I can read this! I can read this! I can read this
I can read this! I can read this! I can read this! I can
I can read this! I can read this! I can re
I can read this! I can read this! I c
I can read this! I can read this! L1
L2
L3
L4
Jail Bars
L5
L6
Anatomy of Typefaces
a typograhic anatomy Guide
Aperture Opening at the end of an open counter.
- - - - - -Arm - - - - -|Taper - - - - - - - Ear - - - - - - - - - - - -Ascender --------------------- - - - - - - - - - - - - Link- - - - - Loop -------------------------------
Arc
Break
Hook
Ascender An upward vertical stroke found on lower case letters that extends above the typeface’s x-height. Baseline The invisible line where letters sit.
Vertex
Bowl A downward vertical stroke found on lowercase letters that extends below the baseline.
Arch
Stem
Spine
Counter Fully or partially enclosed space within a letter.
Ligature
Two Story Construction
Finial Open Conture
Aperture
Joint
Arm A horizontal stroke not connected on one or both ends.
Teardrop Terminal
Spur
Descender
Crossbar A horizontal stroke.
Foot
Apex
Terminal
Hairlines
Tail
Diagonal Stroke An angled stroke. Hairline The thin strokes of a serif typeface.
Dot Shoulder
Diagonal Stroke
Strokes
Bowl
Title Cross Bar
Tail
Ligature Two or more letters are joined together to form one glyph. Link A stroke that connects the top and bottom bowls of lowercase double-story g’s. Ligature Two or more letters are joined together to form one glyph.
Link A stroke that connects the top and bottom bowls of lowercase double-story g’s Loop The enclosed or partially enclosed counter below the baseline of a double-story g. Lowercase The smaller form of letters in a typeface. Serif “Feet” or non-structural details at the ends of some strokes. Shoulder A curved stroke originating from a stem. Small Caps Uppercase characters that appear as a smaller size than the capital height of a typeface. Short for “small capitals”. Spine The main curved stroke for a capital and lowercase s. Spur A small projection from a curved stroke. Stem Primary vertical stroke. Tail A descending stroke, often decorative. Terminal The end of a stroke that lacks a serif. Uppercase A letter or group of letters of the size and form generally used to begin sentences and proper nouns. Also known as “capital letters”. x-height The height of the main body of a lowercase letter.
Classic Types What makes a typeface a classic? In most cases, it is those stand the test of time. Many typefaces that appear to have staying power eventually become regarded as classics. What is it about them that gives them this staying power, though? There are certain traits that any good typeface must display: . Good proportions of x-height to ascender and descender heigh and depth; Cha . Charater width that isn’t too narrow or wide; . Well-proportioned, open counters and in most cases no dramatic changes in contrast or modulation between thick and thin strokes.
Akzidenz Grotesk
Albertus
Baskerville
Bodoni
Caslon
Centaur
Clarendon
Ehrhardt
Franklin Gothic
Futura
Garamond
Gill Sans
Grotesque
Helvetica
Times
Plantin
Rockwell
Univers
Verdana
Letter Forms
L 19
sans typeface is one that does not have the small projecting features called "serifs" at the end of strokes. The term comes from the French word sans, meaning "without" and "serif" from the Dutch word schreef meaning "line".
L 23
G
street view
L 25
L
26
P
Outdoor
L
28
Xx The correct word to mean ‘X-shaped’ is ‘decussate’
L 29
Ss
“
The main curve stroke for a capital or a lower case ‘S’-Spine
L 31
”
R&D L 33
L
34
Natural
Man Made
L 19
H
V
Tints and Shades
L
40
The Bench
“
Tt
Horizontal Stroke not connected on one or both ends-Terminal
L
�
M I R R O R
L
43
L
44
Morning Essential
Q
L
45
C
L 47
Nature’s Thing
L
Typography
Regional-
ए बी सी डी ई एफ जी एच अाइ जे के एल एम एन ओ पी क्यू आर एस टी यू वी डब्ल्यू एक्स वाई ज़ेड
“
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Hindi ( hindī), or more precisely Modern Standard Hindi (मानक mānak hindī), is a standardised and Sanskritised register of the Hindustani language. Modern Standard Hindi is one of the official languages of India.
”
L
54
Bengali
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
“
The Indic language of Bangladesh amd West Bengal, spoken by some 200 million people. It is written in a script similar to the Devanagari script.
”
L
56
Telugu
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
“
Telugu is a Dravidian language and is the only language after other than Hindi. English and Bengali that is predominantly spoken in more than one Indian State, being the primary language in Andhra Pradesh and Telangana.
”
L
58
Malayalam
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
“
Malayalam sometimes referred to as kairali, is a language spoken in India, predominantly in the state of Kerala. It is one of the 22 scheduled a Classical Language in India
”
L
60
let’s kkern In typography, kerning (less commonly mortising) is the process of adjusting the spacing between characters in a proportional font, usually to achieve a visually pleasing result. Kerning adjusts the space between individual letter forms, while tracking (letter-spacing) adjusts spacing uniformly over a range of characters.In a well-kerned font, the two-dimensional blank spaces between each pair of characters all have a visually similar area.
Too tight Leading causes Collision.
Right Leading don’t causes Collision.
spacing" redirects here. For double spaces between sentences, “"Double see Sentence spacing. In typography, leading /refers to the distance between the baselines of successive lines of type. ”
L_e_t’_s T_r_a_c_k In typography, letter spacing usually called Tracking refers to a “ consitisting degree of increase (or sometimes decrease) of space between letters to affect density in a spacing should not be confused with kerning.
”
“
An ambigram is a word, art form or other symbolic representation, whose elementsretain meaning when viewed or interpreted from a different direction, perspective, or orientation.The meaning of the ambigram may either change, or remain the same, when viewed or interpreted from different perspectives.
”