Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Interruptions, Introductions & Seductions (Kerning 2016)
Search
Richard Rutter
June 06, 2016
Design
0
78
Interruptions, Introductions & Seductions (Kerning 2016)
Web typography talk given at Kerning 2016.
Richard Rutter
June 06, 2016
Tweet
Share
More Decks by Richard Rutter
See All by Richard Rutter
How to Evolve Your UX Team
clagnut
2
91
Introductions, Interruptions & Seductions (makingWeb_2.16)
clagnut
0
64
What I learnt from working with a content strategist
clagnut
1
200
Web Typography
clagnut
10
910
Other Decks in Design
See All in Design
実案件でのFigmaデータの作り方
xxxkinu
2
210
3D空間を扱うUI表現とユーザビリティ
akinen
0
440
#コムデナ vol.2 「初めてのデザインカンファレンス協賛!共有したい3つのやらかし」
kiyoshifuwa
1
320
SUKEDACHI DESIGN NIGHT発表スライド
sugiyama_sukedachi
0
220
みてね デザイン組織の変遷とデザインマネージャーの振り返り
naoyawatanabe
3
590
Speaker DeckにおけるGoogleスライドのフォントの問題解決/problem solving for google slides 2023
moriyuya
30
2.5k
不可分の民藝から可分の工業産業へ
creatorqsf
1
340
Data+Diversity: Celebrating W.E.B Du Bois through Data Visualization
ajstarks
0
300
言語やロールの違いを超えて、一緒にデザインしていくための挑戦
hrtnde
0
1.3k
Webアプリケーションアクセシビリティ解説ウェビナー「8章 アクセシブルなUI設計の原理を導く」
magi1125
1
160
Designship 2023|想いを可視化するデザインの力
weddingpark
0
240
1人歩きする営業資料作成
yutoshukuya
0
140
Featured
See All Featured
The Pragmatic Product Professional
lauravandoore
24
5.8k
The Cult of Friendly URLs
andyhume
73
5.7k
Thoughts on Productivity
jonyablonski
57
3.8k
Large-scale JavaScript Application Architecture
addyosmani
503
110k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
219
21k
Atom: Resistance is Futile
akmur
258
25k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
60
14k
We Have a Design System, Now What?
morganepeng
42
6.7k
Web development in the modern age
philhawksworth
201
10k
A designer walks into a library…
pauljervisheath
199
23k
Docker and Python
trallard
33
2.7k
Why You Should Never Use an ORM
jnunemaker
PRO
50
8.6k
Transcript
,Introductions, Interruptions & Seductions Richard Rutter, Clearleft Kerning 2016ɾFaenza, Italia
book.webtypography.net
None
None
Photo: Marc Thiele
It is only logical to say that a web designer
should get good training in typography.” Oliver Reichenstein, Web Design is 95% Typography https://ia.net/know-how/the-web-is-all-about-typography-period “
Photo: Indra Kupferschmid
None
None
None
INTERR UPTION Immersion
None
None
Good quality typography is responsible for greater engagement during reading.”
Dr. Kevin Larson (Microsoft) and Dr. Rosalind W. Picard (MIT) “
Good typography induces a good mood.” Dr. Kevin Larson (Microsoft)
and Dr. Rosalind W. Picard (MIT) “
Good typography puts you in a good mood!
Body text sampler
Even if people are not consciously aware of the type
they’re reading, they’ll certainly be affected by it.” Tobias Frere-Jones, Helvetica (dir. Gary Huswitt, 2007). “
bentonmodern.webtype.com
You can influence the way people feel.
I hate obtuse theoretical mathematics
This is a story about someone who lived in Happyland.
His name was Mr Happy and he was fat and round, and happy. One day Mr Happy went for a walk in the woods.
None
TEDxBedford
helsenorge.no
mkshft.org
www.cleopatra-marina.gr
None
None
None
None
None
None
None
None
Beatrice Ward
People who love ideas must have a love of words.
They will take a vivid interest in the clothes that words wear.” Beatrice Warde, The Crystal Goblet “
None
Photo: Adam Twardoch
Proxima Nova Proxima Nova Proxima Nova
googlesciencefair.com
None
None
None
Strangelove
None
None
bentonmodern.webtype.com
None
wellcomecollection.org/mindcraft
None
tuxedono2.com
<h1 class="swsh"> .swsh { font-variant-alternates: swash(1); }
<h1 class="swsh"> .swsh { font-variant-alternates: swash(1); @supports not (font-variant-alternates: swash(1))
{ body { font-feature-settings: "swsh" 1; } } }
None
None
<h1 class="dlig"> .dlig { font-variant-ligatures: discretionary-ligatures; font-feature-settings:"dlig" 1; }
None
<h1 class="ss01"> .dlig { font-variant-alternates: styleset(1); font-feature-settings:"ss01" 1; }
clagnut.com/sandbox/css3
clagnut.com/sandbox/css3
None
None
thegreatdiscontent.com
None
None
None
None
None
None
sizecalc.com
sizecalc.com
None
None
32 24 19 16 13 iOS scale 68 42 26
16 10 Golden ratio scale 36 24 18 16 14 Classical (diatonic) scale
None
None
None
None
h1 { font-size: 13vh; }
None
None
None
None
None
None
None
typecast.com
book.webtypography.net
None
Photo: Indra Kupferschmid
None
Which website will you be designing today?
“Have today’s designers “stopped dreaming?” Elliot Jay Stocks “Is web
design losing “its soul?” Noah Stokes
Don’t be reverential, dogmatic, or ordinary. Interrupt, introduce & seduce.
Richard Rutter, Clearleft @clagnut Slides: webtypography.net/talks/kerning16