typography forhumanis tsnycdh Học thiết kế miễn phí bằng tiếng anh

typography forhumanis tsnycdh Học thiết kế miễn phí bằng tiếng anh typography forhumanis tsnycdh Học thiết kế miễn phí bằng tiếng anhtypography forhumanis tsnycdh Học thiết kế miễn phí bằng tiếng anhtypography forhumanis tsnycdh Học thiết kế miễn phí bằng tiếng anhtypography forhumanis tsnycdh Học thiết kế miễn phí bằng tiếng anhtypography forhumanis tsnycdh Học thiết kế miễn phí bằng tiếng anhtypography forhumanis tsnycdh Học thiết kế miễn phí bằng tiếng anhtypography forhumanis tsnycdh Học thiết kế miễn phí bằng tiếng anhtypography forhumanis tsnycdh Học thiết kế miễn phí bằng tiếng anhtypography forhumanis tsnycdh Học thiết kế miễn phí bằng tiếng anhtypography forhumanis tsnycdh Học thiết kế miễn phí bằng tiếng anhtypography forhumanis tsnycdh Học thiết kế miễn phí bằng tiếng anhtypography forhumanis tsnycdh Học thiết kế miễn phí bằng tiếng anhtypography forhumanis tsnycdh Học thiết kế miễn phí bằng tiếng anh

Trang 1

Amy Papaelias | @fontnerd

Assistant Professor of Graphic Design, SUNY New Paltz

Trang 2

The title for this presentation is inspired by:

Typography for Lawyers

Matthew Butterick

typographyforlawyers.com

And check out this very worthy follow-up:

Butterick’s Practical Typography

practicaltypography

Trang 3

Today, we’ll focus on

Trang 4

“ Typography is what

language looks like.”

— Ellen Lupton

“ Typography exists to honor content.”

— Robert Bringhurst

Trang 5

Use good fonts well.

Trang 6

How do I know what is good?

Trang 7

Choose your type

like you choose

your outfit:

What’s the occassion?

What’s the feeling I want to portray? What’s the weather like?

Trang 8

[some very basic] Type Classification:

Trang 9

http://squidspot.com/Periodic_Table_of_Typefaces.html

Trang 11

Google Fonts

open source; web / print;

range of quality

Adobe Edge Fonts

free, web only, limited library

Typekit

access through Creative

Cloud; web & print

(subscription)

Trang 12

Contrast

[in size, weight and style]

creates hierarchy.

Trang 13

Something old, something new, something borrowed,

something blue.

Trang 14

Something Big

something small

SOMETHING BOLD

something italic.

Trang 15

type in digital projects: levels of hierarchy.

<h1>Headlines</h1>

<h3>This might be a subhead</h3>

<p>Body copy Here we want to consider a comfortable

line length as well as leading (or line height in CSS)

Use a font with low stroke contrast (not a lot of thicks and thins) and select sizes for comfortable reading

Note: 12pt ≠ 12px.</p>

Button Button Type is everywhere on screen! Don’t forget other elements such as buttons, captions, navigation, etc.

Trang 16

breathe in, breathe out:

Negative space gives visual pause.

Trang 17

There actually is a lot of negative space on this slide, but it’s

not being used very effectively If you squint your eyes—

go ahead—you can see the space between lines of text

There’s not a lot of breathing room because the space

be-tween lines and words is too monotonous Negative space

creates dynamic visual interest and makes a text more

readable

Trang 18

There actually is a lot of negative space on this slide, but it’s

not being used very effectively If you squint your eyes—

go ahead—you can see the space between lines of text

There’s not a lot of breathing room because the space

be-tween lines and words is too monotonous Negative space

creates dynamic visual interest and makes a text more

readable

Trang 19

There actually is a lot of negative

space on this slide, but it’s not being used very effectively

If you squint your eyes—go ahead— you can see the space between lines

of text There’s not a lot of

breath-ing room because the space between lines and words is too monotonous

Negative space creates dynamic

visual interest and makes a text

Định dạng
Số trang	37
Dung lượng	6,86 MB