Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.
Typography for
[Digital] Humanists.
Friday, February 12, 2016
10am – 12pm
Fordham University
Amy Papaelias | @fontnerd
Ass...
The title for this presentation is inspired by:
Typography for Lawyers
Matthew Butterick
typographyforlawyers.com
And chec...
Today, we’ll focus on
a few things:
Typeface selection in digital projects
Very basic type rules
Web typography tools and ...
“ Typography is what
language looks like.”
	 — Ellen Lupton
“ Typography exists to
honor content.”
— Robert Bringhurst
1.
Use good fonts well.
How do I know
what is good?
Choose your type
like you choose
your outfit:
What’s the occassion?
What’s the feeling I want to portray?
What’s the weath...
[some very basic] Type Classification:
Serif
Sans-serif
Monospace
Script
Decorative
http://squidspot.com/Periodic_Table_of_Typefaces.html
Source Sans
FREEreadability
1/2 designer, 1/2 developer
tech & coffee
3,256webstandards
Type Designer: Paul D. Hunt (2012)...
Google Fonts
open source; web / print;
range of quality
Adobe Edge Fonts
free, web only, limited library
Typekit
access th...
2.
Contrast
[in size, weight and style]
creates hierarchy.
Something old,
something new,
something borrowed,
something blue.
Something Bigsomething small
SOMETHING BOLD
something italic.
type in digital projects: levels of hierarchy.
<h1>Headlines</h1>
<h3>This might be a subhead</h3>
<p>Body copy. Here we w...
3.
breathe in, breathe out:
Negative space gives visual pause.
Thereactuallyisalotofnegativespaceonthisslide,butit’s
not being used very effectively. If you squint your eyes—
go ahead—y...
Thereactuallyisalotofnegativespaceonthisslide,butit’s
not being used very effectively. If you squint your eyes—
go ahead—y...
There actually is a lot of negative
space on this slide, but it’s not being
used very effectively.
If you squint your eyes...
There actually is a lot of negative
space on this slide, but it’s not being
used very effectively.
If you squint your eyes...
4.
the details:
Dashes and Ligatures and
Punctuation,
oh my!
Dashes: [Em] ­—, [En] –, [Hyphen] -
Ligatures: ffluffy
Punctuation:
“smart quotes ” ≠ ˝(inches)
apostrophe’s ≠ '(foot)
5.
nerd out.
Typographic resources abound.
ON WEB TYPOGRAPHY BY JASON SANTA MARIA FONTSTAND
PRACTICE.TYPEKIT.COM SMARTQUOTESFORSMARTPEOPLE.COM
type.method.ac
typeconnection.com
Examples for discussion
QUESTIONS TO ASK OURSELVES:
How is hierarchy created?
What feeling is the type conveying?
How is n...
audubon.org
warholinitiative.org
gov.uk
pilot.boston.gov
A Brief Typography
Exercise with Typecast.com
Some NYC type resources:
Type Directors Club of NY: tdc.org
Type@Cooper: coopertype.org
Typographics Conference: typograph...
Thereactuallyisalotofnegativespaceonthisslide,butit’s not being used very
Thereactuallyisalotofnegativespaceonthisslide,butit’s not being used very
Thereactuallyisalotofnegativespaceonthisslide,butit’s not being used very
Thereactuallyisalotofnegativespaceonthisslide,butit’s not being used very
Próxima SlideShare
Cargando en…5
×

Thereactuallyisalotofnegativespaceonthisslide,butit’s not being used very Typography for [Digital] Humanists

34.075 visualizaciones

Publicado el

Thereactuallyisalotofnegativespaceonthisslide,butit’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.

Publicado en: Diseño
  • FREE TRAINING: "How to Earn a 6-Figure Side-Income Online" ... ♣♣♣ http://dwz1.cc/G9GauKYg
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • Do This Simple 2-Minute Ritual To Loss 1 Pound Of Belly Fat Every 72 Hours ♣♣♣ https://tinyurl.com/bkfitness4u
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • In only two weeks I stopped my hair loss using a homemade recipe I created. And you can do the same. ♣♣♣ https://bit.ly/2N8ZrEt
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • How can I improve my memory before an exam? How can I improve my study skills? learn more... ◆◆◆ https://tinyurl.com/brainpill101
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • How One Woman Discovered the Female Fat-Loss Code Missed by Modern Medicine And Lost 84lbs Using a Simple 2-Step Ritual That 100% Guarantees Shocking Daily Weight Loss... ◆◆◆ https://tinyurl.com/poundinc11
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí

×