Typography 3

Page 1

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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.