Concevoir avec type : les bases de la typographie pour les non-concepteurs

1. Introduction: Bienvenue dans ce cours, Conception avec du texte, Typographie pour les non-concepteurs. Où je vais vous présenter quelques-uns de mes trucs et astuces pour utiliser les caractères et les polices de caractères. Nous parlerons de l' émotion qui se cache derrière une police de caractères. Comment mettre en page du texte. Vous pouvez inciter votre spectateur à lire davantage et obtenir des conseils sur la façon de travailler avec le corps du texte, afin que les utilisateurs puissent le lire et le digérer facilement. Ce cours s'adresse spécifiquement aux non-designers. Ceci est destiné aux personnes qui utilisent du texte pour des présentations ou des graphiques de réseaux sociaux, mais qui n'ont aucune formation en typographie. À la fin de ce court cours, vous serez plus à l'aise dans l'utilisation de la typographie et dans la manière de l'utiliser efficacement pour communiquer le bon message à votre public. Bonjour. Je suis Faye Brown et j'enseigne sur Skillshare depuis 2012. Je suis un spécialiste du design graphique et de l'image de marque basé au Royaume-Uni. Je suis un grand passionné de typographie qui pourrait parler de polices de caractères toute la journée. Cependant, dans ce cours, je vais résumer cela en un court cours de 20 minutes qui vous donnera le savoir-faire nécessaire pour utiliser la typographie plus efficacement, alors plongeons-nous dans le vif le savoir-faire nécessaire pour utiliser la typographie du sujet. 2. Qu'est-ce que la typographie ?: Qu'est-ce que la typographie ? En termes simples, la typographie est l'art d'organiser ou de concevoir des formulaires de lettres. J'aime décrire la typographie comme votre voix visuelle, même si ce n'est pas vraiment ce que signifie beaucoup de graphisme. C'est communiquer un message sans avoir à parler. Nous prenons tout cela en compte visuellement. La connaissance de quelques trucs et astuces de typographie est un outil très utile. J'ai vraiment été fascinée par la typographie lorsque j'ai fait mes études de graphisme. C'est un très vaste domaine à couvrir. Aujourd'hui, nous allons nous concentrer principalement sur les polices de caractères et sur la façon dont chacune peut avoir sa propre personnalité. Au fur et à mesure, je vais vous présenter certains termes typographiques et quelques conseils sur la façon de mettre en page des blocs de texte intéressants pour le lecteur. Vous pouvez choisir parmi un certain nombre de projets pour ce cours. Vous pouvez choisir l'un ou l' ensemble d'entre eux si vous le souhaitez. La première sera de partir à la chasse à l'alphabet. Vous pouvez emporter un appareil photo et rechercher chaque lettre de l'alphabet, idéalement tous les styles. En voici une que j'ai faite lors d'un récent séjour à Londres. Ce projet vous aide vraiment à réaliser les différents styles de polices de caractères. Au fur et à mesure que vous réfléchissez aux styles utilisés quoi et comment vous sentez-vous avec ces types de visages ? C'est peut-être une boutique. La police de caractères lui donne-t-elle un aspect cher ou plus économique ? Est-ce que ça donne un aspect sérieux ou amusant ? Est-ce que la police de caractères semble accessible ou peut-être un peu effrayante ? La police de caractères est-elle facile à lire ? Sinon, vous avez peut-être envie de réaliser ce projet un jour de pluie, alors vous pourriez utiliser des magazines pour trouver toutes les lettres de l'alphabet. Essayez d'utiliser différents magazines et voyez comment ils utilisent les polices de caractères de différentes manières en fonction du sujet. magazine Minecraft de mon fils utilise des polices de caractères très différentes pour Ideal Home Magazine, par exemple. Il suffit de penser à tout cela pendant que vous collectez vos lettres. Une alternative est de choisir une lettre, peut-être la première lettre de votre nom, et d' essayer de trouver autant d'exemples différents de cette lettre que possible. Cela peut être plus difficile selon votre nom. Voici un exemple de quelques F que j'ai trouvés sur pinterest.com. Mais c'est plus amusant si vous pouvez sortir et parcourir les magazines. Si vous pouvez trouver un mélange de lettres majuscules et minuscules, ce serait bien. Les lettres majuscules sont des lettres majuscules. Elles sont appelées majuscules car à l'époque de l'utilisation de caractères métalliques, les lettres majuscules étaient conservées dans le tiroir supérieur. Juste au cas où vous vous demanderiez pourquoi ils étaient appelés majuscules. En choisissant une lettre, cela vous permet de voir les différentes manières dont ces lettres peuvent être dessinées, même si les formes de base seront les mêmes. Les ressources de classe comprennent également un PDF contenant des alphabets et des chiffres de tous les styles. Vous le trouverez dans l'onglet Ressources. Si vous avez du papier calque ou une fine feuille de papier blanc, essayez de dessiner par-dessus ces lettres. C'est un très bon moyen de comprendre les formes des lettres et les différents styles de polices de caractères. De plus, ceux qui sont un peu plus confiants dans le dessin, essayez de les redessiner sans tracer. Ce sont vos projets. Je vais continuer à y revenir, mais parlons maintenant plus en profondeur de la façon dont les mais parlons maintenant plus en profondeur de la polices de caractères peuvent avoir leur propre personnalité et de la façon dont la police que vous choisissez peut changer la façon dont vous lisez un mot. 3. Choisir des caractères: Choisir la bonne police de caractères. Une police de caractères peut-elle réellement susciter une émotion ? Jetons un coup d'œil. J'aime utiliser le mot amour et école pour cet exercice. Commençons par l'amour. Voici quatre polices de caractères différentes illustrant exactement le même mot. Que ressentez-vous chacun d'entre eux ? La couleur peut également jouer un rôle important dans la conception visuelle, mais je n'inclus volontairement pas la couleur dans ces options, c'est uniquement basé sur la police de caractères. Mettez la vidéo en pause si vous le souhaitez et prenez des notes mentales sur la façon dont ces polices de caractères peuvent aider à illustrer différentes formes d'amour. Je pense qu'en haut à gauche, c'est un amour très amical. C'est assez classique. C'est un peu marrant, si c'est un mot. C'est un amour fluide. Le coin supérieur droit est quelque peu différent. Ça a l'air un peu effrayant, un amour dur. Je peux l'imaginer sur une pochette d'album d'un groupe de rock,. L'amour en bas à gauche est assez moderne, il est très confiant et audacieux. Ensuite, optez pour une solution douce avec les bords incurvés et la rondeur de certaines formes et formes. L'amour en bas à droite semble très innocent et enfantin. C'est l'amour qu'un tout-petit peut avoir pour son ours en peluche préféré. que vous ayez vu ces mots exactement de la même manière que moi ou non, Peu importe que vous ayez vu ces mots exactement de la même manière que moi ou non, mais je suppose qu'il y avait similitudes entre nos pensées. Vous ne verrez probablement pas le coin supérieur droit sur trop d'invitations de mariage. En choisissant simplement différentes polices de caractères, nous pouvons façonner la façon dont le lecteur pourrait s'identifier au mot. Regardons le mot école, qui n'est pas un mot si émouvant. Encore une fois, mettez la vidéo en pause et réfléchissez à manière dont vous vous connectez à ces options. votre avis, à quoi pourrait ressembler chaque école ? Celui en haut à gauche pour moi a l'air très traditionnel et correct. Je m'attendrais à ce que l'école soit bien établie et sérieuse dans son approche de l'éducation. Celui en haut à droite a l'air plus amusant. Ce serait peut-être bien pour l'école de danse. En bas à gauche, celle-ci me rappelle une école de sport américaine, j'ai l'impression que c' est une école très sportive. En bas à droite, on dirait peut-être une école de théâtre, quelque chose d'assez bruyant et peu excitant. Vous pouvez également faire cet exercice avec votre nom. Disons que je dessinais un logo pour un certain Charlie Hooper. Nous ne savons pas quel est le sexe de Charlie, nous ne savons pas ce que fait Charlie, mais simplement en regardant ces polices de caractères, nous pourrions commencer à nous faire des idées sur ce que fait Charlie. Vous pouvez essayer de trouver une police de caractères pour vous-même. Il existe un excellent site Web appelé Font Squirrel, qui regorge de polices de caractères gratuites. Vous pouvez cliquer sur certains termes ici comme point de départ, puis cliquer sur Test Drive où vous pouvez saisir votre nom et voir à quoi il ressemble. Pense à ta personnalité. Est-ce que cela vous convient ? Celui-ci est probablement un peu trop chic pour moi, à titre d'exemple. J'ai aimé le fait qu'il soit assez sympathique et audacieux, mais il est un peu trop beau et peut-être un peu trop et c'est en fait assez difficile à lire. un autre excellent site Web pour rechercher creativemarket.com est un autre excellent site Web pour rechercher des polices de caractères. Vous pouvez rechercher des polices et, si vous cliquez sur un ensemble, vous pouvez à nouveau les tester toutes en même temps. Ceux-ci coûtent de l'argent, mais c'est quand même un exercice assez amusant à faire. Cela m'aide à les comparer facilement et voir ce qui me convient le mieux. Cela provenait d'un bundle moderne, mais vous devriez peut-être opter pour quelque chose de beaucoup plus décoratif et original comme celui-ci. Pensez simplement à votre personnalité et au style qui pourrait vous convenir. C'est essentiellement le processus que je passe par lorsque je crée des logos. Réfléchir à la personnalité des lettres et à la façon dont elles reflètent l'entreprise ou personne pour laquelle je dessine. Essaie par toi-même. Ce qui vous aidera à démarrer, c'est d' en savoir un peu plus sur classifications de types, du service au libre-service, en passant par les polices de script et d'écriture manuscrite. Nous allons maintenant examiner quelques-unes d' entre elles pour vous aider dans vos recherches. 4. Classifications de type: Serif. Une police Serif comporte de petits traits à la fin des caractères. Les empattements sont généralement associés à des polices plus traditionnelles telles que Times et Garamond, mais la plupart des polices les plus modernes utilisent des empattements, qu' ils soient entre crochets, comme Garamond ici, ou en dalle Serif comme Rockwell ou Wedge Serif comme Birch. De nombreux livres sont écrits à l'aide polices Serif traditionnelles telles que Garamond. Les lettres séreuses aident à former un lien entre chacune des lettres, ce qui permet au lecteur de suivre une ligne ou un paragraphe de texte. Les polices Serif plus traditionnelles peuvent donner à quelque chose de très professionnel, digne de confiance et établi, mais elles peuvent aussi donner une impression d'ennui. Sans Serif. Sans Serif est simplement une police de caractères sans Serfs, sans, c'est-à-dire sans. La police de caractères Sans Serif la plus célèbre est peut-être Helvetica, comme on peut le voir ici dans le métro de New York. Une famille de polices de caractères simple comme cette copie corporelle qui se trouve à Montserrat est facile à lire et facilite la lecture pour le lecteur. Nous voyons souvent des polices de caractères sans serif utilisées sur les sites Web, bien que les serfs fassent un petit retour. polices de caractères sans serif en général communiqueront une approche un peu plus moderne de l'entreprise, conviviale et accessible. Si vous visez un marché plus jeune, vous pouvez opter pour un style Sans Serif. Toutes les polices de caractères correspondent généralement à un serif ou sans empattement, mais il existe d'autres styles à prendre en compte. polices de caractères de style script ont été développées au XVIIe siècle sur la base de techniques d'écriture utilisant la plume et l'encre. Depuis cette époque, d'autres styles de script se sont développés et sont devenus très populaires. Les styles de script peuvent vraiment varier dans leur message, allant de la forme et de l'élégance à une lettre noire lourde, audacieuse et bruyante. Les styles de bandes dessinées peuvent être amusants en fonction de l'utilisation. Essayez d'éviter Comic Sans. Comic Sans a été utilisé, surutilisé et également utilisé pour des choses inappropriées, comme des panneaux d'avertissement. Il y a un panneau d'avertissement dans notre ville concernant l'électrocution et c'est dans Comic Sans. Il a une mauvaise réputation auprès des designers. Bien qu'apparemment, c'est l'une des polices de caractères les plus faciles à lire pour les enfants. Les polices de caractères décoratives reprennent de nombreux styles, tels que Budmo Jiggler et Rosewood, elles ne seraient utilisées que pour vraiment attirer l'attention, donc des titres, des affiches et peut-être des logos de la bonne façon. décoration peut également intégrer des styles de scripts. Les styles de machines à écrire comme celui-ci sont assez explicites. Ce style peut très bien fonctionner pour les conceptions de style de définition de dictionnaires. Les styles de pochoir sont généralement polices de caractères présentant des ruptures dans les formes des lettres. Ils sont souvent utilisés pour des références de style militaire ainsi que pour des documents top secrets. L'affichage de nombreux styles précédents dont nous avons parlé relèverait de cette catégorie mais lors de recherches de polices, cette catégorie afficherait options idéales pour les textes plus volumineux, donc les titres et des affiches, quelque part fonctionnent aussi pour les logos. Écrit à la main. Elles peuvent également s'intégrer au script en raison du style, mais les polices de caractères manuscrites sont très populaires et peuvent ajouter une touche conviviale et personnalisée au texte. Ce n'est pas seulement la police de caractères qui peut aider à communiquer un message. L'utilisation de la taille et du poids peut également être utilisée de manière très efficace. Jetons un coup d'œil à la vidéo suivante. 5. Taille et poids: Taille et poids Les diapositives suivantes que vous verrez appartiennent souvent à la même famille sans empattement appelée Gotham. Au sein de cette famille, nous avons poids léger à ultra léger. Les formes des lettres sont basées sur les mêmes formes, mais leur poids leur donne un aspect très différent. Si nous voulons créer une sensation de calme et de tranquillité, un poids plus fin peut être plus efficace, mais si nous voulons crier à propos quelque chose ou avertir les gens d'un danger possible, un poids lourd et audacieux saisira attention plus rapide. Nous pouvons également utiliser la taille pour nous aider dans notre message ici. On peut chuchoter ou crier. Voyons comment cela peut être utilisé dans ce que l'on appelle la hiérarchie typographique. C'est à ce moment que nous voulons inviter le lecteur à entrer et me laisser suivre les informations pour éventuellement lire, peut-être comme un article complet. Prenons cela comme un bref exemple. Supposons que vous ayez vu ces deux carrés apparaître sur les réseaux sociaux ou sur un site Web, lequel êtes-vous le plus susceptible de lire ? Celui de droite vous invite à entrer. Cela vous donne une idée de ce dont le reste du paragraphe pourrait parler sous forme de blocs d'informations faciles à assimiler. Voyons comment les concepteurs de magazines y parviennent dans le cadre de la conception de mises en page. Nous voyons le titre. C'est le plus gros texte de la page. Nous voyons le sous-titre, qui est probablement le deuxième plus gros texte de la page. Nous avons également un extrait que vous lirez probablement après le sous-titre. À ce stade, vous savez probablement que si vous voulez lire l'article en entier, le reste du texte est appelé corps du texte. Notre œil a contourné les informations clés très rapidement, grâce à la disposition du texte. En ce qui concerne de telles mises en page, nous voulions nous assurer que le texte est facile à lire. Certaines typographies sont en fait assez difficiles à lire, même si vous pouvez vous en sortir avec de plus grandes tailles. Cette amitié typographique est assez amusante. En tant que police d'en-tête, elle fonctionnerait bien sur une affiche. Il a l'air sympathique et original. Il est également audacieux et facile à lire. Cependant, si nous utilisons ensuite la même police de caractères pour un bloc de texte, cela devient soudainement beaucoup plus difficile à digérer. Cela me donnerait probablement mal à la tête si je lisais un paragraphe entier écrit dans cette police de caractères. Pourquoi ça ? Jetons un coup d'œil au corps du texte et à quelques conseils pour faciliter la lecture de nombreux textes. abord, nous pouvons choisir une police de caractères avec ou sans empattement assez simple, rien avec trop de caractères car cela la rendrait plus difficile à lire. Enregistrez ces polices de caractères pour les titres. Choisissons la Géorgie. Je l'ai réglé à une taille de 9 points, ce qui est généralement une bonne taille pour le corps du texte. Il y a certaines choses que nous pouvons faire maintenant pour faciliter la tâche du lecteur. Première étape, il s'agit d'un gros bloc de texte avec de très longues lignes. Il est en fait assez difficile pour l'œil de lire une ligne de texte aussi longue. Divisons cela en deux colonnes. Vous verrez cela dans de nombreux magazines. Il y aura très rarement de longues lignes de texte. Entre 10 et 15 mots sur une ligne, c'est généralement une bonne quantité, soit 60 à 70 caractères. Par caractères, j' entends les lettres, la ponctuation, les chiffres, etc. L'autre chose que nous pouvons regarder est l'espace entre chacune des lignes. C'est ce qu'on appelle diriger. Ces lignes sont assez rapprochées et donnent au texte un aspect assez groupé. n'y a pas beaucoup d'espace blanc autour des lignes pour reposer l'œil. Voyez ce qui se passe lorsque je change l'espacement des lignes de la deuxième colonne, cela semble soudainement un peu plus facile à lire. Mais si nous poussons trop loin, cela peut signifier que j'ai du mal à trouver des renforts au début de la ligne suivante. Il s'agit de trouver cet équilibre heureux. m'a toujours dit que si vous avez un point de taille de texte d' environ neuf points, général, un bon espacement des lignes serait 4 points au-dessus, soit 12 à 13 points. Cela dépendra du programme que vous utilisez et de la facilité avec laquelle il serait possible de voir ces valeurs. J'utilise beaucoup Adobe Illustrator, mais c'est un programme coûteux. Sur Canva, vous n'avez pas autant de contrôle sur l'espacement des lignes, alors vous vous fiez à votre œil. J'espère que ces petits conseils vous ont aidé à savoir ce qu'il faut rechercher. 6. crénage: Il y a de nombreux termes typographiques dont je pourrais parler, mais c'est beaucoup de choses à intégrer, et c'est vraiment quelque chose à explorer davantage si vous vous intéressez et c'est vraiment quelque chose à explorer davantage si vous vous intéressez à la conception graphique plus en profondeur. Mais un autre terme que j'aimerais vous présenter est le crénage. crénage est l'espace entre les lettres. Une fois que vous connaîtrez le crénage, vous commencerez à détecter un mauvais crénage partout. Prenons le mot « commencer ». En général, la plupart des polices de caractères ont un crénage prédéfini lorsque vous les utilisez sur un ordinateur. Mais parfois, les versions gratuites peuvent ne pas être géniales et vous devez ajuster vous-même le crénage. Je devrais peut-être rapprocher ce A du T car il y a un petit écart. Je crains que si c' était un gros mot sur une affiche, cet écart ne complique la lisibilité. Peut-être que cela ressemblera à de l'art plutôt qu'à un début. Vous pouvez utiliser l'espacement des lettres à notre avantage si nous voulons ajouter un message à un mot. Pour faire vite, je pourrais réduire l'espacement des lettres. De plus, je pourrais le mettre en italique pour qu'il semble aller de l'avant. Pour ralentir, je pourrais élargir cet espace pour que le mot soit lu plus lentement. Si vous créez une affiche, je ne vous suggère pas de commencer à modifier l' espacement des lettres de chaque mot, car cela commencera à paraître désordonné et incohérent. Mais le crénage est un bon terme à connaître lorsqu'il s'agit de typographie. 7. Vos projets: Revenons donc sur ces projets. Vous en savez maintenant beaucoup plus sur les polices de caractères, l'émotion qu'une police de caractères peut transmettre et les différentes classifications des polices de caractères. Sortez et explorez et voyez combien vous pouvez en trouver. Prenez note mentalement des polices de caractères qui ont été utilisées pour quoi ? Est-ce qu'ils aident à faire passer le message ? Ou est-ce qu'un meilleur style de police fonctionnerait mieux ? Créez vos alphabets à partir de photos ou de magazines et amusez-vous à mieux connaître les lettres. Alors pourquoi ne pas essayer de créer votre propre police de caractères ? Vous pouvez utiliser un site comme calligraphr.com qui propose une inscription, mais vous pouvez commencer gratuitement. Ensuite, vous pouvez imprimer le formulaire et le remplir avec vos propres lettres. Vous pouvez simplement dessiner vos propres lettres à la main. Pensez aux formes des lettres lorsque vous faites cela, certaines lettres peuvent prendre quelques coups pour être parfaites. Vous pouvez utiliser des Lego, des découpes en papier, des blocs de pâtes, tampons imprimés de pommes de terre, des pierres, des rubans, des pièces de monnaie. Utilisez peut-être vos initiales pour trouver des façons créatives de créer des lettres. Mais surtout, amusez-vous un peu. 8. Conclusion: C'est votre introduction à la typographie. J'ai deux autres cours sur ce sujet, The Art of Topography. C'était mon tout premier cours Skillshare qui aborde ce domaine de manière beaucoup plus approfondie. Le choix des bonnes polices permet explorer ce domaine un peu plus loin. J'ai hâte de voir vos projets car j'adore la typographie et j'adorerais voir vos alphabets du monde entier. Si vous souhaitez rejoindre mon groupe Facebook dédié et mes étudiants Skillshare, n'hésitez pas à le faire. Je vais ajouter un lien dans les notes ci-dessous sur cette vidéo. J'espère que vous avez apprécié ce cours. vous plaît, laissez-moi quelques commentaires si c'est le cas, et sur quels autres sujets vous aimeriez peut-être suivre un cours de courte durée.