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_11 [2020/12/10 15:50] baptiste |
cours_11 [2021/05/06 11:54] (Version actuelle) baptiste |
||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
====== cours 11 : la grille de ligne de base, les styles & les gabarits ====== | ====== cours 11 : la grille de ligne de base, les styles & les gabarits ====== | ||
- | (page en construction) | + | {{:cecile-paris_book_04.jpg|}} |
+ | |||
+ | ''Cécile Paris, //catalogue//, Éditions Naïca, [[http://teschner-sturacci.com/projects/cecile-paris-presentation|maquette par Frédéric Teschner]]'' | ||
+ | |||
+ | {{:fanettemelier2.jpg|}} | ||
+ | |||
+ | ''Fanette Mellier, //connaitre et pratiquer le design graphique au collège//, CNAP, maquette par [[https://fanettemellier.com/|Fanette Mellier]]'' | ||
+ | |||
+ | {{:colinnesunier.jpeg|}} | ||
+ | |||
+ | ''Hélène Bertin, //Valentine Schlegel: je dors, je travaille//, maquette par [[http://f-u-t-u-r-e.org/r/H_Valentine_Schlegel_je_dors_je_travaille.md|Coline Sunier & Charles Mazé]]'' | ||
+ | |||
+ | {{:super_terrain_interstice_billboard_detail_5.jpg|}} | ||
+ | ''Alain Damasio,//So Phare Away//, [[http://www.superterrain.fr/editions/|maquette par Super Terrain]]'' | ||
__** Points vus en cours :**__ | __** Points vus en cours :**__ | ||
Ligne 15: | Ligne 28: | ||
__**Où trouver des typographies libres de qualité?**__ | __**Où trouver des typographies libres de qualité?**__ | ||
+ | |||
* [[https://fontlibrary.org/|Font Librairy]], un agrégateur de fontes sous licences libres | * [[https://fontlibrary.org/|Font Librairy]], un agrégateur de fontes sous licences libres | ||
+ | * [[https://www.design-research.be/by-womxn/|design-research.be]], BADASS LIBRE FONTS BY WOMXN | ||
* [[http://velvetyne.fr/|VTF]], une fonderie libre | * [[http://velvetyne.fr/|VTF]], une fonderie libre | ||
* [[http://usemodify.com/|use&modify]], une sélection de fontes libres par l'artiste [[https://raphaelbastide.com/|Raphaël Bastide]] | * [[http://usemodify.com/|use&modify]], une sélection de fontes libres par l'artiste [[https://raphaelbastide.com/|Raphaël Bastide]] | ||
+ | * [[https://www.theleagueofmoveabletype.com/|The league of moveable type]] | ||
* [[http://fontsquirrel.com/|Font Squirrel]], un autre agrégateur de fontes libres | * [[http://fontsquirrel.com/|Font Squirrel]], un autre agrégateur de fontes libres | ||
+ | * [[https://www.omnibus-type.com/|omnibus type]] | ||
__**Quelques définitions**__ | __**Quelques définitions**__ | ||
- | * grille de ligne de base | ||
* [[https://fr.wikipedia.org/wiki/Point_(unit%C3%A9)#Point_DTP_ou_point_pica|point Pica]] | * [[https://fr.wikipedia.org/wiki/Point_(unit%C3%A9)#Point_DTP_ou_point_pica|point Pica]] | ||
* [[https://blog.typogabor.com/2005/11/30/2005_11_le_gris_typogra/|gris typographique]] | * [[https://blog.typogabor.com/2005/11/30/2005_11_le_gris_typogra/|gris typographique]] | ||
Ligne 28: | Ligne 44: | ||
* [[https://fr.wikipedia.org/wiki/Veuves_et_orphelines|veuves & orphelines]] | * [[https://fr.wikipedia.org/wiki/Veuves_et_orphelines|veuves & orphelines]] | ||
+ | {{:troiscontesdoublesmillot.jpg|}} | ||
- | __**Exercice à réaliser : Pantagruel**__ | + | ''Trois contes doubles, édition cent pages, maquette par Philippe Millot'' |
- | //Suivez attentivement les consignes// | + | __**Exercice à réaliser : Le Diable dans le Beffroi**__ |
- | * récupérez [[http://baptiste-tosi.eu/fichier-cours/PANTAGRUEL.odt|ce texte brut]] du prologue et du premier chapitre de //Pantagruel// de François Rabelais | + | **//Suivez attentivement les consignes//** |
- | * | + | |
- | * Vous ne devez utiliser qu'une seule typographie, à savoir [[https://fontlibrary.org/en/font/libre-baskerville|la Libre Baskerville]] que vous téléchargerez et installerez. (vous pouvez utiliser les 3 graisses : bold, regular & italic) | + | |
- | * Créez un document de 8 pages de tout format de votre choix qui ne soit pas un format DIN (A4, A5, etc.) | + | |
- | * Pas de couleur! Travaillez uniquement en noir et blanc. | + | |
- | * Fond perdu 5mm | + | |
- | * Créez & utilisez au minimum 2 Gabarits différents | + | |
- | * Travaillez votre texte avec des blocs chaînés calé sur la grille de ligne de base | + | |
- | * Créez et utilisez au moins 2 styles de paragraphes et 1 style de caractère. | + | |
- | * Insérez | + | |
- | * Importez/recadrez/transformez une image qui illustre le poème en couverture. | + | |
- | * On sauve son travail | + | |
- | * Assemblage + export .pdf + .Idml | + | |
- | + | ||
- | La mise en page doit être expressive. travaillez le texte avec des différences de tailles, de graisses, de positions et de rotations dans la page, en capitale ou en bas de casse, etc. Travaillez les didascalies comme du paratexte et donc dans un style différent que le texte lui-même. | + | |
- | + | ||
- | **Exemples de typographies expressives :** | + | |
- | + | ||
- | {{:07ionescomassin.png?600|}} | + | |
- | ''Massin / Ionesco| La Cantatrice chauve | (1964)'' | + | * récupérez [[http://baptiste-tosi.eu/fichier-cours/texte_edgar-poe.zip|ce dossier]] avec le texte brut de la nouvelle //Le Diable dans le Beffroi// d'Edgar Allan Poe ainsi que 2 illustrations et une photographie de l'auteur. |
- | + | * Vous ne devez utiliser qu'une seule famille de caractère pour le texte que vous téléchargerez et installerez. Faites donc en sorte qu'elle soit complète, avec plusieurs graisses (regular, italic, bold au moins). Vous pouvez cependant choisir une seconde typographie pour le titre. //Pour une meilleure idée de la hiérarchisation des contenus vous pouvez regarder le texte mis en forme [[https://fr.wikisource.org/wiki/Nouvelles_Histoires_extraordinaires/Le_Diable_dans_le_beffroi|ici]]// | |
- | {{:delireadeux.jpg?600|}} | + | * Créez un document de 16 pages de tout format de votre choix qui ne soit pas un format DIN (A4, A5, etc.) |
- | + | * Pas de couleur! Travaillez uniquement en noir et blanc . | |
- | ''Massin / Ionesco | Délire à deux | (1966)'' | + | * Fond perdu de 5mm |
- | + | * Créez & utilisez __au minimum__ 2 gabarits différents | |
- | {{:alain-chopin.jpg?600|}} | + | * Travaillez en construisant une/des grille(s) dans vos gabarits |
- | + | * Travaillez votre texte avec des blocs chaînés calés sur la grille de ligne de base (que vous aurez paramétré en fonction du caractère choisi, de son corps et de sa graisse) | |
- | ''Henri Chopin | La Crevette Amoureuse | dactylopoème (1967–73)'' | + | * Créez et utilisez __au moins__ 2 styles de paragraphes et 1 style de caractère. |
+ | * l'entièreté du texte et des images doit se retrouver sur le document, peu importe la taille du corps de votre texte. | ||
+ | * On sauve son travail régulièrement | ||
+ | * Assemblage + export .pdf + .Idml | ||
- | {{:ilpleut.png?600|}} | + | __**liens utiles** __ |
- | ''Guillaume Appolinaire | Il pleut | calligramme (1914)'' | + | * [[https://journal.theshelf.fr/|le site de la revue The Shelf]] |
+ | * [[http://www.mottodistribution.com/site/?page_id=15396|Librairie Motto Wiels]] | ||
+ | * [[https://www.themostbeautifulswissbooks.ch/|concours annuel des plus beaux livres suisse]] | ||