SlideShare une entreprise Scribd logo
1  sur  22
Télécharger pour lire hors ligne
Le web, c’est 99 % de typographie.
Damien Senger – 18 avril 2015 – Le Shadok avec StrasWeb
Damien Senger
web designer fonctionnel indépendant
amoureux de (web) typographie
@damiensenger
www.hiwelo.co
Le web, c’est 99 % de typographie.
Où comment passer de 95 % à presque 100 %…
Prenons la machine à remonter dans le temps
Alex Eylar
Bon… peut-être pas aussi loin…
Le règne des « web-safe fonts »
Le web tient grâce à ~ 30 familles de caractère…
dont Comic Sans MS !
Sauf qu’à l’écrit, l’émotion passe par la typographie.
Chaque typographie a son histoire…
Sarah Parrott
son contexte…
Jefton Sungkar
ses apriori…
Christopher Doyle
et ses déformations historiques.
Christopher Doyle
Heureusement, vers 2010, le web nouveau est arrivé !
Christopher Doyle
@font-face a changé notre perception du web
Christopher Doyle
Mais à quel prix poids ?
Christopher Doyle
Quel chargement avec de si lourds fichiers ?
Christopher Doyle
Arrêtons l’excès, profitons des belles typographies !
Christopher Doyle
Le choix typographique doit être pensé…
Christopher Doyle
et le choix typographique doit être mesuré.
Christopher Doyle
Êtes-vous prêt vous aussi à rejoindre la révolution ?
Christopher Doyle
Merci à vous !

N’hésitez pas sur twitter : @damiensenger
Christopher Doyle

Contenu connexe

En vedette

Cours de typographie (2) - Le flux typographique dans le prépresse
Cours de typographie (2) - Le flux typographique dans le prépresseCours de typographie (2) - Le flux typographique dans le prépresse
Cours de typographie (2) - Le flux typographique dans le prépresseSerge Guerriero
 
Codes Typographiques1
Codes Typographiques1Codes Typographiques1
Codes Typographiques1Signlighter
 
De La typographie Lisible à la Typographie Visible
De La typographie Lisible à la Typographie VisibleDe La typographie Lisible à la Typographie Visible
De La typographie Lisible à la Typographie VisibleLCxLM
 
La Typographie Web - CleverToday
La Typographie Web - CleverTodayLa Typographie Web - CleverToday
La Typographie Web - CleverTodayCleverToday
 
Cours de typographie (1) – La discipline visuelle
Cours de typographie (1) – La discipline visuelleCours de typographie (1) – La discipline visuelle
Cours de typographie (1) – La discipline visuelleSerge Guerriero
 
Les grilles macro typo pour le web ? facile !
Les grilles macro typo pour le web ? facile !Les grilles macro typo pour le web ? facile !
Les grilles macro typo pour le web ? facile !Marie Guillaumet
 
explainMe | La typographie, quelques règles
explainMe | La typographie, quelques règlesexplainMe | La typographie, quelques règles
explainMe | La typographie, quelques règlesBoris Schadeck
 
Edgar Degas
Edgar DegasEdgar Degas
Edgar Degaspacitina
 

En vedette (11)

Cours de typographie (2) - Le flux typographique dans le prépresse
Cours de typographie (2) - Le flux typographique dans le prépresseCours de typographie (2) - Le flux typographique dans le prépresse
Cours de typographie (2) - Le flux typographique dans le prépresse
 
Codes Typographiques1
Codes Typographiques1Codes Typographiques1
Codes Typographiques1
 
UX methode-paris web
UX methode-paris webUX methode-paris web
UX methode-paris web
 
De La typographie Lisible à la Typographie Visible
De La typographie Lisible à la Typographie VisibleDe La typographie Lisible à la Typographie Visible
De La typographie Lisible à la Typographie Visible
 
La Typographie Web - CleverToday
La Typographie Web - CleverTodayLa Typographie Web - CleverToday
La Typographie Web - CleverToday
 
Bien composer le texte web
Bien composer le texte webBien composer le texte web
Bien composer le texte web
 
Cours de typographie (1) – La discipline visuelle
Cours de typographie (1) – La discipline visuelleCours de typographie (1) – La discipline visuelle
Cours de typographie (1) – La discipline visuelle
 
Les grilles macro typo pour le web ? facile !
Les grilles macro typo pour le web ? facile !Les grilles macro typo pour le web ? facile !
Les grilles macro typo pour le web ? facile !
 
explainMe | La typographie, quelques règles
explainMe | La typographie, quelques règlesexplainMe | La typographie, quelques règles
explainMe | La typographie, quelques règles
 
Edgar Degas
Edgar DegasEdgar Degas
Edgar Degas
 
Iab ads guidelines_2013
Iab ads guidelines_2013Iab ads guidelines_2013
Iab ads guidelines_2013
 

Plus de StrasWeb

Audit de site web
Audit de site webAudit de site web
Audit de site webStrasWeb
 
Initiation au référencement
 Initiation au référencement Initiation au référencement
Initiation au référencementStrasWeb
 
Construire et prototyper rapidement un concept d’application mobile
 Construire et prototyper rapidement un concept d’application mobile Construire et prototyper rapidement un concept d’application mobile
Construire et prototyper rapidement un concept d’application mobileStrasWeb
 
Les MOOC, apprendre autrement grâce à Internet
 Les MOOC, apprendre autrement grâce à Internet Les MOOC, apprendre autrement grâce à Internet
Les MOOC, apprendre autrement grâce à InternetStrasWeb
 
Écriture collaborative : est-on plus intelligents à plusieurs ?
Écriture collaborative : est-on plus intelligents à plusieurs ?Écriture collaborative : est-on plus intelligents à plusieurs ?
Écriture collaborative : est-on plus intelligents à plusieurs ?StrasWeb
 
Wikipédia pour les étudiants
Wikipédia pour les étudiantsWikipédia pour les étudiants
Wikipédia pour les étudiantsStrasWeb
 
E-marketing pour les débutants
E-marketing pour les débutantsE-marketing pour les débutants
E-marketing pour les débutantsStrasWeb
 
JavaScript
JavaScriptJavaScript
JavaScriptStrasWeb
 
Utiliser les réseaux sociaux pour communiquer
 Utiliser les réseaux sociaux pour communiquer Utiliser les réseaux sociaux pour communiquer
Utiliser les réseaux sociaux pour communiquerStrasWeb
 
Licences libres : utopie ou modèle économique ?
 Licences libres : utopie ou modèle économique ? Licences libres : utopie ou modèle économique ?
Licences libres : utopie ou modèle économique ?StrasWeb
 
Jquery - introduction au langage
Jquery - introduction au langageJquery - introduction au langage
Jquery - introduction au langageStrasWeb
 
L'auto hébergement
L'auto hébergementL'auto hébergement
L'auto hébergementStrasWeb
 
Initiation au php
Initiation au phpInitiation au php
Initiation au phpStrasWeb
 
Naviguer en sécurité
Naviguer en sécuritéNaviguer en sécurité
Naviguer en sécuritéStrasWeb
 
Introduction aux principes du Responsive Web Design
 Introduction aux principes du Responsive Web Design Introduction aux principes du Responsive Web Design
Introduction aux principes du Responsive Web DesignStrasWeb
 
Héberger son site web
Héberger son site webHéberger son site web
Héberger son site webStrasWeb
 
Les tendances du webdesign
Les tendances du webdesignLes tendances du webdesign
Les tendances du webdesignStrasWeb
 
Initiation au CSS
Initiation au CSSInitiation au CSS
Initiation au CSSStrasWeb
 
Découverte des licences libres
Découverte des licences libresDécouverte des licences libres
Découverte des licences libresStrasWeb
 
Découvrir WordPress
Découvrir WordPressDécouvrir WordPress
Découvrir WordPressStrasWeb
 

Plus de StrasWeb (20)

Audit de site web
Audit de site webAudit de site web
Audit de site web
 
Initiation au référencement
 Initiation au référencement Initiation au référencement
Initiation au référencement
 
Construire et prototyper rapidement un concept d’application mobile
 Construire et prototyper rapidement un concept d’application mobile Construire et prototyper rapidement un concept d’application mobile
Construire et prototyper rapidement un concept d’application mobile
 
Les MOOC, apprendre autrement grâce à Internet
 Les MOOC, apprendre autrement grâce à Internet Les MOOC, apprendre autrement grâce à Internet
Les MOOC, apprendre autrement grâce à Internet
 
Écriture collaborative : est-on plus intelligents à plusieurs ?
Écriture collaborative : est-on plus intelligents à plusieurs ?Écriture collaborative : est-on plus intelligents à plusieurs ?
Écriture collaborative : est-on plus intelligents à plusieurs ?
 
Wikipédia pour les étudiants
Wikipédia pour les étudiantsWikipédia pour les étudiants
Wikipédia pour les étudiants
 
E-marketing pour les débutants
E-marketing pour les débutantsE-marketing pour les débutants
E-marketing pour les débutants
 
JavaScript
JavaScriptJavaScript
JavaScript
 
Utiliser les réseaux sociaux pour communiquer
 Utiliser les réseaux sociaux pour communiquer Utiliser les réseaux sociaux pour communiquer
Utiliser les réseaux sociaux pour communiquer
 
Licences libres : utopie ou modèle économique ?
 Licences libres : utopie ou modèle économique ? Licences libres : utopie ou modèle économique ?
Licences libres : utopie ou modèle économique ?
 
Jquery - introduction au langage
Jquery - introduction au langageJquery - introduction au langage
Jquery - introduction au langage
 
L'auto hébergement
L'auto hébergementL'auto hébergement
L'auto hébergement
 
Initiation au php
Initiation au phpInitiation au php
Initiation au php
 
Naviguer en sécurité
Naviguer en sécuritéNaviguer en sécurité
Naviguer en sécurité
 
Introduction aux principes du Responsive Web Design
 Introduction aux principes du Responsive Web Design Introduction aux principes du Responsive Web Design
Introduction aux principes du Responsive Web Design
 
Héberger son site web
Héberger son site webHéberger son site web
Héberger son site web
 
Les tendances du webdesign
Les tendances du webdesignLes tendances du webdesign
Les tendances du webdesign
 
Initiation au CSS
Initiation au CSSInitiation au CSS
Initiation au CSS
 
Découverte des licences libres
Découverte des licences libresDécouverte des licences libres
Découverte des licences libres
 
Découvrir WordPress
Découvrir WordPressDécouvrir WordPress
Découvrir WordPress
 

Le web, c’est 99 % de typographie.