Typography 3

Post on 24-Mar-2016

221 views 2 download

Tags:

description

Legibility & Readability COPYRIGHT©Soamparnee 2012 วันอังคารที่ 27 มีนาคม 2012 ความสามารถในการอ า นตั ว อั ก ษรและข อ ความ วันอังคารที่ 27 มีนาคม 2012 • the clarity of single character refers to..... เกี ่ ย วข อ งกั บ ลั ก ษณะของตั ว อั ก ษรแต ล ะตั ว ที ่ ช  ว ยให ต ั ว อั ก ษรอ า นง า ยชั ด เจน วันอังคารที่ 27 มีนาคม 2012 • Typeface • Type size • Type width • Type weight • Letterspacing • Type&Color Factors ที่เกี่ยวข้อง วันอังคารที่ 27 มีนาคม 2012

transcript

Typography 3Legibility & Readability

COPYRIGHT©Soamparnee 2012วันอังคารที่ 27 มีนาคม 2012

Legibility & Readabilityความสามารถในการอานตัวอักษรและขอความ

วันอังคารที่ 27 มีนาคม 2012

refers to.....•the clarity of single character

•type that easy to read

Legibility

เกี่ยวของกับลักษณะของตัวอักษรแตละตัวที่ชวยใหตัวอักษรอานงายชัดเจน

วันอังคารที่ 27 มีนาคม 2012

Factors ที่เกี่ยวข้อง

Legibility

•Typeface•Type size•Type width•Type weight•Letterspacing•Type&Color

วันอังคารที่ 27 มีนาคม 2012

LEGIBILITYLEGIBILITY

The upper halves of words are read with ease, while the lower halves are less legible.

legibility

legibility

วันอังคารที่ 27 มีนาคม 2012

More letters remain recognizable when only their right halves are exposed.

cdo nrcdo nr

cdo nr

b p(b, p are exceptional)

b p

วันอังคารที่ 27 มีนาคม 2012

refers to.....•text the easy to read•the level of reader comfort

Readability

เกี่ยวของกับการใชและการจัดตัวอักษรเปนคำและขอความ ใหนาอาน....สบายตา

วันอังคารที่ 27 มีนาคม 2012

Factors ที่เกี่ยวข้องReadability

•Typeface•Type size•Type width•Type weight•Cap&lowercase•x-height• Italic

•Serif&San serif•Letterspacing•Wordspacing•Linespacing•Line length•Type alignment•Type&Color

วันอังคารที่ 27 มีนาคม 2012

describes a “Font”Legibility

Readabilitydescribes its “Functions”

วันอังคารที่ 27 มีนาคม 2012

Legibility&Readability

•Typeface

วันอังคารที่ 27 มีนาคม 2012

วันอังคารที่ 27 มีนาคม 2012

วันอังคารที่ 27 มีนาคม 2012

วันอังคารที่ 27 มีนาคม 2012

1

2

3

4

5

Legibility&Readability

วันอังคารที่ 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 & readabilitywhen working with color and type isestablishing appropriate contrast betweenletters and their backgrounds

วันอังคารที่ 27 มีนาคม 2012

Legibility&Readability

•Type&Color

วันอังคารที่ 27 มีนาคม 2012

Legibility&Readability

•Type&Color

วันอังคารที่ 27 มีนาคม 2012

วันอังคารที่ 27 มีนาคม 2012

Legibility

Legibility

Legibility

When using type and colour,legibility comes from contrast between type and background.

The strongest contrasts are A and B.

The weakest contrast is C.

A

B

C

วันอังคารที่ 27 มีนาคม 2012

Legibility

Legibility

Legibility

As type and background colours move closer together,legibility decreases.

วันอังคารที่ 27 มีนาคม 2012

The design of the type also affects the way the colour appears.

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.

Legibility

Legibility

วันอังคารที่ 27 มีนาคม 2012

•Colored type and colored background

Iʼm not happywith how I look

MUCHhappier now!

วันอังคารที่ 27 มีนาคม 2012

•Reversed type and colored background

I wonʼt printso well. Iʼm at 30%

Well you can readme. Iʼm at 70%

100%

วันอังคารที่ 27 มีนาคม 2012

วันอังคารที่ 27 มีนาคม 2012

วันอังคารที่ 27 มีนาคม 2012

วันอังคารที่ 27 มีนาคม 2012

วันอังคารที่ 27 มีนาคม 2012

วันอังคารที่ 27 มีนาคม 2012

วันอังคารที่ 27 มีนาคม 2012