typo-front

Typographie

Webdesign

Avant d’envisager la typo­gra­phie avec le HTML il s’agit d’abord de se construire un regard et une culture. La typo­gra­phie est une dis­ci­pline qui existe depuis plu­sieurs siècles, les codes et conven­tions qu’elle a mis en place sont loin d’être désuets. Nous com­men­ce­rons donc par nous ren­sei­gner sur son his­toire. À regar­der, aussi.

À LIRE ABSOLUMENT

Ellen Lup­ton — Com­prendre la typographie

COUV_comprendre_typo

pages34-35

Muriel Paris — Petit manuel de com­po­si­tion typographique

petit-manuel

Robert Bring­hurst — The ele­ments of typo­gra­phic style

elements-of-typographic-style-robert-bringhurst

Jost Hochuli — Le détail en typographie

jostJostHochuli-03_scaled

La bonne com­po­si­tion d’un texte n’autorise pas un texte avec des fautes typo­gra­phiques. Dans ce manuel, quelques règles essen­tielles.

Les règles basiques

1.

45 à 75 carac­tères par ligne sur une page d’une colonne est un nombre satis­fai­sant pour per­mettre une lec­ture aisée.

2.
avant de choi­sir une police de caractères :
A.
La police de carac­tères a-t-elle les signes néces­saires pour mettre en forme le contenu désiré (accent, signes particuliers…) ?
B.
Y-a-t-il suf­fi­sam­ment de graisses et de variantes (Light, regu­lar, ita­lic, bold…) dans la police retenue ?
C.
Est ce que la police de carac­tères est adap­tée au support ?
D.
Est ce que la police de carac­tère cor­res­pond au contenu qu’elle donne à voir ?

3.
La police est-elle bien dessinée ?
… à poursuivre!

Sito­gra­phie

http://typographisme.net/

http://alistapart.com/article/real-web-type-in-real-web-context et sa tra­duc­tion en fran­çais http://www.pompage.net/traduction/de-la-vraie-typographie-pour-le-web

http://ilovetypography.com/

http://www.synapse-fr.com/typographie/TTM_0.htm

http://ilovetypography.com/

0

Licence Creative Commons