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
68
What I learnt from working with a content strategist
clagnut
1
210
Web Typography
clagnut
10
960
Other Decks in Design
See All in Design
非デザイナーのフロントエンドエンジニアがOOUIを考える
yud0uhu
8
4.3k
プロダクトを成長させる生成 AI のユースケース発見ワークショップ vol.3
icoxfog417
1
260
Designing UIs without a UI designer
strongeron
0
240
デザインプリンシプルのつくりかた(freee技術の日)
magi1125
3
2.7k
🇫🇷 Design Leadership en eaux troubles
morganepeng
2
340
デザイナー採用 3社目で学び中のこと / Learnings of Designer Recruitment | Yasuhiro Yokota
yasuhiroyokota
1
1.4k
UXデザイナーが肩書きの私がいまUXデザインにそんなに興味がない理由 #uxd2024(字幕入り配布版)
versionfive
7
2k
興味関心と組織とリサーチ #ResearchConf / 20240419
minamitary
1
130
Mitra Manual
nnidhz
0
140
Information Architects: The Missing Link in Design Systems
soysaucechin
0
190
他人事じゃないWebアクセシビリティ入門
arihiro17
0
370
みんなでブラッシュアップするDesign Sprint_BASE BANKチームの場合
base
PRO
3
330
Featured
See All Featured
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.3k
It's Worth the Effort
3n
181
27k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
29
2.5k
Infographics Made Easy
chrislema
238
18k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
662
120k
Git: the NoSQL Database
bkeepers
PRO
423
64k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
24
1.8k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
17
8.7k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
277
13k
Bash Introduction
62gerente
607
210k
Documentation Writing (for coders)
carmenintech
63
4.2k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.4k
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