Choix de Lisibilité Typographique - Cours 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 · choix typographiques...

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 · choix typographiques · INTRODUC TION Avant d'en arriver à prendre des décisions finales concernant le choix d'un ou conjointement avec eux. Si la première option s'applique, le designer graphique de plusieurs caractères typographiques pour un projet, il est primordial reçoit normalement dans un fichier Word le contenu sur lequel il doit travailler. de tenir compte de plusieurs facteurs. Même s'ils ne sont pas tous abordés Il a donc peu d'influence sur le contenu textuel tels propos, genre littéraire, dans ce module, il est important que vous en ayez une vue d'ensemble : longueur des textes, hiérarchisation de l'information, titre, sous-titre, légende, etc. Le designer graphique a toutefois la responsabilité du bon fonctionnement Quel est l'objectif de la communication ? de la typographie comme élément de lecture et de communication visuelle. Quels sont les usages prévus par le client, l'éditeur ? Roman, manuel scolaire, Il doit donc travailler en collaboration avec les divers responsables et les informer magazine, rapport annuel, site web ? de toute anomalie qui pourrait nuire notamment à la lisibilité, l'attirance, Quel est le support de diffusion ? Imprimé ou numérique ? l'organisation du contenu, la compréhension des textes, la communication textuelle Qui est le public cible ? L’utilisateur ? Enfant, personne âgée, malvoyant ? et visuelle, etc. Quel est le contexte de lecture ? Mobile ou statique ? le designer graphique , le graphiste , l ' infographiste ne doivent jamais , sans autorisation du client / rédacteur / auteur , corriger les fautes d ' orthographe , les structures de phrase , Quels sont l'objectif et le propos du texte ? Dans la mesure du possible, changer l ' organisation du contenu ou autres. lire les textes, en saisir le sens et en comprendre la fonction. Quelles sont les caractéristiques du texte? Comporte-t-il plusieurs niveaux Lorsqu'on manipule le texte pour en faire la mise en page et le raffinement d'information (titres, sous-titres, intertitres), des énumérations, chiffres, légendes, typographique, il est très facile de faire des erreurs sans s'en rendre compte notes en bas de pages, acronymes, etc. Il est primordial de comprendre (ajout de mots, fautes d'orthographe, mauvaise césure, césure dans le texte, les composantes du texte puisque celles-ci permettront de déterminer mauvaise date, mauvais alinéa ou autres). Il n'est donc pas recommandé de prendre si la ou les polices ou familles de caractères envisagées possèdent les attributs la responsabilité du contenu textuel même lorsqu'il est mis en page. nécessaires tels que : Donc, avant d'envoyer vos documents à l'impression ou de les publier sur le web, assurez-vous › Différentes graisses, chiffres elzéviriens, fractions, petites capitales, ligatures, que le client a autorisé l'impression ou la diffusion et qu'il a fait la vérification de tous les textes glyphes particuliers, ou autres caractères experts. sans exception, même la dernière correction. Assurez-vous qu'il signe cette approbation. Ainsi, › Ses connotations historiques et ses usages antérieurs correspondent-ils vous vous dégagez de toute responsabilité concernant le contenu textuel et sa mise en forme. à votre projet, à vos besoins ? Il est impossible pour le designer graphique de tout connaître, surtout lorsqu'il s'agit › La police fait-elle partie d'une famille de caractères apparentée, c'est-à-dire d'un nouveau support ou d'un public cible particulier. Il est donc important de connaître comportant des variantes telles que des versions de différentes chasses ses limites et en cas d'incertitude, de consulter des experts, d'appuyer ses décisions (étroites, larges), différentes inclinaisons, d'une famille combinée (sérif, sur des recherches et des expérimentations et de les tester avant de les diffuser. À titre sans sérif ), etc. d'exemple : il serait dommage qu'un manuel scolaire mal réfléchi et une typographie non Voir les composantes des familles de caractères dans le module précédent. raffinée aient une influence négative sur l'apprentissage des élèves. Pensez à vos propres expériences de lecture. Ne vous est-il pas déjà arrivé de lire un roman ou autre texte L'objectif de communication est déterminant dans le choix du type de produit et d'être incapable de passer à la ligne suivante, ou de chercher des informations et du support (livre de lecture, manuel pédagogique, brochure, magazine, mal identifiées dans une brochure ou dans un manuel scolaire ? Ainsi, au lieu de penser etc.) ainsi que pour identifier le public cible : enfant, adolescent, étudiant, aîné, que la typographie et/ou la mise en page sont déficientes, on croit qu'on est trop fatigué personne présentant un certain handicap (dyslexique, malvoyant ou autres). ou qu'on a besoin de changer nos lunettes. En général, le client, l'éditeur, le rédacteur et/ou l'auteur sont responsables Dans cette éventualité vous serez désormais en mesure de donner une explication du contenu textuel, à moins que le designer graphique travaille à titre d'auteur de designer perspicace. · 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 · choix typographiques · INTRODUC TION Ce module met l'accent sur la typographie de lecture et la typographie fine. « La typographie de lecture se rapporte à la composition de textes de lecture et à l'application des conditions formelles correspondantes. La typographie fine concerne l'incorporation de détails améliorant la lecture et la compréhension du texte. » Pohlen, (2011) p. 183 L'apprentissage des notions de ce module vous permettra de faire des choix éclairés lorsque vous aurez à travailler avec la typographie et ce, peu importe les supports utilisés (livre, page-écran, magazine ou autres). Il est à noter que les formats des supports et les supports eux-mêmes ne sont pas abordés dans ce module. Plus spécifiquement sont abordés les facteurs qui concernent la sélection d'une ou des polices de caractères ainsi que le raffinement typographique (typographie fine). La méthode d'apprentissage privilégiée est participative puisque vous devez compléter l'information avec les notions que vous retrouverez dans les lectures obligatoires. Cette semaine, portez une attention particulière aux lectures obligatoires. Ce module présente les deux points suivants : Ces informations comportent de la matière à examen importante non présentée dans ce module. › OBJEC TIF DE LA T YPOGRAPHIE Document PDF Selon pohlen Association de caractères de Damien et Claire Gautier Quels sont les principes à connaître? › LISIBILITÉ - INTELLIGIBILITÉ Présente des associations de caractère sans risque et Selon Hill des associations de caractère à éviter, matière très informative. Niveau de lecture de Damien et Claire Gautier Également en consultant les lectures obligatoires vous apprendrez Présente un bon exemple avant et après, matière très informative. les notions suivantes : (matière à examen très importante) Pour les deux PDF de Damien et Claire Gautier, il est préférable de regarder les pages en vis-à-vis (en planches) › Association de caractères Hiérarchie de Ambrose et Harris › Différenciation des types d'information Présente une courte définition de la hiérarchie typographique. › Niveau de lecture et hiérarchisation Différenciation de Wil Hill Présente différents types d'information d'une composition Lire tous les textes de ce module, même ceux qui présentent typographique des exemples puisqu'ils comportent de la matière à examen. · 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 · choix typographiques · OBJEC TIF DE LA T YPOGRAPHIE SELON POHLEN La typographie est une des pierres angulaires du design graphique dont les 2 Favoriser la lisibilité d'un texte principes et notions se chevauchent et s'entrecroisent à des degrés d'importance Ici, l'expression « une typographie ne doit pas être seulement vue, variés relativement à ses rôles, fonctions et contextes d'utilisation. La fontaine elle doit être lue » prend tout son sens. Un texte qui doit être lu aux lettres propose un objectif triple pris du point de vue du spectateur: doit donner le goût de l'être. L'apprentissage et l'application 1 Susciter l'intérêt du lecteur de quelques notions de raffinement typographique appelé 2 Favoriser la lisibilité d'un texte typographie fine peuvent contribuer à répondre à ce besoin. 3 Déterminer la direction et le rythme de la lecture › Cette étape cherche à faciliter la lecture et va plus en profondeur que la première étape. Voici un résumé de l'objectif triple : › L'étape un et deux sont ici combinées - première impression et incitation 1 Susciter l'intérêt du lecteur à la lecture ainsi qu'une attention particulière au raffinement typographique au niveau des mots et de la lettre. › Une typographie qui tient strictement compte des facteurs de lisibilité peut manquer d'impact visuel. Il est donc important › Étapes de la typographie fine : détail des titres, des espacements, de l'interligne, qu'elle attire l'attention et qu'elle retienne cet intérêt. de la justification, des alignements, des césures, des ligatures, etc. › Cet objectif concerne la première impression qui se dégage lorsqu'on › La typographie fine apporte des ajustements à la typographie peu perceptibles regarde une page. par le néophyte, mais essentiels à une bonne lisibilité, à l'attirance et la rétention de lecture. › Si la lecture dépend du bon vouloir du spectateur (magazine, journaux) = la mise en page doit être attirante afin d'inciter le lecteur à poursuivre › Certains réglages sont automatisés par les logiciels de mise en page (InDesign sa lecture. et QuarkXPress), mais certains raffinements nécessitent tout de même des interventions à la main de la part du designer graphique, graphiste › Si la lecture est obligatoire (par exemple étudier de la matière à examen) = ou infographiste. l'accent est mis sur la transmission d'informations claires et intelligibles afin d'en faciliter la rétention, ce qui implique ici d'aller un peu plus Cette étape sera approfondie un peu plus loin dans ce module. en profondeur dans les détails typographiques (voir étape 2). › Dans un cas comme dans l'autre, il est important de capturer et de conduire l'œil. Les notions de composition vues précédemment dans les premiers modules de ce cours s'appliquent : point focal, hiérarchisation, tension, contraste, texture, échelle, etc. · 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 · choix typographiques · OBJEC TIF DE LA T YPOGRAPHIE SELON POHLEN 3 Déterminer la direction et le rythme de la lecture Formes de lecture Moyens typographiques d'adaptation aux formes de lecture Lecture linéaire - le roman Typographie discrète (invisible) - roman Une étape importante qui touche à plusieurs aspects, tels que les intentions - lecteur volontaire (qui a choisi de lire le texte) - recueil de poésie et de prose du client, du rédacteur et du lecteur, les particularités du lecteur ainsi que - texte en continu généralement sur une colonne ; - livre d'enfant - sans obstacle (images, fioriture ou autres) ; - mode d'emploi de qualité le type d'usage. Ces spécificités permettent d'éclairer le designer sur le type - peu de fontes (gras ou italique) ; - mise en page et typographie professionnelles (très raffinées) de polices ou familles à utiliser pour tel ou tel projet, comportement - typographie invisible, aspect serein. Lecture nuancée - manuel scolaire, livre à caractère scientifique Typographie différenciée - publication scientifique ou spécificité du lecteur. Comparativement à un roman par exemple, - s'adresse à un lecteur professionnel et étudiant - matériel pédagogique un document complexe tel un manuel scolaire nécessite l'utilisation - texte sur une large colonne ou plusieurs colonnes ; - rapports annuels - une marge ou une colonne plus étroite réservée aux informations - notes explicatives d'une famille de caractères qui offre plusieurs attributs (gras, italique, supplémentaires et aux renvois en marge ; - nécessite une palette typographique large, puisque plusieurs variables chiffre elzévirien, ligature, petite capitale, etc.). - possibilité de commencer la lecture à n'importe quel endroit seront utilisées. de la publication ; Par exemple dans un rapport annuel, il sera nécessaire d'utiliser les chiffres Cette étape présente un résumé des six formes de lecture exercées - information présentée en continu dont les textes linéaires comportent elzéviriens dans les textes et les chiffres capitales dans les tableaux des notions accentuées (titre, sous-titres, dates, références, etc.) ; ainsi que plusieurs fontes et forces de corps pour différencier et par le lecteur présentées dans votre livre. Je vous propose une tentative - permet de trouver facilement : notions, notes en bas de page, références hiérarchiser les informations. d'associer à ces moyens une nomenclature permettant à la typographie bibliographiques, légendes, commentaires situés en marge. et à la mise en page de s'adapter à ces diverses formes de lecture. Lecture sélective - livre scolaire pour le primaire ou le secondaire Typographie didactique - livre scolaire pour jeunes enfants - lecteur (écolier ou élève) pas toujours motivé à lire - livre de cuisine, Lecture obligatoire : pages 188 et 189 de votre livre. - constitué de plusieurs couches (sections) liées en elles, mais - guide touristique (information brève, télégraphique) pouvant être lues indépendamment les unes des autres ; - lecteur moins motivé Vous remarquerez que la typographie mise en scène ne peut être associée - confort de lecture crucial ; - offre un soutien au lecteur - il est facile de trouver les éléments recherchés ; - l'objectif n'est pas de lire, mais de trouver l'information à aucune forme de lecture énumérée ci-contre. La composition de ce type - texte réparti sur une ou deux colonnes ; de texte souvent poétique est très visuelle (poésie concrète, typographie - large espace réservé aux illustrations ; - la page comporte de nombreux espaces blancs (pour aérer), ou texte imagé) et exige un effort considérable de la part du lecteur. ce qui favorise le repos de l'oeil et isole le texte de son environnement. Lecture de consultation - encyclopédie Typographie économe en espace - dictionnaire - bibliographie - annuaire téléphonique - dictionnaire - Bible - grande partie d'Internet - Google - choix typographique en fonction d'un gain d'espace - trouver des informations rapides ; - caractère moins large - trouver la réponse à une question ; - hauteur d'x relativement grande - en format papier, est répartie sur deux ou trois colonnes. - ascendant et descendant assez court Par exemple : Bell Centennial de Matthew Carter. Le dessin des caractères de cette famille tient compte de la qualité moindre du papier ; c'est pour cette raison qu'ils ont été dessinés avec des pièges à encre qui permettent aux lettres de rester bien visibles s'il y a bavure d'encre. (à retenir) Lecture compréhensive - livre pour enfant Ici plusieurs aspects des divers moyens énumérés sur cette page peuvent être - recueil de poésie (ne s'applique pas à tous les livres de poésie) combinés tels que: - compréhension par phrase ; typographie didactique, puisque ce moyen offre un soutien au lecteur; ainsi que - le rythme est secondaire ; typographie discrète, pour sa mise en page et sa typographie raffinées - une colonne suffit la plupart du temps. Lecture informative - journal Typographie active - lecteur moins motivé - le lecteur choisit ce qu'il considère être le plus important ; - susciter l'intérêt du lecteur par un titre étonnant ou une mise en page - mouvement de l'oeil considérable, errance avant de faire un choix de lecture ; atypique - il est rare de lire un journal au complet ; - chaque page est conçue de façon distincte - contient de nombreuses colonnes ; - agrémentée de photos et d'illustrations - les suppléments des journaux présentent une organisation plus narrative, donc sur moins de colonnes. · 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 · choix typographiques · LISIBILITÉ ET MOUVEMENTS OCULAIRES « 1962 : l’expérience de Richaudeau Textes tirés du livre de Aurélien Foutoyet, intitulé typo & web pour une lisibilité optimale François Richaudeau démontra au travers de plusieurs expériences que : de la typographie sur internet, éditeur Atelier Perrousseaux, 2012 et du livre de Marc Combier et Yvette Pesez, Encyclopédie de la chose imprimée du papier à l'écran, › l’unité de lecture serait bien le mot et non la lettre ; éditions Retz, 1999. Voir les textes complets dans la lecture obligatoire. › le lecteur ne déchiffre les lettres qu’au travers des mots qu’elles composent. « Sleon une édtue de l’Uvinertisé de Cmabrigde, l’odrre des ltteers dnas un mtos LE PROCESSUS DE LECTURE : n’a pas d’ipmrotncae, la suele coshe ipmrotnate est que la pmeirère et la drenèire COMMENT LIT-ON ? soit à la bnnoe pclae. Le rsete peut êrte dnas un dsérorde ttoal et vuos puoevz tujoruos lrie snas porlblème. En efeft le creaveu hmauin ne lit pas chuaqe ltetre Bien que la lecture soit automatique pour bon nombre d’entre nous, il s’agit d’un processus elle- mmêe, mias le mot cmome un tuot. » complexe que nous avons appris depuis notre plus jeune âge et qui évolue en fonction de notre expérience. (...) Le lecteur aura très probablement compris le sens du texte ci-dessus bien que les mots qui composent ce paragraphe soient incomplets. Rien d’étonnant puisque cette simple expérience met en évidence le fait que la lecture est une question d’habitude et que le processus de lecture fait appel à notre mémoire (la silhouette des mots que nous avons Saccades : Lorsque les yeux du lecteur parcourent l’habitude de lire y est conservée) et au contexte de lecture. chaque ligne de texte en faisant des petits bonds (sautillements) successifs, marqués par des empans. Bien que très largement admise pendant longtemps, la thèse de la reconnaissance de la silhouette des mots (Word Shape Model) a été remise en cause suite à des études Empans : zones de fixation de l'oeil sur quelques contradictoires mettant en évidence le rôle non négligeable des habitudes du lecteur caractères, de très courte durée, quelques dixièmes et du contexte (McClelland & Johnson - 1977, Adams - 1979) dans le processus de lecture. de seconde environ (0,2 à 0,35 seconde). (..) C'est à ce moment-là que notre cerveau enregistre Récapitulons les points importants que nous pouvons retenir : l’information. › nous ne lisons pas de façon continue, mais par à-coups* ; Saccades régressives : sont les retours en arrière (aller-retour) de fréquence variable puisqu'ils sont › les zones de fixation ne représentent que quelques caractères seulement ; effectués au besoin en fonction de la difficulté › la partie supérieure des mots joue un rôle important dans le processus de lecture ; de compréhension du texte. › les habitudes et le contexte de lecture jouent un rôle important. » Foutoyet (2012), p. 12 Chaque saccade dure environ 25 ms et permet de parcourir de 7 à 9 lettres * par à-coups: en progressant de façon irrégulière en moyenne. Bien que cela soit complètement transparent pour nous, environ 10 à 15% des saccades sont « régressives », c’est-à-dire que leur mouvement est inversé. Les yeux du lecteur parcourent la ligne de texte par Des études (McConkie et Rayner - 1975) ont mis en évidence la taille de la zone de collecte d’information qui correspond à environ 7 lettres à droite et à gauche sautillements successifs marqués par des fixations du point de fixation. La zone de netteté (appelée fovea) n’est constituée que de 3 à 4 lettres au niveau Les yeux du lecteur parcourent la ligne de texte par du point de fixation et diminue avec l’augmentation de la distance par rapport à ce dernier. L’extrémité de la zone de collecte d’information permet de guider sautillements successifs marqués par des fixations notre lecture et d’anticiper la localisation de la prochaine zone de fixation sur la ligne. Les études montrent que les fixations arrivent toujours au début ou au milieu d’un mot (mais jamais entre deux mots) et ne tombent pas sur les mots courts (le, la, les, et, mais, ta, ces, etc.), ceux-ci étant détectés dans la zone de collecte Il est plus facile de lire périphérique et décodés grâce au contexte de lecture. le tiers supérieur des minuscules Puisque le processus de lecture n’est pas continu, une grande partie du contenu Combier et Pesez (1999), p. 46 que nous lisons n’est pas réellement « lue », mais plutôt « devinée », reconstituée par notre cerveau grâce au contexte de lecture et à notre mémoire. · 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 · choix typographiques · LISIBILITÉ - INTELLIGIBILITÉ SELON HILL Selon Hill, la lisibilité et l'intelligibilité sont deux notions interdépendantes, mais distinctes importantes à considérer lorsqu'on choisit un caractère typographique. Lisibilité Intelligibilité Perception du signe Concerne la manière et la facilité avec lesquelles Identification et relation entre les lettres, l'oeil trace, connecte et absorbe les mots pour distinguées les unes des autres. en faire des phrases et des paragraphes continus Concerne la différenciation des lettres et cohérents. et des mots qu'elles forment. Intermot Morphologie Alignement sobre / décoratif contraste entre plein et délié Longueur de la ligne forme géométrique / forme nuancée Interligne Empattements Grisé de texte sérif / sans sérif Proportion oeil du caractère (hauteur d'x) chasse variable / fixe Variables roman / italique graisse maigre / moyen / gras Capitales / bas de casse Force de corps Forme/fond - couleur Interlettrage - approche et crénage · 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 · choix typographiques · LISIBILITÉ - INTELLIGIBILITÉ SELON HILL Avant de passer à la lisibilité selon Hill, voici quelques propos tirés de Foutoyet (2012). La forme des lettres et des mots joue un rôle important dans le processus « Qu'est-ce que la lisibilité ? La lisibilité dépend d'un ensemble de connaissances, de recherches Lisibilité de lecture. Selon des études, la majorité des caractères de texte sont de lisibilité et d'opinions auxquelles se réfèrent les concepteurs graphiques Perception du signe égale mis à part les caractères gothiques et les caractères à espacements fixes en fonction de leurs besoins, et non pas d'un concept obéissant Identification et relation entre les lettres, (monospaces, de machine à écrire). à une théorie unique ou à des règles sans appel. Même s'il existe un certain nombre de points communément admis, la réaction distinguées les unes des autres. Cette conclusion peut s'apparenter au fait que depuis notre jeune âge, nous avons du concepteur à son propre texte est probablement le meilleur Concerne la différenciation des lettres appris à reconnaître les formes de bases des lettres. Notre cerveau a donc enregistré au fil du temps ces squelettes basiques qui n'ont depuis pas suffisamment changé critère ; il reste cependant utile de conserver ces quelques notions et des mots qu'elles forment. pour en affecter leur reconnaissance. Donc, toutes formes similaires à ce que présentes à l'esprit: Morphologie le cerveau a enregistré seront reconnues. Lorsque vous aborderez les notions L'oeil enregistre la forme des mots, c'est-à-dire sobre / décoratif proposées par Hill sur la lisibilité, il est opportun de retenir et de remarquer que qu'il perçoit comme un tout le profil de chaque mot plus on s'éloigne des caractéristiques de la forme du squelette de base ou initiale, connu. Ce n'est que lorsqu'il rencontre un mot contraste entre plein et délié plus il sera difficile pour notre cerveau d'identifier les lettres et par le fait même inconnu qu'il le détaille lettre par lettre. forme géométrique / forme nuancée les mots. Cette difficulté d'association fera en sorte de perturber la lisibilité, Les ascendantes et les descendantes favorisent la lecture, la compréhension et la rétention du lecteur. Empattements la différenciation (pour distinguer par exemple Comparativement à un caractère de labeur (de texte ou de lecture), lorsqu'il s'agit j de i, a de d). Les minuscules sont de ce fait plus sérif / sans sérif de choisir un caractère pour le titrage, ces notions seront dans certains cas lisibles que les majuscules de même taille. Proportion moins importantes ou considérées puisque ceux-ci comportent des utilisations Des points de jonction plus bas et plus nets, et fonctions de communication différentes non abordées dans ce module. oeil du caractère (hauteur d'x) par exemple entre le fût et l'arrondi du n minuscule, chasse variable / fixe « (...) lorsqu’il s’agit de caractères devant servir à composer des textes longs, rendent le caractère plus lisible. Des contreformes c’est bien le confort de lecture qui doit être privilégié. Il sera alors plus judicieux bien ouvertes et bien définies caractérisent également Variables d’opter pour des caractères dont le dessin des tracés ne s’éloigne pas trop les polices réputées très lisibles. » roman / italique des squelettes « classiques ». Déjà parfaitement mémorisées par le lecteur, Hill (92012), p. 34 les formes seront immédiatement identifiées par celui-ci, de façon tout à fait graisse maigre / moyen / gras transparente, et la lecture en sera ainsi facilitée. Sur le web, des polices Capitales / bas de casse de caractères comme Georgia ou Verdana sont utilisées depuis de nombreuses années et sont considérées comme particulièrement lisibles pour la mise en page Force de corps de textes courants. Toutefois, depuis la démocratisation de la propriété @font-face, de nouveaux caractères commencent à s’imposer pour la composition des textes Forme/fond - couleur longs. C’est par exemple le cas pour FF Meta Web Pro4, FF-Meta Serif Web Pro5 Interlettrage - approche et crénage ou encore FF-Dagny Web Pro1, qui restent lisibles sur les principaux systèmes d’exploitation (et navigateurs web) pour la composition de texte de paragraphes. » Foutoyet (2012), p 14-17 · 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 · choix typographiques · LISIBILITÉ - INTELLIGIBILITÉ SELON HILL Morphologie sobre / décoratif Lisibilité Lisibilité Spumoni LP Syntax contraste entre plein et délié Les caractères sobres sont plus lisibles que les caractères décoratifs. « Les caractères sobres sont plus lisibles que les caractères décoratifs. forme géométrique / forme nuancée « L'analyse de la lisibilité d'un texte implique plusieurs facteurs, L'analyse de la lisibilité d'un texte implique plusieurs facteurs, perspectives et méthodes. Malgré la pertinence de ces derniers perspectives et méthodes. Malgré la pertinence de ces derniers et Empattements leur capacité à éclairer certains contextes, il n'en reste pas moins et leur capacité à éclairer certains contextes, il n'en reste pas moins sérif / sans sérif que l'exercice n'obéit ni à des règles absolues ni à des affirmations caté- que l'exercice n'obéit ni à des règles absolues ni à des affirmations Proportion catégoriques. Pour le concepteur expérimenté, la lisibilité goriques. Pour le concepteur expérimenté, la lisibilité est largement oeil du caractère (hauteur d'x) est largement affaire d'intuition ou, plus exactement, le fruit affaire d'intuition ou, plus exactement, le fruit des connaissances et chasse variable / fixe des connaissances et de l'expérience. Elle varie énormément de l'expérience. Elle varie énormément selon le contexte, l'espace non Variables selon le contexte, l'espace non imprimé, l'interligne, la longueur imprimé, l'interligne, la longueur de ligne, etc., et ne peut se déduire roman / italique de ligne, etc., et ne peut se déduire du seul examen de la police du seul examen de la police de caractères. » Hill (1999), p. 34 graisse maigre / moyen / gras de caractères. » Hill (1999), p. 34 Illisible, illusion, olivier, divers, etc. Illisible, illusion, olivier, divers, etc. Capitales / bas de casse Force de corps « Les formes en référence à l'écriture de la Renaissance offrent plus de variété, donc de lisibilité, que celles issues de la pure Lisibilité Forme/fond - couleur géométrie.» Combier et Pesez (1999), p. 47 Didot « Le contraste extrême entre les pleins et déliés de Didot Interlettrage - approche et crénage rend la lisibilité (lecture) plus difficile comparativement au Frutiger dont les traits sont presque égaux. L'analyse de la lisibilité d'un texte implique plusieurs Lisibilité facteurs, perspectives et méthodes. Malgré la pertinence de ces derniers et leur capacité à éclairer certains Avant Garde Le dessin très géométrique de l'Avant Garde rend contextes, il n'en reste pas moins que l'exercice la lisibilité (lecture) plus difficile comparativement n'obéit ni à des règles absolues ni à des affirmations adgqo catégoriques. Pour le concepteur expérimenté, au Frutiger qui comporte un dessin de lettre plus nuancé. adgqo « Un i qui apparaît parfaitement lisible quand il est isolé peut la lisibilité est largement affaire d'intuition ou, plus être difficile à distinguer à côté d'un l qui lui ressemble trop. exactement, le fruit des connaissances et de l'expérience. adgqoadgqoadgqo Elle varie énormément selon le contexte, l'espace Un d minuscule de dessin géométrique est très lisible, sauf adgqoadgqoadgqo qu'il peut facilement être confondu avec un o suivi d'un l. non imprimé, l'interligne, la longueur de ligne, etc., Illisible, illusion,olivier, divers, etc. » Hill (1999), p. 34 et ne peut se déduire du seul examen de la police adgqoadgqoadgqo de caractères. » Hill (1999), p. 34 adgqoadgqoadgqo « Les formes en référence à l'écriture de la Renaissance Illisible, illusion,olivier, divers, etc. offrent plus de variété, donc de lisibilité, que celles issues de la pure géométrie. » Combier et Pesez (1999), p. 47 · 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 · choix typographiques · LISIBILITÉ - INTELLIGIBILITÉ SELON HILL Morphologie sobre / décoratif contraste entre plein et délié Lisibilité Minion Pro - Regular - 13 /15 pts Lisibilité Minion Web Pro - Regular - 13 /15 pt Lisibilité Lisibilité Minion Pro Web- Pro Regular - 13 /15 - Regular - 14 pts/16 pt forme géométrique / forme nuancée Considérant que les empattements marquent Considérant que les empattements marquent Considérant Considérantque queles lesempattements empattements marquent marquent plus nettement la ligne de texte, certains auteurs plus nettement la ligne de texte, certains auteurs plus plus nettement nettementlalaligne lignededetexte, texte, certains certains auteurs auteurs Empattements tels que Hill et Frutiger ont affirmé dans le passé tels que Hill et Frutiger ont affirmé dans le passé tels tels que queHillHilletetFrutiger Frutigeront ontaffirmé affirmé dans le passé dans le passé que les caractères de texte sérif sont plus lisibles que les caractères de texte sérif sont plus lisibles que leslescaractères caractèresdedetextetextesérif sérif sontsont plus lisibles plus lisibles sérif / sans sérif que les caractères de texte sans-sérif. Toutefois, selon que les caractères de texte sans-sérif. Toutefois, selon que leslescaractères caractèresdedetextetextesans-sérif. sans-sérif. Toutefois Toutefois selon selon Proportion des études mentionnées précédemment brièvement des études mentionnées précédemment brièvement des des études étudesmentionnées mentionnéesprécédemment précédemment brièvement brièvement oeil du caractère (hauteur d'x) dans ce module, la différence de lisibilité serait dans ce module, la différence de lisibilité serait dans dans ce ce module, module,laladifférence différencedede lisibilité serait lisibilité serait chasse variable / fixe négligeable. Également concernant la typographie négligeable. Également concernant la typographie négligeable. négligeable.Également Égalementconcernant concernant la la typographie typographie sur le web, les procédés se perfectionnent sur le web, les procédés se perfectionnent sur lele web, web,leslesprocédés procédésseseperfectionnent perfectionnent Variables et se rapprochent de plus en plus de l'imprimé. et se rapprochent de plus en plus de l'imprimé. et se se rapproche rapprochede deplus plusenenplusplus dede l'imprimé. l'imprimé. roman / italique Il existe des caractères dessinés spécifiquement Il existe des caractères dessinés spécifiquement Il existe existedes descaractères caractèresdessinés dessinés spécifiquement spécifiquement graisse maigre / moyen / gras pour des fonctions et intentions spécifiques pour des fonctions et intentions spécifiques pour des des fonctions fonctionsetetintentions intentions spécifiques spécifiques tel le web, les journaux, etc. Il est recommandé tel le web, les journaux, etc. Il est recommandé tel le le web, web,les lesjournaux, journaux,etc. etc.Il Ilestest recommandé recommandé Capitales / bas de casse d’en tenir compte lorsque vous choisissez d’en tenir compte lorsque vous choisissez d’en tenir d’en tenircompte comptelorsque lorsque vous vous choisissez choisissez un caractère typographique. un caractère typographique. un caractère caractèretypographique. typographique. Force de corps Les sérifs ont une connotation plus classique et Les sérifs ont une connotation plus classique et Les sérifs sérifsontontune uneconnotation connotationplus plus classique classique et et Forme/fond - couleur traditionnelle que les sans-sérifs qui, eux, évoquent traditionnelle que les sans-sérifs qui, eux, évoquent traditionnelle traditionnelleque queleslessans-sérif, sans-sérif, quiqui euxeux évoquent évoquent davantage jeunesse et actualité. davantage jeunesse et actualité. davantage jeunesse et actualité. davantage jeunesse et actualité. Interlettrage - approche et crénage Lisibilité Myriad Pro - Regular - 13 /15 pt Lisibilité Myriad Web Pro - Regular - 14 /16 pt Lisibilité Lisibilité Myriad Pro Web- ProRegular - 13 /15 - Regular - 14pt/16 pt Considérant que les empattements marquent Considérant que les empattements marquent Considérant Considérantque queles lesempattements empattementsmarquent marquent plus nettement la ligne de texte, certains auteurs plus nettement la ligne de texte, certains auteurs plus nettement nettementlalaligne lignede detexte, texte,certains certainsauteurs auteurs tels que Hill et Frutiger ont affirmé dans le passé tels que Hill et Frutiger ont affirmé dans le passé tels que que Hill Hill et etFrutiger Frutigerontontaffirmé affirmédans danslelepassé passé que les caractères de texte sérif sont plus lisibles que les caractères de texte sérif sont plus lisibles que lesles caractères caractèresde detexte textesérif sérifsont sontplus pluslisibles lisibles que les caractères de texte sans-sérif. Toutefois, selon que les caractères de texte sans-sérif. Toutefois, selon que lesles caractères caractèresde detexte textesans-sérif. sans-sérif.Toutefois Toutefois selon selon des études mentionnées précédemment brièvement des études mentionnées précédemment brièvement des études études mentionnées mentionnéesprécédemment précédemmentbrièvement brièvement dans ce module, la différence de lisibilité serait dans ce module, la différence de lisibilité serait dans ce ce module, module,laladifférence différencede delisibilité lisibilitéserait serait négligeable. Également concernant la typographie négligeable. Également concernant la typographie négligeable. négligeable. Également Égalementconcernant concernantlalatypographie typographie sur le web les procédés se perfectionnent et sur le web les procédés se perfectionnent et sur le webweb les lesprocédés procédésse seperfectionnent perfectionnentetet se rapprochent de plus en plus de l'imprimé. se rapprochent de plus en plus de l'imprimé. se rapproche rapprochede deplus plusen enplus plusde del'imprimé. l'imprimé. Il existe des caractères dessinés spécifiquement Il existe des caractères dessinés spécifiquement Il existe existe des des caractères caractèresdessinés dessinésspécifiquement spécifiquement pour des fonctions et intentions spécifiques pour des fonctions et intentions spécifiques pour des des fonctions fonctionset etintentions intentionsspécifiques spécifiques tel le web, les journaux, etc. Il est recommandé tel le web, les journaux, etc. Il est recommandé tel le web, web, les les journaux, journaux,etc.etc.IlIlest estrecommandé recommandé d’en tenir compte lorsque vous choisissez d’en tenir compte lorsque vous choisissez d’en d’en tenir tenircompte comptelorsque lorsquevous vouschoisissez choisissez un caractère typographique. un caractère typographique. un caractère caractèretypographique. typographique. Les sérifs ont une connotation plus classique et Les sérifs ont une connotation plus classique et Les sérifs sérifs ont uneconnotation ont une connotationplus plusclassique