Piste:

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

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:06]
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 25: Ligne 29:
  
 ''​« Canon de division harmonieuse » conçu par Villard de Honnecourt''​ ''​« Canon de division harmonieuse » conçu par Villard de Honnecourt''​
- 
  
 **''​__1448-1455__''​** ⟶ Création des caractères mobiles d'​imprimerie & impression de la Bible à 42 Lignes (B42) par Johannes Gutenberg. **''​__1448-1455__''​** ⟶ Création des caractères mobiles d'​imprimerie & impression de la Bible à 42 Lignes (B42) par Johannes Gutenberg.
Ligne 41: Ligne 44:
  
 ''​Casses de caractères d'​imprimerie en Plombs''​ ''​Casses de caractères d'​imprimerie en Plombs''​
 +
 +{{:​alde-manuce.jpg|}}
 +
 +''​Page de l'​Hypnerotomachia Poliphili, impression par Alde Manuce, Venise, 1499, [[https://​fr.wikipedia.org/​wiki/​Alde_Manuce#/​media/​Fichier:​HypnerotomachiaPoliphili0018.jpg|source]]''​
  
 //à voir à ce propos ://  //à voir à ce propos :// 
Ligne 47: Ligne 54:
 **''​__1885__''​** ⟶ invention de la première linotype. **''​__1885__''​** ⟶ invention de la première linotype.
  
-{{:linotype-moulindugot.jpg?400|}}+{{:​linotype.jpg?​600|}}
  
-''​Linotype Menta, [[https://​fr.wikipedia.org/wiki/Linotype|source]]''​+''​Linotype Menta, Musée de l'​imprimerie de Bordeaux, [[https://​fr.m.wiktionary.org/wiki/Fichier:​Mus%C3%A9e_de_l%27imprimerie_de_Bordeaux_-_Linotype.jpg|source]]''​
  
 {{:​l-atelier-de-composition-tel-qu-il-se-presentait-vers-1925-les-precedentes-installations-ayant-ete-detruites-en-partie-pendant-la-grande-guerre-photo-er-1556528275.jpg|}} {{:​l-atelier-de-composition-tel-qu-il-se-presentait-vers-1925-les-precedentes-installations-ayant-ete-detruites-en-partie-pendant-la-grande-guerre-photo-er-1556528275.jpg|}}
Ligne 64: Ligne 71:
  
 ''​modèle de machine //​Lumitype//''​ ''​modèle de machine //​Lumitype//''​
 +
 +{{:​livre-poche.gif|}}
 +
 +''​Livres de poches, [[https://​www.grapheine.com/​histoire-du-graphisme/​petite-histoire-des-couvertures-de-livres-4|source]]''​
  
 {{:​photocompo.png|}} {{:​photocompo.png|}}
Ligne 111: 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 124: Ligne 140:
  
 {{:​mep-def-1.png|}} {{:​mep-def-1.png|}}
 +
 +{{:​mep-def-3.png|}}
 +
 +{{:​mep-def-4.png|}}
  
 **Les grilles** **Les grilles**
Ligne 147: 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 159: 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 174: 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 199: 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. ​