Typography 3 Legibility & Readability
COPYRIGHT©Soamparnee 2012 วันอังคารที่ 27 มีนาคม 2012
Legibility & Readability
ความสามารถในการอานตัวอักษรและขอความ
วันอังคารที่ 27 มีนาคม 2012
Legibility refers to..... • the clarity of single character • type that easy to read
เกี่ยวของกับลักษณะของตัวอักษรแตละตัว ที่ชวยใหตัวอักษรอานงายชัดเจน วันอังคารที่ 27 มีนาคม 2012
Legibility Factors ที่เกี่ยวข้อง
• Typeface • Type size • Type width • Type weight • Letterspacing • Type&Color วันอังคารที่ 27 มีนาคม 2012
LEGIBILITY LEGIBILITY legibility legibility วันอังคารที่ 27 มีนาคม 2012
The upper halves of words are read with ease, while the lower halves are less legible.
cdo nr
More letters remain recognizable when only their right halves are exposed.
cdo nr b p cdo nr b p
(b, p are exceptional)
วันอังคารที่ 27 มีนาคม 2012
Readability refers to..... • text the easy to read • the level of reader comfort
เกี่ยวของกับการใชและการจัดตัวอักษร เปนคำและขอความ ใหนาอาน....สบายตา วันอังคารที่ 27 มีนาคม 2012
Readability Factors ที่เกี่ยวข้อง
• Typeface • Type size • Type width • Type weight • Cap&lowercase • x-height • Italic วันอังคารที่ 27 มีนาคม 2012
• Serif&San serif • Letterspacing • Wordspacing • Linespacing • Line length • Type alignment • Type&Color
Legibility describes a “Font”
Readability describes its
“Functions”
วันอังคารที่ 27 มีนาคม 2012
Legibility&Readability
•Typeface
วันอังคารที่ 27 มีนาคม 2012
วันอังคารที่ 27 มีนาคม 2012
วันอังคารที่ 27 มีนาคม 2012
วันอังคารที่ 27 มีนาคม 2012
Legibility&Readability 1 2 3 4 5
วันอังคารที่ 27 มีนาคม 2012
• What typeface?
วันอังคารที่ 27 มีนาคม 2012
• Too many typefaces
วันอังคารที่ 27 มีนาคม 2012
Legibility&Readability
•Type size
วันอังคารที่ 27 มีนาคม 2012
• Copy body size (12 pt. or smaller)
วันอังคารที่ 27 มีนาคม 2012
Legibility&Readability
•Serif vs. San serif
“Tramline” วันอังคารที่ 27 มีนาคม 2012
Legibility&Readability
•Cap&lowercase
วันอังคารที่ 27 มีนาคม 2012
• This shows the bumpy shapes of the word
• THIS SHOWS THE RECTANGULARITY OF WORD SHAPES
วันอังคารที่ 27 มีนาคม 2012
Legibility&Readability
•Strokes
วันอังคารที่ 27 มีนาคม 2012
Legibility&Readability
•Letterspacing
วันอังคารที่ 27 มีนาคม 2012
Legibility&Readability
•Wordspacing
วันอังคารที่ 27 มีนาคม 2012
• Letter Spacing and Word Spacing
วันอังคารที่ 27 มีนาคม 2012
• Not enough Tracking
วันอังคารที่ 27 มีนาคม 2012
Legibility&Readability
•Linespacing (Leading)
วันอังคารที่ 27 มีนาคม 2012
• Not enough Leading
วันอังคารที่ 27 มีนาคม 2012
Legibility&Readability
•Line length
วันอังคารที่ 27 มีนาคม 2012
• Lengthy lines of text
วันอังคารที่ 27 มีนาคม 2012
Legibility&Readability
•Type alignment
วันอังคารที่ 27 มีนาคม 2012
Legibility&Readability
•Type&Color To achieve optimum legibility & readability when working with color and type is establishing appropriate contrast between letters and their backgrounds
วันอังคารที่ 27 มีนาคม 2012
Legibility&Readability
•Type&Color
วันอังคารที่ 27 มีนาคม 2012
Legibility&Readability
•Type&Color
วันอังคารที่ 27 มีนาคม 2012
วันอังคารที่ 27 มีนาคม 2012
A
Legibility
When using type and colour, legibility comes from contrast between type and background.
B
Legibility
The strongest contrasts are A and B.
C
Legibility
The weakest contrast is C.
วันอังคารที่ 27 มีนาคม 2012
Legibility Legibility Legibility วันอังคารที่ 27 มีนาคม 2012
As type and background colours move closer together, legibility decreases.
Legibility
The design of the type also affects the way the colour appears.
Legibility
A serif typeface does not have a big surface to carry the colour, weakening its intensity and making it appear lighter than the original colour chosen.
Legibility
A sans or slab serif typeface can carry the colour better, maintaining its intensity.
วันอังคารที่ 27 มีนาคม 2012
• Colored type and colored background Iʼm not happy with how I look MUCH happier now!
วันอังคารที่ 27 มีนาคม 2012
• Reversed type and colored background I wonʼt print so well. Iʼm at 30% Well you can read me. Iʼm at 70%
วันอังคารที่ 27 มีนาคม 2012
100%
วันอังคารที่ 27 มีนาคม 2012
วันอังคารที่ 27 มีนาคม 2012
วันอังคารที่ 27 มีนาคม 2012
วันอังคารที่ 27 มีนาคม 2012
วันอังคารที่ 27 มีนาคม 2012
วันอังคารที่ 27 มีนาคม 2012