Piste:
Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
cours_10 [2020/12/03 18:45] baptiste |
cours_10 [2021/04/28 13:29] (Version actuelle) baptiste |
||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
====== Chronologie succincte de l'histoire de la mise en page en Europe ====== | ====== Chronologie succincte de l'histoire de la mise en page en Europe ====== | ||
+ | |||
+ | **note :** | ||
+ | |||
+ | //Le support de ce cours sera en partie sur [[https://edition.baptiste-tosi.eu/|cette page]], un autre site consacré aux cours d'éditions que je donne par ailleurs. N'hésitez pas à aller regarder les différentes pages qui contiennent nombre de références graphiques, techniques, théoriques & historiques.// | ||
**''__-200 av JC__''** ⟶ Invention du Codex | **''__-200 av JC__''** ⟶ Invention du Codex | ||
Ligne 118: | Ligne 122: | ||
**''__2010-...__''** ⟶ Post-WYSIWYG | **''__2010-...__''** ⟶ Post-WYSIWYG | ||
- | Groupe de recherche autour de procédés de création graphique et de systèmes de publication libres considérés comme « alternatifs » ou « non conventionnels », particulièrement s'ils sont conçus avec les technologies du web :[[https://prepostprint.org/doku.php/fr/resources|PrePostPrint]] | + | {{:pad2print.png|}} |
- | Liste de projets et d'outils de mise en forme d'édition par des outils web : [[https://computedlayout.tumblr.com/|Computed Layout]] | + | ''pad2print, Luuse, 2017, [[https://gitlab.com/Luuse/pad2print|source]]'' |
+ | |||
+ | //à voir à ce propos :// | ||
+ | |||
+ | * Groupe de recherche autour de procédés de création graphique et de systèmes de publication libres considérés comme « alternatifs » ou « non conventionnels », particulièrement s'ils sont conçus avec les technologies du web :[[https://prepostprint.org/resources/|PrePostPrint]] | ||
+ | * Liste de projets et d'outils de mise en forme d'édition par des outils web : [[https://computedlayout.tumblr.com/|Computed Layout]] | ||
====== Quelques définitions ====== | ====== Quelques définitions ====== | ||
Ligne 131: | Ligne 140: | ||
{{:mep-def-1.png|}} | {{:mep-def-1.png|}} | ||
+ | |||
+ | {{:mep-def-3.png|}} | ||
+ | |||
+ | {{:mep-def-4.png|}} | ||
**Les grilles** | **Les grilles** | ||
Ligne 154: | Ligne 167: | ||
''Peter Stucker, le ciel en image, Club Français du Livre, 1959'' | ''Peter Stucker, le ciel en image, Club Français du Livre, 1959'' | ||
- | {{:mep-def-3.png|}} | + | //à voir à ce propos :// |
+ | * [[https://www.academia.edu/17408548/Grid_Systems_in_Graphic_Design_Josef_Muller_Brockmann|Grid systems in graphic design, Josef Müller Brockmann, ]] un ouvrage référence sur la question. | ||
+ | * [[https://fr.wikipedia.org/wiki/Modulor|Le modulor]], Le Corbusier | ||
- | {{:mep-def-4.png|}} | + | {{:modulor.jpg|}} |
+ | |||
+ | ''Modulor, p93, Le Corbusier, 1945'' | ||
**En résumé :** | **En résumé :** | ||
Ligne 166: | Ligne 183: | ||
* gouttière : l'espace entre 2 colonnes | * gouttière : l'espace entre 2 colonnes | ||
* fond perdu : espace hors format disparaissant lors de la coupe finale. le fond perdu permet entre autre de laisser en débord des images. | * fond perdu : espace hors format disparaissant lors de la coupe finale. le fond perdu permet entre autre de laisser en débord des images. | ||
+ | * macro-typographie : Relation des blocs de texte par rapport aux blocs d'image et blancs tournant dans la page. | ||
+ | * micro-typographie : méthodes permettant d'atteindre une meilleure lisibilité du texte en jouant sur des paramètres comme entre autres l'interlettrage et l'interlignage. | ||
* interlettrage : espace entre les lettres | * interlettrage : espace entre les lettres | ||
* interlignage : espace entre les lignes | * interlignage : espace entre les lignes | ||
Ligne 181: | Ligne 200: | ||
{{:assemblage.png?600|}} | {{:assemblage.png?600|}} | ||
+ | |||
+ | //à voir :// | ||
+ | * [[http://cours.baptiste-tosi.eu/doku.php?id=chapitres:les_logiciels_pao|les logiciels de PAO]] | ||
+ | * [[https://helpx.adobe.com/fr/indesign/user-guide.html/fr/indesign/using/welcome.ug.html|la documentation officielle]] | ||
**Points vus en cours sur InDesign :** | **Points vus en cours sur InDesign :** | ||
Ligne 206: | Ligne 229: | ||
**Exercice à rendre pour le prochain cours : Analyse de la grille d'un périodique.** | **Exercice à rendre pour le prochain cours : Analyse de la grille d'un périodique.** | ||
+ | |||
+ | {{:periodique-def-2.jpg?600|}} | ||
* procurez vous un journal périodique (quotidien, hebdo, mensuel...) et choisissez une page simple. | * procurez vous un journal périodique (quotidien, hebdo, mensuel...) et choisissez une page simple. | ||
* munissez vous d'une règle et d'un stylo de couleur et analysez la grille de construction de cette page (mettez en exergue le nombre de colonnes, les marges, les lignes de forces, les titres, le folio...). | * munissez vous d'une règle et d'un stylo de couleur et analysez la grille de construction de cette page (mettez en exergue le nombre de colonnes, les marges, les lignes de forces, les titres, le folio...). | ||
- | * Une fois toutes ces mesures prises créez un document dans InDesign afin de reproduire cette grille. | + | * une fois toutes ces mesures prises créez un document dans InDesign afin de reproduire cette grille. |
* posez les éléments importants (blocs de textes remplis de faux-texte et blocs d'images) sur la grille. | * posez les éléments importants (blocs de textes remplis de faux-texte et blocs d'images) sur la grille. | ||
* faites un dossier d'assemblages dans lequel vous incluez un .pdf et un .idml | * faites un dossier d'assemblages dans lequel vous incluez un .pdf et un .idml | ||
- | * envoyez moi ce dossier | + | * envoyez moi ce dossier ainsi qu'une photo de votre page analysée avec les repères que vous avez tracés. |