SlideShare uma empresa Scribd logo
1 de 5
The art and technique of arranging type to make
written language readable and appealing
It involves selecting typefaces, point size, line length, line
spacing (leading), letter spacing (tracking), and adjusting
the space between pairs (kerning)
Typeface vs. Font
Typeface
A set of typographical symbols and
characters. It’s the letters, numbers and
other characters that let us put words on
paper and on screen.
Typeface is a family of fonts
( eg Helvetica Regular, Helvetica Bold,
Helvetica Italic, Helvetica Black)
Font
A complete character set within a typeface,
often a particular size and style.
A font is one weight or style within a
typeface family.
(e.g. Helvetica Regular)
Font and Typeface are not interchangeable
Serif and San Serif
Serifs are the small tailing
lines from the edges of letters
and symbols, separated into
distinct units for a typewriter or
a typesetter.
Serif fonts are easier to read in
printed work. This is because
the serif makes the individual
letters more distinctive and
easier for our brains to
recognize quickly. Without the
serif, the brain has to spend
longer identifying the letter
because the shape is less
distinctive.
San Serif is a typeface that does not have the small projecting
features called serifs at the end of strokes. An important
exception must be made for the web. Printed works generally
have a resolution of at least 1000 dots per inch; whereas
computer monitors are typically around 100 dots per inh
SERIF
Old style/ Humanist: Times New Roman, Garamond
Transitional: Baskerville
Modern: Bodoni
Slab Serif: Rockwell
SAN SERIF
Grotesque: Franklin Gothic
Transitional/ Neo Grotesque: Helvetia
Humanist: Tahoma, Gill Sans
Geometric: Futura
SPACING
Kerning:
The space between two letters
Tracking:
The space between words
Leading:
The vertical spacing between lines of text

Mais conteúdo relacionado

Mais procurados

Typography presentation
Typography presentationTypography presentation
Typography presentationGreg Sarles
 
1.01 Typography Usability and Readability
1.01 Typography Usability and Readability1.01 Typography Usability and Readability
1.01 Typography Usability and ReadabilityMsGilbert
 
Good practises in graphic design, typography and editing: “Clear Layout. Basi...
Good practises in graphic design, typography and editing: “Clear Layout. Basi...Good practises in graphic design, typography and editing: “Clear Layout. Basi...
Good practises in graphic design, typography and editing: “Clear Layout. Basi...Tomasz Charnas
 

Mais procurados (6)

Typography on Web.
Typography on Web. Typography on Web.
Typography on Web.
 
Typography presentation
Typography presentationTypography presentation
Typography presentation
 
Typography
TypographyTypography
Typography
 
1.01 Typography Usability and Readability
1.01 Typography Usability and Readability1.01 Typography Usability and Readability
1.01 Typography Usability and Readability
 
Good practises in graphic design, typography and editing: “Clear Layout. Basi...
Good practises in graphic design, typography and editing: “Clear Layout. Basi...Good practises in graphic design, typography and editing: “Clear Layout. Basi...
Good practises in graphic design, typography and editing: “Clear Layout. Basi...
 
Type
TypeType
Type
 

Semelhante a The art and technique of arranging type

Typography in UI Design
Typography in UI DesignTypography in UI Design
Typography in UI DesignSusmita Khare
 
Designstorm: Choosing the Right Typefaces
Designstorm: Choosing the Right TypefacesDesignstorm: Choosing the Right Typefaces
Designstorm: Choosing the Right TypefacesJSI
 
Typography.pptx
Typography.pptxTypography.pptx
Typography.pptxsadert1
 
Basic to Mastering Typography
Basic to Mastering TypographyBasic to Mastering Typography
Basic to Mastering TypographyShahria Hossain
 
all about typography interactivect.pdf
all about typography interactivect.pdfall about typography interactivect.pdf
all about typography interactivect.pdfjb00007
 
Categories of fonts
Categories of fontsCategories of fonts
Categories of fontsSally Garza
 
Typography Basics- Vocab- Examples-1 (1).pdf
Typography Basics- Vocab- Examples-1 (1).pdfTypography Basics- Vocab- Examples-1 (1).pdf
Typography Basics- Vocab- Examples-1 (1).pdfmediastudiesf1n34rts
 
1.01 Typography PowerPoint
1.01 Typography PowerPoint1.01 Typography PowerPoint
1.01 Typography PowerPointcindymartin
 
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...prologuitoedic
 
Chapter 3 - Text.pptsdg
Chapter 3 - Text.pptsdgChapter 3 - Text.pptsdg
Chapter 3 - Text.pptsdgFarisZainudin1
 

Semelhante a The art and technique of arranging type (20)

What is topography
What is topographyWhat is topography
What is topography
 
Typography in UI Design
Typography in UI DesignTypography in UI Design
Typography in UI Design
 
Science of font
Science of fontScience of font
Science of font
 
Designstorm: Choosing the Right Typefaces
Designstorm: Choosing the Right TypefacesDesignstorm: Choosing the Right Typefaces
Designstorm: Choosing the Right Typefaces
 
Describing Type
Describing TypeDescribing Type
Describing Type
 
Describing type
Describing typeDescribing type
Describing type
 
Typography.pptx
Typography.pptxTypography.pptx
Typography.pptx
 
Font Types
Font TypesFont Types
Font Types
 
Typography manual2pages
Typography manual2pagesTypography manual2pages
Typography manual2pages
 
Basic to Mastering Typography
Basic to Mastering TypographyBasic to Mastering Typography
Basic to Mastering Typography
 
Fonts!
Fonts!Fonts!
Fonts!
 
all about typography interactivect.pdf
all about typography interactivect.pdfall about typography interactivect.pdf
all about typography interactivect.pdf
 
Typography
TypographyTypography
Typography
 
Categories of fonts
Categories of fontsCategories of fonts
Categories of fonts
 
Typography Basics- Vocab- Examples-1 (1).pdf
Typography Basics- Vocab- Examples-1 (1).pdfTypography Basics- Vocab- Examples-1 (1).pdf
Typography Basics- Vocab- Examples-1 (1).pdf
 
Unit 2 graphics
Unit 2 graphicsUnit 2 graphics
Unit 2 graphics
 
1.01 Typography PowerPoint
1.01 Typography PowerPoint1.01 Typography PowerPoint
1.01 Typography PowerPoint
 
Text
TextText
Text
 
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...
 
Chapter 3 - Text.pptsdg
Chapter 3 - Text.pptsdgChapter 3 - Text.pptsdg
Chapter 3 - Text.pptsdg
 

Mais de AbiyaShah

Mise en Scene
Mise en SceneMise en Scene
Mise en SceneAbiyaShah
 
Indie Rock/pop Music video analysis
Indie Rock/pop Music video analysisIndie Rock/pop Music video analysis
Indie Rock/pop Music video analysisAbiyaShah
 
Intertextuality
IntertextualityIntertextuality
IntertextualityAbiyaShah
 
Music Video Analysis
Music Video AnalysisMusic Video Analysis
Music Video AnalysisAbiyaShah
 
Media presentation
Media presentationMedia presentation
Media presentationAbiyaShah
 

Mais de AbiyaShah (6)

Mise en Scene
Mise en SceneMise en Scene
Mise en Scene
 
Indie Rock/pop Music video analysis
Indie Rock/pop Music video analysisIndie Rock/pop Music video analysis
Indie Rock/pop Music video analysis
 
Intertextuality
IntertextualityIntertextuality
Intertextuality
 
Music Video Analysis
Music Video AnalysisMusic Video Analysis
Music Video Analysis
 
Music
MusicMusic
Music
 
Media presentation
Media presentationMedia presentation
Media presentation
 

Último

VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...Call Girls in Nagpur High Profile
 
Cheap Rate Call girls Malviya Nagar 9205541914 shot 1500 night
Cheap Rate Call girls Malviya Nagar 9205541914 shot 1500 nightCheap Rate Call girls Malviya Nagar 9205541914 shot 1500 night
Cheap Rate Call girls Malviya Nagar 9205541914 shot 1500 nightDelhi Call girls
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxjanettecruzeiro1
 
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130Suhani Kapoor
 
Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...
Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...
Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...Yantram Animation Studio Corporation
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricksabhishekparmar618
 
Presentation.pptx about blender what is blender
Presentation.pptx about blender what is blenderPresentation.pptx about blender what is blender
Presentation.pptx about blender what is blenderUbaidurrehman997675
 
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...Amil baba
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...BarusRa
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfAmirYakdi
 
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call GirlsCBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girlsmodelanjalisharma4
 
SCRIP Lua HTTP PROGRACMACION PLC WECON CA
SCRIP Lua HTTP PROGRACMACION PLC  WECON CASCRIP Lua HTTP PROGRACMACION PLC  WECON CA
SCRIP Lua HTTP PROGRACMACION PLC WECON CANestorGamez6
 
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiVIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiSuhani Kapoor
 
The history of music videos a level presentation
The history of music videos a level presentationThe history of music videos a level presentation
The history of music videos a level presentationamedia6
 
VIP Kolkata Call Girl Gariahat 👉 8250192130 Available With Room
VIP Kolkata Call Girl Gariahat 👉 8250192130  Available With RoomVIP Kolkata Call Girl Gariahat 👉 8250192130  Available With Room
VIP Kolkata Call Girl Gariahat 👉 8250192130 Available With Roomdivyansh0kumar0
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfParomita Roy
 
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Delhi Call girls
 
Fashion trends before and after covid.pptx
Fashion trends before and after covid.pptxFashion trends before and after covid.pptx
Fashion trends before and after covid.pptxVanshNarang19
 

Último (20)

VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
 
Cheap Rate Call girls Malviya Nagar 9205541914 shot 1500 night
Cheap Rate Call girls Malviya Nagar 9205541914 shot 1500 nightCheap Rate Call girls Malviya Nagar 9205541914 shot 1500 night
Cheap Rate Call girls Malviya Nagar 9205541914 shot 1500 night
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
 
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
 
Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...
Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...
Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricks
 
Presentation.pptx about blender what is blender
Presentation.pptx about blender what is blenderPresentation.pptx about blender what is blender
Presentation.pptx about blender what is blender
 
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
 
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdfB. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
 
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call GirlsCBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
 
SCRIP Lua HTTP PROGRACMACION PLC WECON CA
SCRIP Lua HTTP PROGRACMACION PLC  WECON CASCRIP Lua HTTP PROGRACMACION PLC  WECON CA
SCRIP Lua HTTP PROGRACMACION PLC WECON CA
 
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiVIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
 
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance  VVIP 🍎 SER...Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance  VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
 
The history of music videos a level presentation
The history of music videos a level presentationThe history of music videos a level presentation
The history of music videos a level presentation
 
VIP Kolkata Call Girl Gariahat 👉 8250192130 Available With Room
VIP Kolkata Call Girl Gariahat 👉 8250192130  Available With RoomVIP Kolkata Call Girl Gariahat 👉 8250192130  Available With Room
VIP Kolkata Call Girl Gariahat 👉 8250192130 Available With Room
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
 
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
 
Fashion trends before and after covid.pptx
Fashion trends before and after covid.pptxFashion trends before and after covid.pptx
Fashion trends before and after covid.pptx
 

The art and technique of arranging type

  • 1. The art and technique of arranging type to make written language readable and appealing It involves selecting typefaces, point size, line length, line spacing (leading), letter spacing (tracking), and adjusting the space between pairs (kerning)
  • 2. Typeface vs. Font Typeface A set of typographical symbols and characters. It’s the letters, numbers and other characters that let us put words on paper and on screen. Typeface is a family of fonts ( eg Helvetica Regular, Helvetica Bold, Helvetica Italic, Helvetica Black) Font A complete character set within a typeface, often a particular size and style. A font is one weight or style within a typeface family. (e.g. Helvetica Regular) Font and Typeface are not interchangeable
  • 3. Serif and San Serif Serifs are the small tailing lines from the edges of letters and symbols, separated into distinct units for a typewriter or a typesetter. Serif fonts are easier to read in printed work. This is because the serif makes the individual letters more distinctive and easier for our brains to recognize quickly. Without the serif, the brain has to spend longer identifying the letter because the shape is less distinctive. San Serif is a typeface that does not have the small projecting features called serifs at the end of strokes. An important exception must be made for the web. Printed works generally have a resolution of at least 1000 dots per inch; whereas computer monitors are typically around 100 dots per inh
  • 4. SERIF Old style/ Humanist: Times New Roman, Garamond Transitional: Baskerville Modern: Bodoni Slab Serif: Rockwell SAN SERIF Grotesque: Franklin Gothic Transitional/ Neo Grotesque: Helvetia Humanist: Tahoma, Gill Sans Geometric: Futura
  • 5. SPACING Kerning: The space between two letters Tracking: The space between words Leading: The vertical spacing between lines of text