Communiquer avec la typographie

Le type est toujours communicatif, même s'il n'a pas été conçu dans cet objectif, mais il existe d'excellents moyens de le faire vraiment bien. Dans ce tutoriel, nous allons explorer quelques méthodes de base, ainsi que des méthodes plus intelligentes, pour utiliser un type afin de communiquer un sentiment, un message ou une idée..

Divers types de caractéristiques peuvent influer sur le type de communication, notamment les suivants: police de caractères, police de caractères, taille, crénage, majuscule, majuscule et couleur.

Ce billet est le jour 18 de notre session de conception graphique. Sessions créatives "Session Day 17Session Day 19"

Police de caractères

Peut-être que la décision la plus importante à prendre pour donner le ton approprié est de choisir une police de caractères. Une police de caractères est une famille de polices, chaque police représentant un style différent (par exemple, Arial est une police de caractères, Arial Bold, Arial Narrow et Arial Regular sont toutes des polices de caractères de la police de caractères Arial). J'utiliserai le terme plus spécifique «police» pour le reste de ce didacticiel, à moins que je ne parle vraiment d'une famille de polices..

Le choix de la police peut réellement influer sur la sensation d'une pièce. Consultez ces pages de la Bible de Gutenberg et du Livre de Kells:

Ils ont l'air assez important et majestueux, non? Aujourd’hui, il serait considéré comme un obstacle à la communication de disposer un livre dans une police aussi élégante, mais cela envoie certainement un message puissant..

Il existe un certain nombre de catégories de polices, dont Roman (serif, sans-serif, script et ornemental), Blackletter, Monospaced, Symbol et autres entre les deux. Chacun de ceux-ci donnera une sensation assez distincte à un morceau, cependant, comme toujours, cela dépend de la façon dont vous l'utilisez.

Il y a beaucoup de variété dans chacune de ces catégories, mais vous pouvez déjà voir qu'elles expriment chacune un sentiment assez distinct. Serif est un peu plus formel, sans-serif est propre, le script est élégant, ornemental peut être n'importe quoi, blackletter est antique, monospaced semble geek et symbole - eh bien, le symbole a des utilisations limitées sauf si vous êtes David Carson, auquel cas vous utilisez cette police pour les articles ennuyeux - comment ça se passe pour la communication?

Les polices Serif et sans-serif ont tendance à être utilisées pour le corps du texte, tandis que les autres sont le plus souvent utilisées pour les titres, mais en fonction de vos objectifs, comme l'explique ce didacticiel, tout est permis et vous pouvez imprégner votre police de tout son sens..

Taille

La taille peut communiquer un grand, mais parle le plus fort quand utilisé avec contraste. Par exemple, ces deux affiches utilisent une taille contrastant avec la taille de l’affiche elle-même pour attirer l’œil:

Vous pouvez imaginer que vous les passez sur un mur - on le fait immédiatement et on le fait en éveillant votre curiosité, vous incitant à regarder de plus près. L'exemple suivant montre comment le contraste de taille peut indiquer une hiérarchie, ce qui facilite la lecture du texte:

Utiliser le contraste de taille dans votre travail peut créer un réel sentiment de dynamisme, en fonction de la distance parcourue, ou simplement rendre la pièce plus facile à lire..

Kerning

Le crénage consiste à ajuster l'espace entre les lettres et est souvent utilisé dans les projets orientés vers les détails, tels que la conception de logo, pour rendre les espaces entre les lettres plus uniformes. Dans notre cas, nous allons nous concentrer sur la sensation qui peut être communiquée avec le crénage en général. Regardez l'exemple suivant - lequel exprime le mieux le message?

L'exemple à droite traduit bien l'idée de respirer un peu mieux que la version restreinte à gauche. Ajuster votre crénage peut avoir pour effet de rendre le toucher de la pièce plus léger, ouvert ou propre..

De premier plan

Le principal consiste à ajuster l'espace entre les lignes de texte. Il existe généralement un support sain qui rend les gros blocs de texte plus lisibles, mais encore une fois, nous allons nous concentrer sur la sensation qui peut être communiquée en dirigeant. Comparez le sentiment que vous obtenez en regardant ces deux blocs de texte:

L’exemple à gauche est un peu rebelle, et cette technique pourrait être utilisée pour un morceau de style punk ou similaire. L'exemple à droite reflète une sorte d'élégance et de propreté, et la technique pourrait être trouvée dans une invitation de mariage ou une annonce de bijoux.

Capitalisation

Les lettres majuscules et minuscules peuvent également faire une déclaration. Les lettres minuscules ont tendance à sembler plus conviviales. Si vous souhaitez concevoir un logo convivial, vous pouvez utiliser toutes les lettres minuscules:

Nous pourrions utiliser la capitalisation (ou la couleur, ou le style) pour en dire plus avec moins:

Nous pouvons également mettre en majuscule des phrases entières ou des blocs de texte, qui peuvent être utilisés pour souligner ou pour ajouter une touche royale ou officielle - je vous recommande d'essayer les petites majuscules:

Couleur

L'utilisation de la couleur dans la conception est une classe en soi, mais nous pouvons aborder quelques techniques générales ici. Nous établissons des liens psychologiques avec les couleurs à au moins trois niveaux - le premier est la façon dont nous associons les couleurs à des expériences réelles (comme l’assimilation du bleu au ciel ou à l’eau), le second est la psychologie de la couleur, qui agit de la manière dont la couleur nous affecte on pense que cela calme et augmente la productivité), et le troisième est le symbolisme culturel des couleurs (dans les anciennes cultures païennes germaniques, le bleu symbolisait les émotions, et dans le monde occidental actuel, nous pourrions l'assimiler à des affaires ou à de la tristesse).

Les exemples ci-dessus montrent comment mettre en valeur un mot ou une phrase en utilisant des couleurs qui se rapportent à des expériences vécues, et qu'une pièce peut être rendue plus gaie en utilisant des couleurs vives..


Coup de pied d'un cran

Nous avons déjà exploré différentes manières dont ce type peut communiquer tout en restant fondamentalement lisible. Nous pouvons maintenant examiner des moyens un peu plus audacieux de communiquer avec le type et de le pousser de temps en temps au maximum de la lisibilité. Si vous avez la possibilité (comme dans, si vous ne travaillez pas sur un panneau d'affichage au bord de la route), proposer à votre spectateur un casse-tête et le laisser résoudre le problème peut être une expérience vraiment enrichissante pour lui..

Lisible ou pas tellement?

C’est là que la frontière entre le design et l’art commence à s’estomper. Le design et l’art sont des formes de communication, mais le design se veut généralement plus fonctionnel et plus intentionnel. Même si je le dis cependant, vous pouvez voir les lignes floues. Si vous utilisez la typographie dans une pièce sans message réel ni objectif - s'agit-il d'art ou de design? Je vous laisse réfléchir à cela pendant que je continue le tutoriel.

Être littéral

Aucune règle ne dit que vous ne pouvez pas modifier une police de caractères lors de la conception d'une pièce. Il existe probablement des millions de façons de modifier les lettres afin de communiquer un message. Je vais donner quelques exemples de base et vous pouvez laisser votre imagination courir à travers eux:

Je pense que ce sont assez explicites.

Utiliser des métaphores

Parmi les exemples les plus appréciés et les plus appréciés de l'utilisation de caractères typographiques, en particulier pour les logos, se trouvent ces exemples de Herb Lubalin, qui communiquent très bien le message au moyen de métaphores visuelles intelligentes:

La beauté des créations de Lubalin provient du fait que ces messages sont immédiatement lisibles bien qu'il ait réarrangé l'ordre des mots et modifié les formes des lettres..

Créer une expérience

Il existe certaines conceptions que je qualifierais de conceptions «expérientielles», dans lesquelles, en visualisant la conception, vous ressentez directement le sentiment qu’elle tente de transmettre. Rappelez-vous votre épuisement après avoir regardé Castaway? Un peu comme ça. Voici quelques exemples pas très intelligents de votre part:

Vous risquez peut-être de lever les sourcils devant l'exemple de gauche - si c'est le cas, tant mieux! C'est censé confondre. Je vous vois ressentir cette confusion en ce moment. L'exemple à droite est conçu pour vous sentir un peu douloureux, pressé, plus difficile à lire, car si vous ne ressentez pas la douleur de la pièce, vous risquez de ne pas bien saisir le message..

Art typographique

Le type peut être utilisé à de nombreuses fins créatives en plus de l’envoi d’un message direct. Les portraits typographiques en sont un bon exemple, beaucoup utilisant des mots ou des phrases en rapport avec le sujet pour donner plus de signification au portrait. Le portrait suivant de Steve Jobs, PDG d’Apple, utilise le texte d’une campagne publicitaire Apple et les polices Apple:

“Steven Paul Jobs” de Dylan Roscover

Même s'il serait pénible d'essayer de lire tout le texte de cette pièce, certaines phrases et certains mots ressortent pour aider à créer la sensation. Pour moi, cela signifie entreprise, sérieux, pouvoir, mais aussi accomplissement et sortir des sentiers battus. Et non seulement c'est une grande œuvre d'art et de design, mais elle a aussi des significations semi-cachées qui expriment davantage une histoire..


Conclusions

Si vous voulez vraiment pouvoir communiquer des messages avec de brillantes conceptions typographiques, ma suggestion serait de rechercher autant que possible et de voir ce que d'autres personnes ont fait. J'ai répertorié des ressources de type à la fin du tutoriel..

J'espère que vous sortirez de ce tutoriel en comprenant que même les petites décisions concernant le type peuvent avoir un impact, et que le type ne doit pas nécessairement être lisible pour communiquer (bien qu'il y ait définitivement un point favorable à la lisibilité). Les décisions que vous prendrez à propos de la composition du texte pour chaque morceau dépendront toujours de vos objectifs. Rappelez-vous que «le contenu est roi», c’est-à-dire, à moins que vous ne le vouliez pas.

Pour conclure, je voudrais partager une pièce du légendaire typographe, David Carson (précédemment mentionné comme étant le type de Dingbat):

Crédit d'image: David Carson


Ressources

J'ai compilé une courte liste de ressources de types pour vous aider à démarrer:

Sites Web de polices gratuits:
Dafont

Sites Web payants sur les polices:
MesFonts

Outils de police:
Qu'est-ce que la police
Typetester

Blogs de typographie:
J'aime la typographie
Le flux de polices
Tapez pour vous
Typophile

Des articles:
Le pouvoir de la typographie dans la conception
Les 101 ressources de typographie de Vandelay Design pour les concepteurs Web

Merci de commenter et de nous parler de vos ressources typographiques préférées, de vos astuces en matière de conception de typographie et de vos liens vers des concepteurs de caractères brillants et leur travail..

Ce billet est le jour 18 de notre session de conception graphique. Sessions créatives "Session Day 17Session Day 19"