Transcription
1. Contenu du cours: Bonjour et bienvenue à ma vidéo sur la typographie. Dans ce cours, nous commencerons par apprendre les termes typographiques clés et leurs définitions. Et nous allons passer à huit, rose
typographique pour amener à la fois votre typographie et vos compétences en design au niveau supérieur. Terminera la classe avec un projet où vous pouvez mettre en pratique tous les bits que vous avez appris tout au long de la vidéo. Commençons donc par définir la topographie. topographie est l'art de rendre le langage écrit lisible, lisible et attrayant. Quelle est la différence entre lisible et lisible ? Je peux vous entendre demander, bien, assez drôle, lisibilité est définie comme étant assez claire pour lire. Écoute-moi. Par exemple, le type à gauche est beaucoup plus lisible que le type à droite. Et pour ce qui est de lisibilité, lorsque tous ces paragraphes sont lisibles, ils ne sont pas lus de la manière prévue. En organisant le texte, ils sont beaucoup plus lisibles.
2. Suivi et Kerning: Par le suivi dans le crénage fait référence à l'espacement entre les caractères. Mais il y a quelques différences que je vais expliquer. crénage est spécifiquement l'espacement entre une paire de caractères. Par exemple, ceci a et V n'ont pas de crénage. Et vous pouvez voir que le haut de la VA s'aligner avec la base de l'a. Mais quand vous ajoutez le crénage, le haut de la VA chevauche maintenant la base de l'a.
Et avec le crénage, vous pouvez soit écarter les caractères plus loin, soit amener les plus proches ensemble. Par exemple, voici une vague sans crénage, puis une vague avec crénage. Il y a une grande différence. crénage a donc été ajouté entre le W et le a, le a et le v, et le V et le a, où le crénage est ajusté et spécifiquement adapté à une paire de caractères. camionnage est une distance constante définie entre tous les caractères d'un bloc de texte plus grand. Souvent, le suivi est utilisé au lieu de conner des blocs de texte plus volumineux, car il faudrait trop de temps pour compter chaque paire de caractères individuellement. Pour se souvenir de la différence entre le suivi et le crénage jeton
iRemember aux caractères est gentil.
3. Direction: lecture est la quantité d'espace entre la ligne de base et la ligne de base. Le prêt est un élément essentiel de la topographie, car il affecte
directement la lisibilité de votre travail. Par exemple, ce paragraphe est regroupé et il n'y a pas beaucoup de Ledi, mais juste ajouter un peu de prêt augmente la lisibilité énormément. Il y a en fait une formule simple que j'utilise à chaque fois pour calculer mon mariage. C' est la taille de la police plus votre taille de police divisée par quatre. Et ça marche comme de la magie. Tu te sens comme une laveuse de génie mathématique là-dedans.
4. Rags: Se vantent de l'âge inégal du texte. Par exemple, dans ce premier paragraphe, le chiffon sur le côté droit est lisse et rayé. Dans ce deuxième paragraphe, cependant, le chiffon est Jaggard, c'est zigzag est juste horrible. Faire en sorte que votre chiffon soit correct peut augmenter votre lisibilité et l'attrait de votre texte. Et il n'y a rien de pire en tant que designer, la remarque d'un mauvais rack. Ce sont les trois principales façons que je corrige le mien. Tout d'abord, j'utilise des traits d'union. Je peux diviser le mot en, et cela va très souvent résoudre le problème. Deuxièmement, je vais ajuster ma colonne. Et troisièmement, je peux ajuster mon texte, ma copie pour inclure un mot plus court ou plus long peut rendre le chiffon plus attrayant.
5. Veuves et orphans: Ouais, je ne plaisante pas. veuves et les orphelins sont des termes typographiques. Une veuve est une ligne très courte sur la dernière ligne d'un paragraphe. Et un orphelin est une ligne très courte sur la première ligne d'une nouvelle colonne ou page. veuves et les orphelins, ou un problème de typographie parce qu'ils perturbent la lisibilité d'un morceau de texte. Dans cet article, il y a quelques exemples de veuves et d'orphelins. La ligne très courte à la fin du premier paragraphe est une veuve. Et le seul mot dans la deuxième colonne est un,
souvent, il a l'air assez solitaire, n'est-ce pas ? Ces mots semblent disjoints du reste de leur texte est si il y avait une réflexion après coup. Corriger vos veuves et vos orphelins est le même processus que de corriger vos chiffons. Vous pouvez mettre un trait d'union à une largeur de colonne gestuelle où vous pouvez ajuster votre copie.
6. Align gauche: C' est un conseil simple, mais l'un des plus efficaces. Ce n'est pas un hasard si chaque journal, livre et article du site Web sont écrits avec un texte aligné à gauche. Dans le monde occidental, nous lisons de haut en bas, de gauche à droite. Cela fait partie de notre nature lorsque vous avez fini de lire une ligne pour revenir à la gauche du paragraphe. Avec le texte d'alignement à droite. Nous sommes retournés sur le côté gauche du paragraphe et nos yeux ont un brouillon subconscient pour essayer de trouver le mot suivant pour continuer la lecture. En fin de compte, l'alignement à gauche augmente la lisibilité de notre topographie. Et c'est la clé pour transmettre notre message au lecteur.
7. Poids de la police: Lorsque vous utilisez différentes polices de poids, vous devriez toujours essayer de sauter attente. Par exemple, en utilisant la lumière et en gras comme appairage attente. Vous devriez le faire parce qu'il ajoute du contraste, ce qui est un élément clé dans la conception. Il introduit également la hiérarchie. C' est la façon dont la visionneuse mène autour de la page. Par exemple, s'il y a du texte de la même taille, le spectateur est plus susceptible de lire du texte en gras avant. C' est comme son homologue. Sauter le poids montre également votre intention. Si vous utilisez gras et régulier ou irrégulier et léger, ceux-ci sont très similaires et parfois le lecteur peut les voir comme une erreur. Si vous sautez attendre et que vous utilisez du texte gras et léger, alors la différence est beaucoup plus évidente. Et cela montre l'intention.
8. Taille de la police: Lorsque vous utilisez différentes tailles de police, nous utilisons des nombres ronds lors de la mise à l'échelle vers le haut ou le bas. Par exemple, ce texte est 82, w qui est 164. Et encore une fois, 328. Tout comme nos lumières de police, nous le faisons pour la hiérarchie de contraste. Et pour montrer l'intention. Lorsque ces deux tailles de police ne sont que légèrement différentes, le lecteur pourrait l'interpréter comme une erreur. En adhérant aux nombres ronds, en ayant doublé, triplé ou quadruplé, il rend les intentions des conceptions claires.
9. Grilles et mise en page: Quand j'ai appris pour la première fois le système de grille et les grilles de conception en général, j'ai été époustouflé. C' était comme une formule pour une mise en page parfaite à chaque fois. Voici un exemple de ce que l'utilisation de la grille peut faire pour votre conception. Prenez ce modèle de texte simplement en plaçant le même contenu dans une grille. Il devient organisé. C' est facile pour les yeux, et cela améliore certainement la lisibilité. Un concept similaire au système de grille consiste à aligner votre contenu sur l'axe. Par exemple. Voici mes diapositives de titre que j'ai créées pour ces vidéos. Vous pouvez voir cette ligne d'éléments multiples d'une manière ou d'une autre. Cela permet d'obtenir un effet global de tous les éléments travaillant ensemble dans le cadre de la conception. Une fois que vous avez terminé ces vidéos, certainement, allez
certainement regarder les grilles de conception parce que cela a changé la façon dont je pense à
la mise en page et à la présentation de mon travail.
10. Une de leurs polices: C' est un autre conseil simple, mais certainement pas un à négliger. Utilisez une police. Une police augmente la lisibilité de la conception, la lisibilité et la cohérence. Les paires de polices, en mélangeant deux fonds qui se complètent, peuvent être efficaces lorsqu'elles sont bien faites. Mais pour commencer, je recommande de maîtriser une police.
11. Espace blanc: Espace blanc ou espace négatif, est la partie d'un dessin qui est laissée vide. Il aide à séparer les éléments graphiques. Lorsqu' il est utilisé efficacement, les espaces blancs peuvent mettre l'accent sur les aspects clés de votre conception. Cela peut augmenter la lisibilité et l'attrait. Whitespace est une salle de respiration visuelle et
il permet au spectateur de digérer plus facilement l'information. Voici un exemple d'espaces bien utilisés.
12. Proximité: La proximité indique la relation. Cela signifie que deux éléments qui sont proches l'un de l'autre sont considérés comme liés. Par exemple, voici deux blocs de cercles séparés par la couleur. Et voici les mêmes deux blocs avec quelques cercles changés. Nous regroupons maintenant la position ou la proximité plutôt que la couleur. Un autre exemple très courant de ceci est dans les résultats de recherche Google. Nous savons quelles informations se rapportent à quel site Web, parce que si efficace, le regroupement.
13. Transgresser les règles: Tous ces trucs et astuces sont de bonnes règles de base et ont contribué à créer une topographie
lisible, lisible et attrayante. Mais vous auriez entendu les règles dictées sont faites pour être brisées, et cela s'applique à Typography Deux, en brisant un ensemble standard de rangées, vous pouvez vous aider à concevoir se démarquer du reste. Voici quelques exemples de violation des règles en topographie. Une fois que vous commencez à maîtriser les routes et à les briser, vous vous retrouverez dans un cycle entre les deux en utilisant la rose, brisant les règles,
en utilisant et ainsi de suite.
14. Le projet: Donc, avant de plonger dans le projet, résumons ce que nous avons appris aujourd'hui. Nous avons donc commencé par examiner le suivi et le crénage. Nous avons regardé les chiffons, les veuves et les orphelins. Ensuite, nous avons passé aux règles d'or de la topographie, comme l'alignement à gauche, poids de la police, la taille de la police, les grilles et les mises en page. Et nous avons également examiné l'utilisation d'une police, l'utilisation d'espaces, proximité, et finalement enfreindre les règles. Et c'est beaucoup en un peu moins de 15 minutes. Merci de rester avec moi, mais nous n'avons pas encore fini. prochaine fois pour le projet, dans les ennemis du projet ci-dessous, j'ai ajouté certaines de mes propres photos et quelques exemples de texte. N' hésitez pas à utiliser ceux-ci ou certains des vôtres. Commencez à créer des mises en page typographiques, mélanger du texte et des images, et soyez patient. Il faudra peut-être quelques tentatives pour obtenir quelque chose qui vous satisfait. Voici quelque chose que j'ai mis ensemble en faisant cela sont considérés comme tous les éléments que nous avons traversés aujourd'hui. Et si vous voulez utiliser ce graphique cool que j'ai fait pour hors de votre zone de confort et n'hésitez pas. Vous pouvez également le télécharger avec les images dans un exemple de texte. N' hésitez pas à travailler à partir de mon propre design ou vous pouvez trouver quelque chose de complètement nouveau. N' oubliez pas de regarder les cours de Patrick si vous êtes coincé ou si quelque chose ne semble pas bien et partagez définitivement vos projets avec moi par la suite, j'aimerais vous dire ce que tout le monde est venu avec. Merci d'être venu et je vous souhaite plein succès dans votre voyage pour devenir grand maître de la topographie.
Joe Blackham
