✚ Webgrids

Posted by on Jan 14, 2013 in Formation, Intuit/lab, Lab4, Supports de cours

Acte de vente d'un esclave mâle et d'une maison à Shuruppak. Tablette sumérienne.

Les grilles typographiques

Support de cours réalisé d’après le livre Webgrids de Anne-Sophie Fradier [@Mitternacht]
A voir également, la conférence donnée sur la macrotypographie lors de ParisWeb 2010

 

A lire également : De la tablette à… la tablette  et Histoire du livre

Du volumen au web

Matériaux

La pierre [6000 av. J.C.] ➔ le papyrus [2600 av. J.C.] ➔ le parchemin [200 av. J.C.] ➔ le papier [invention ~ an 100 en Chine, généralisation au IVe siècle] ➔ L’écran [années 50]

Formats

Le volumen [2500 av. J.C.] ➔ le codex [200 ap. J.C.] ➔ le web [1990]

Spécificité du support web

Quelles spécificité pour le web ?

Le papier : support tangible et limité
Le web : support immatériel et illimité

Qu’est-ce qu’une page ?

Concevoir pour la spécificité du web, ne pas reproduire le livre.

Quelle taille pour le texte ?

Accessibilité : agrandissement de la taille du texte par le lecteur vs design

Quel comportement à l’écran ?

Largeur fixe / design fluide / design élastique ou flexible / responsive design

A lire : Les sites changent de visage, 2013 est l’année du Responsive Web Design

La conception d’un site responsive se fait à l’envers, il faut d’abord concevoir le mobile et ajouter des blocs petit à petit pour concevoir les versions du site.

La grille, matrice de la page

Un coup de dés jamais n’abolira le hasard ~ Stéphane Mallarmé [1897]

Marges / Types de grilles / Ligne de base / Outils de construction

Agencer des blocs dans une grille

Intelligibilité, lisibilité, communication / Lier, hiérarchiser, séparer / Stabilité et dynamisme / Organisation des masses visuelles

Composition du texte courant

La lecture sur écran / Le paragraphe / Ponctuer le texte / Les règles typographiques

Ressources

Outils

Showcase

Grille et typographie

A voir

 

 

%d blogueurs aiment cette page :