Cours 15b - Systèmes De Composition Typographique PDF

a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 fondements · typographie · systèmes de composition...

a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 fondements · typographie · systèmes de composition · INTRODUC TION Nous avons vu dans le module précédent le fonctionnement de la grille typographique applicable plus spécifiquement aux supports imprimés de lecture tels les livres, les magazines et les journaux. Dans ce module sont présentés sept des huit systèmes de composition typographique de Kimberly Elam, le huitième étant la grille que nous avons vue précédemment. AXIAL B I L AT É R A L RADIAL O N D U L ATO I R E (Dilatational) A L É ATO I R E (Random) D I R E C T I O N N E L (Transitional) MODULAIRE Ces systèmes d'organisation de l'espace, de la typographie et des éléments visuels de la composition vont au-delà de la grille horizontale et verticale traditionnelle. Les notions et spécificités les entourant sont facilement applicables à divers supports de diffusion. Que vous ayez à concevoir une page d'intro pour un site web, une affiche, un panneau réclame, une couverture de livre ou de magazine, la compréhension et l'exploration de ces divers systèmes vous permettront d'élargir votre créativité, tout en intégrant divers critères vus précédemment tels la hiérarchie, l'ordre de lecture, la lisibilité, le contraste, etc. Vous serez en mesure d'appliquer et de découvrir des solutions novatrices et communicationnelles permettant d'amplifier la signification des messages tout en répondant aux objectifs et axes de communication prédéfinis. Le contenu de ce module comporte plusieurs traductions libres, teintées de mes propos, des textes de Elam tirés de son livre Typographic Systems. · NRC 89572 · DES 1611 · Design graphique : éléments fondamentaux · Sylvie Pouliot, professeure et Julie Royer, chargée de cours p. 1 de 30 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 fondements · typographie · systèmes de composition · AXIAL Le système axial est un des systèmes les plus simples. Tous les éléments de la composition sont organisés vers la gauche et la droite d'un axe. Ce type d’organisation se ramifie le long d’une ligne principale implicite (imaginaire), tels un tronc d’arbre et ses branches. Cet axe peut se retrouver n'importe où dans l’espace de composition et créer une organisation symétrique ou asymétrique. Par exemple, lorsque l'axe est décentré vers la gauche ou la droite, la composition devient asymétrique. Comme on l'a vu dans les modules au début du cours, une composition asymétrique augmente l’intérêt visuel du spectateur. Elam, 2007, p.17. · NRC 89572 · DES 1611 · Design graphique : éléments fondamentaux · Sylvie Pouliot, professeure et Julie Royer, chargée de cours p. 2 de 30 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 fondements · typographie · systèmes de composition · AXIAL Voici quelques exemples démontrant le système de composition axial. Elam, 2007, p.21. Affiche de Odermatt &Tissi, 1980 Cette affiche des plus dynamique, construite à partir d'un axe simple, comporte seulement deux couleurs, le vert et le noir, ainsi qu'une seule police de caractères de deux forces de corps. Les trois mots en blanc ressortent du fond et créent une hiérarchie évidente. La composition est asymétrique puisque l'axe est placé sur le premier tiers de la division Elam, 2007, p.20. de la surface à partir de la droite. La typographie en diagonale alignée sur l'axe renforce le dynamisme de l’affiche. · NRC 89572 · DES 1611 · Design graphique : éléments fondamentaux · Sylvie Pouliot, professeure et Julie Royer, chargée de cours p. 3 de 30 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 fondements · typographie · systèmes de composition · AXIAL Voici quelques exemples démontrant le système de composition axial. Elam, 2007, p.19. Quoiqu’il y ait plusieurs avantages aux compositions asymétriques, cette affiche emploie brillamment les axes centrés symétriques qui séparent la composition en quatre parties égales, ce qui évoque la simplicité de l’architecture moderne de Le Corbusier. L’axe vertical sur lequel est alignée la typographie au haut et au bas de l’affiche crée une ligne imaginaire qui traverse le carré et, par le fait même, fait ressortir le haut contraste du visage. L’axe à l’horizontale créé par le filet de gauche et de droite ainsi que le texte aligné sur ce dernier attirent l’attention sur les lunettes rondes et le regard de l’architecte. · NRC 89572 · DES 1611 · Design graphique : éléments fondamentaux · Sylvie Pouliot, professeure et Julie Royer, chargée de cours p. 4 de 30 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 fondements · typographie · systèmes de composition · AXIAL Voici quelques exemples démontrant le système de composition axial. Affiches de Michal Batory · NRC 89572 · DES 1611 · Design graphique : éléments fondamentaux · Sylvie Pouliot, professeure et Julie Royer, chargée de cours p. 5 de 30 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 fondements · typographie · systèmes de composition · BILATÉRAL Le système bilatéral est le plus symétrique des systèmes d'organisation d'éléments visuels. Les lignes de texte sont centrées sur un axe simple. Dans la nature, le corps humain et les papillons sont de bons exemples d’un système bilatéral. La mise en page de ce type de système n’est pas une tâche facile et demande une certaine dextérité puisque la symétrie inhérente rend les compositions prévisibles et potentiellement peu intéressantes. Les moyens suivants peuvent contribuer à dynamiser ce type de composition : › décenter l’axe, c’est-à-dire l’éloigner du centre, soit vers la gauche ou la droite de la composition ; › incliner l’axe, un axe diagonal augmente l’intérêt visuel ; › l’ajout, dans l’espace de composition, d’éléments graphiques tels que filets, formes géométriques ou autres. Elam, 2007, p.139. · NRC 89572 · DES 1611 · Design graphique : éléments fondamentaux · Sylvie Pouliot, professeure et Julie Royer, chargée de cours p. 6 de 30 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 fondements · typographie · systèmes de composition · BILATÉRAL Voici quelques exemples démontrant le système de composition bilatéral. Siegfried Odermatt et Rosmarie Tissi ont travaillé comme partenaires depuis les années 1960 ; leur studio a été l’un des plus connus en Suisse. Leur affiche Serenaden 92 représente de manière abstraite le paysage d’un coucher de soleil et d’un croissant de lune, bordé à gauche par des éléments graphiques circulaires représentant la verdure, la forêt. Le texte inversé en blanc et les filets rouges représentent une réflexion abstraite de la lumière du soleil (rouge) et de la lune (blanche) sur l'eau. La composition bilatérale du texte, organisée sur une colonne, est légèrement décalée vers la droite. Le jeu des filets positionnés en alternance à gauche et à droite du texte, en plus de dynamiser la composition et de simuler une réflexion sur l’eau, délimite les blocs de texte et hiérarchise l’information. Elam, 2007, p.141. · NRC 89572 · DES 1611 · Design graphique : éléments fondamentaux · Sylvie Pouliot, professeure et Julie Royer, chargée de cours p. 7 de 30 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 fondements · typographie · systèmes de composition · BILATÉRAL Voici quelques exemples démontrant le système de composition bilatéral. Elam, 2007, p.142. Elam, 2007, p.143. · NRC 89572 · DES 1611 · Design graphique : éléments fondamentaux · Sylvie Pouliot, professeure et Julie Royer, chargée de cours p. 8 de 30 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 fondements · typographie · systèmes de composition · RADIAL Dans le système radial, tous les éléments de composition se déploient à partir d’un point central vers l’extérieur tels les pétales d’une fleur, les rayons du soleil, d’une roue de vélo, etc. Les compositions sont dynamiques puisque l'oeil est attiré vers le point focal créé par la jonction des éléments vers un centre. Ce point focal peut être explicite ou implicite. Selon l'orientation des lignes, la lisibilité du message peut être diminuée lorsque les lignes de texte s’éloignent de la ligne de lecture horizontale traditionnelle. La composition axiale fait en sorte que les lignes de texte peuvent se retrouver de bas en haut, de haut en bas, inclinées, à l’endroit ou à l’envers. Si l’on désire que le message soit lisible et fonctionnel, il est donc important d’organiser les lignes de texte de manière à faciliter le plus possible la lisibilité. Elam, 2007, p.36. La plupart des exemples de structure radiale sont extrêmement symétriques, puisque les rayons créent un cercle. Tel que vu dans les premiers modules du cours, le cercle est une forme géométrique simple, visuellement très satisfaisante. Lorsqu’on expérimente l’organisation de textes avec ce type de composition, les lignes de textes peuvent être positionnées de manière asymétrique sur l’axe et créer l’illusion de partie d’un ou de plusieurs cercles, ce qui dynamise la composition et attire davantage le regard du lecteur. · NRC 89572 · DES 1611 · Design graphique : éléments fondamentaux · Sylvie Pouliot, professeure et Julie Royer, chargée de cours p. 9 de 30 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 fondements · typographie · systèmes de composition · RADIAL Voici quelques exemples démontrant le système de composition radial. Elam, 2007, p.37. Dans cette affiche pour Old Truman Brewery, le système radial est utilisé pour communiquer la transformation d’un entrepôt en un centre pour jeunes designers, « a centre for young design talent so sharp it could cut diamonds. » Le texte est organisé autour du point focal (centre de l’axe radial), d'une ligne horizontale forte et d'angles pointus de texte qui entrecoupent les images. Les angles du système radial sont en harmonie avec la perspective du bâtiment. Les lignes de texte créent du mouvement, dynamisent la composition et reflètent la jeunesse et la créativité. Cette radiation sur l'environnement exprime l’influence que ces jeunes créateurs auront sur la communauté. · NRC 89572 · DES 1611 · Design graphique : éléments fondamentaux · Sylvie Pouliot, professeure et Julie Royer, chargée de cours p. 10 de 30 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 fondements · typographie · systèmes de composition · RADIAL Voici quelques exemples démontrant le système de composition radial. Elam, 2007, p.39. Elam, 2007, p.38. · NRC 89572 · DES 1611 · Design graphique : éléments fondamentaux · Sylvie Pouliot, professeure et Julie Royer, chargée de cours p. 11 de 30 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 fondements · typographie · systèmes de composition · RADIAL Voici un autre exemple démontrant le système de composition radial. Affiche de Michal Batory · NRC 89572 · DES 1611 · Design graphique : éléments fondamentaux · Sylvie Pouliot, professeure et Julie Royer, chargée de cours p. 12 de 30 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 fondements · typographie · systèmes de composition · ONDULATOIRE - dilatation Dans un système d’organisation ondulatoire, les cercles se dilatent ou se développent à partir d’un point central. Les exemples de ce système incluent l'iris de l'oeil, les ondes acoustiques ainsi que les lignes créées par le mouvement de l’eau, au départ calme, qui a été perturbée par un objet (caillou). Semblables au système radial, les compositions sont dynamiques puisque le texte suit l’arc du cercle ou est attiré par le point focal au centre du cercle. La forme la plus simple de ce système d’organisation est lorsque la dimension des cercles augmente à un rythme régulier à partir du centre. Des variations plus dynamiques sont possibles : Elam, 2007, p.53. › décentralisation du point focal › les cercles sont non-concentriques › multitude de dilatations (d’onde) Une organisation en spirale est une variante du système ondulatoire - dilatation. · NRC 89572 · DES 1611 · Design graphique : éléments fondamentaux · Sylvie Pouliot, professeure et Julie Royer, chargée de cours p. 13 de 30 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 fondements · typographie · systèmes de composition · ONDULATOIRE - dilatation Voici quelques exemples démontrant le système de composition ondulatoire. Elam, 2007, p.55. Dans cet exemple, le mouvement d'ondes acoustiques a certainement été l'inspiration pour la série de couvertures du programme de Musique expérimentale de Bernard Stein et Nicolaus Ott. Cette affiche a été conçue avec très peu de moyens, 2 couleurs, rouge et noir, une seule police de caractère de deux forces de corps seulement. La hiérarchie d'information a dicté la structure et la composition. Le mouvement créé par la composition ondulatoire est rythmé, dynamique et en lien avec le message. · NRC 89572 · DES 1611 · Design graphique : éléments fondamentaux · Sylvie Pouliot, professeure et Julie Royer, chargée de cours p. 14 de 30 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 fondements · typographie · systèmes de composition · ONDULATOIRE - dilatation Voici quelques exemples démontrant le système de composition ondulatoire. Elam, 2007, p.63. · NRC 89572 · DES 1611 · Design graphique : éléments fondamentaux · Sylvie Pouliot, professeure et Julie Royer, chargée de cours p. 15 de 30 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 fondements · typographie · systèmes de composition · ONDULATOIRE - dilatation Voici quelques exemples démontrant le système de composition ondulatoire. Elam, 2007, p.66. · NRC 89572 · DES 1611 · Design graphique : éléments fondamentaux · Sylvie Pouliot, professeure et Julie Royer, chargée de cours p. 16 de 30 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 fondements · typographie · systèmes de composition · ONDULATOIRE - dilatation Voici un autre exemple démontrant le système de composition ondulatoire. Affiche de Michal Batory · NRC 89572 · DES 1611 · Design graphique : éléments fondamentaux · Sylvie Pouliot, professeure et Julie Royer, chargée de cours p. 17 de 30 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 fondements · typographie · systèmes de composition · ALÉATOIRE - random Le système d’organisation aléatoire fait référence à une composition dont la disposition des éléments visuels semble avoir été créée au hasard, sans intention prédéfinie, sans but, figuration, direction, norme ou méthode prédéterminée. Cette méthode est quelque peu illusoire puisque, tel que nous l'avons vu dans le module sur les lois universelles de la Gestalt, lorsque l'être humain regarde entre autres des configurations abstraites, il est d’instinct à la recherche de systèmes, d’organisation, de regroupement, de figuration, d’association à des images familières, etc., tels que nous le faisons pour les constellations, les nuages. Il en sera ainsi pour le lecteur qui regarde une composition visuelle aléatoire. Elam, 2007, p.71. La création de ce type de composition implique la dispersion des éléments sur la surface de composition. Le designer graphique doit s’abandonner au hasard, à la libre dispersion, à la composition non intentionnée. Dans ce type de composition, la lisibilité est diminuée, les textes peuvent être superposés, coupés, inversés, déborder de la page, positionnés à des angles variés. Étonnamment, ce type de hasard produit souvent des résultats spontanés très dynamiques : bien que parfois difficiles à lire, les compositions sont visuellement remarquables et attirantes. Bien qu'il n'y ait aucune règle pour la création d’un système de composition visuelle aléatoire, il est tout de même possible d’en remarquer certaines caractéristiques. Les éléments sont généralement : › recouverts partiellement › coupés › à angle › non horizontaux › non alignés › sans motifs · NRC 89572 · DES 1611 · Design graphique : éléments fondamentaux · Sylvie Pouliot, professeure et Julie Royer, chargée de cours p. 18 de 30 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 fondements · typographie · systèmes de composition · ALÉATOIRE - random Voici quelques exemples démontrant le système de composition aléatoire. Elam, 2007, p.73. Elam, 2007, p.74. · NRC 89572 · DES 1611 · Design graphique : éléments fondamentaux · Sylvie Pouliot, professeure et Julie Royer, chargée de cours p. 19 de 30 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 fondements · typographie · systèmes de composition · ALÉATOIRE - random Voici quelques exemples démontrant le système de composition aléatoire. Elam, 2007, p.75. · NRC 89572 · DES 1611 · Design graphique : éléments fondamentaux · Sylvie Pouliot, professeure et Julie Royer, chargée de cours p. 20 de 30 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 fondements · typographie · systèmes de composition · ALÉATOIRE - random Voici quelques exemples démontrant le système de composition aléatoire. · NRC 89572 · DES 1611 · Design graphique : éléments fondamentaux · Sylvie Pouliot, professeure et Julie Royer, chargée de cours p. 21 de 30 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 fondements · typographie · systèmes de composition · DIREC TIONNEL - transitional Le système directionnel d'organisation visuelle est un système informel de superposition et de déplacement latéral de lignes ou de bandes de lignes. Ce système est beaucoup plus décontracté que le système de grille puisque le texte n’est pas aligné sur un axe, une colonne ou d'autres éléments de structuration de la composition. Le mouvement des éléments se fait librement de droite à gauche et vice versa. Les lignes de texte coulent librement et la texture qui se crée aide à la compréhension du message. Ce système est comparable dans la nature aux strates créées par l’empilement de roches. Les grands espaces entre les lignes créent une composition aérée, Elam, 2007, p.76. claire et spacieuse, tandis que des lignes serrées, comprimées accentuent l'espace négatif de la composition. Ce type d’organisation laisse souvent transparaître l’impression de paysages, surtout si la composition est à l’horizontale et que celle-ci comporte un élément circulaire. Dans ce cas, cet élément sera associé au soleil. · NRC 89572 · DES 1611 · Design graphique : éléments fondamentaux · Sylvie Pouliot, professeure et Julie Royer, chargée de cours p. 22 de 30 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 fondements · typographie · systèmes de composition · DIREC TIONNEL - transitional Voici quelques exemples démontrant le système de composition directionnel. Elam, 2007, p.107. · NRC 89572 · DES 1611 · Design graphique : éléments fondamentaux · Sylvie Pouliot, professeure et Julie Royer, chargée de cours p. 23 de 30 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 fondements · typographie · systèmes de composition · DIREC TIONNEL - transitional Voici quelques exemples démontrant le système de composition directionnel. Elam, 2007, p.108. Elam, 2007, p.109. · NRC 89572 · DES 1611 · Design graphique : éléments fondamentaux · Sylvie Pouliot, professeure et Julie Royer, chargée de cours p. 24 de 30 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 fondements · typographie · systèmes de composition · DIREC TIONNEL - transitional Voici quelques exemples démontrant le système de composition directionnel. Affiche de Michal Batory · NRC 89572 · DES 1611 · Design graphique : éléments fondamentaux · Sylvie Pouliot, professeure et Julie Royer, chargée de cours p. 25 de 30 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 fondements · typographie · systèmes de composition · MODULAIRE Nous avons vu dans le module précédent le fonctionnement de la grille typographique modulaire applicable plus spécifiquement au livre de lecture. Ici, le système modulaire de composition selon Elam comporte les mêmes principes et notions, avec un élargissement des types et possibilités d'organisations et des formes composant les divers modules, tel le cercle. Le système modulaire dépend de la normalisation de la structure (forme) des éléments graphiques ou des unités (grille divisant le support) puisque ceux-ci agissent comme des subdivisions de l’espace contenant les textes. Les compositions sont créées en fonction de l'organisation et Elam, 2007, p.121. du positionnement des unités modulaires (grille modulaire). Les signes typographiques (lettre, mot, phrase, ligne de texte) présentent des formes distinctes qui nécessitent dans ce type de système d’organisation d’être supportées par un système de module. Ceux-ci, régissant la composition et servant de fond au texte, peuvent être aussi simples qu'un carré, un rectangle ou des formes géométriques plus complexes comme les cercles, les ellipses, les triangles, etc. L'idée est de standardiser les unités (grille) sur lesquelles la typographie se repose et à partir de ces modules, de composer le message à communiquer. Les lignes de texte peuvent être brisées ou séparées à volonté, puisque le regroupement (organisation) de ces lignes contribuera à attirer l’attention, à hiérarchiser l’information et par le fait même, à communiquer le message. · NRC 89572 · DES 1611 · Design graphique : éléments fondamentaux · Sylvie Pouliot, professeure et Julie Royer, chargée de cours p. 26 de 30 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 fondements · typographie · systèmes de composition · MODULAIRE Voici quelques exemples démontrant le système de composition modulaire. Elam, 2007, p.123. Elam, 2007, p.130. · NRC 89572 · DES 1611 · Design graphique : éléments fondamentaux · Sylvie Pouliot, professeure et Julie Royer, chargée de cours p. 27 de 30 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 fondements · typographie · systèmes de composition · MODULAIRE Voici quelques exemples démontrant le système de composition modulaire. Elam, 2007, p.129. · NRC 89572 · DES 1611 · Design graphique : éléments fondamentaux · Sylvie Pouliot, professeure et Julie Royer, chargée de cours p. 28 de 30 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 fondements · typographie · systèmes de composition · MODULAIRE Voici quelques exemples démontrant le système de composition modulaire. Elam, 2007, p.124. Elam, 2007, p.125. A square framework organizes complex infor- mation for a presentation about Designing with Time. Each module contains text or image clues to the content and links to further information. Modules are identified with gray grid rules, and the information is cropped so as to be both informative and enticing. Heebock Lee, Dan Boyarski Elam, 2007, p.124-125. · NRC 89572 · DES 1611 · Design graphique : éléments fondamentaux · Sylvie Pouliot, professeure et Julie Royer, chargée de cours p. 29 de 30 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 fondements · typographie · systèmes de composition · MODULAIRE Voici quelques exemples démontrant le système de composition modulaire. · NRC 89572 · DES 1611 · Design graphique : éléments fondamentaux · Sylvie Pouliot, professeure et Julie Royer, chargée de cours p. 30 de 30