30 applications de typographie pour la création moderne

La typographie en ligne a progressé à pas de géant au fil des ans. Il est révolu le temps où vous deviez choisir entre une police d'apparence ordinaire et une police inadaptée au design.

Mais, bien que les méthodes liées à la conception de la typographie aient parcouru un long chemin, la sélection des polices reste un aspect difficile dans chaque projet de conception.

Pour vous aider à naviguer vers la typographie, voici ce dont vous avez besoin en savoir plus sur les polices : leurs catégories, le processus de sélection des polices, leurs utilisations et les outils de typographie que vous pouvez utiliser pour améliorer votre travail.

Table des matières

Catégories de polices

Police ou police de caractères

Catégories de polices

Il existe des tonnes de polices disponibles en ligne, dont quelques-unes «folles» qui ne sont presque pas classées. Mais il existe quatre catégories fondamentales et omniprésentes que tout typographe ou créateur de caractères doit connaître. Ils sont souvent utilisés dans les associations de polices.

Serif - Les polices Serif sont celles avec des «petits pieds» attachés aux extrémités des lettres. Ils ont généralement un aspect sérieux ou conventionnel.
Sans empattement - Sans-Serif, qui se traduit par «sans empattement», sont des polices qui n'ont pas de lignes attachées aux extrémités des lettres. En tant que tels, ils ont généralement un look épuré et contemporain.
Scénario - Les polices de script sont l'équivalent des styles d'écriture cursive avec des lettres de connexion. Ils ont généralement un look élégant et dessiné à la main.
Affichage - Les polices d'affichage ou décoratives sont celles qui «crient» pour attirer l'attention du public. Ils ont généralement un look unique et plus que pratique.

Police ou police de caractères

Beaucoup de gens confondent polices comme police et vice versa . Techniquement, les deux termes ne signifient pas la même chose. Cependant, ils sont généralement utilisés de manière interchangeable sans sacrifier le message du contexte actuel.

Pour clarifier, la police est le design - c'est ce que vous voyez. D'autre part, la police est la façon dont le design est présenté - c'est ce que vous utilisez.

Police + Style + Taille = Police

Par exemple, Times New Roman - tel quel - est une police de caractères; Times New Roman Bold 12 points est une police. Un autre exemple, Calibri Italic 10 points et Calibri Bold 48 points sont deux polices différentes, mais la même police.

Importance des choix de polices

Pour la plupart des designers, choisir la bonne police pour un projet de design revient à choisir la bonne tenue à porter lors d'un événement. Les vêtements que vous portez disent quelque chose sur plusieurs aspects de votre vie: votre personnalité, votre style, votre âge (ou l'âge que vous souhaitez projeter), votre milieu social et économique, et l'impression que vous souhaitez faire passer au public.

Différentes situations et événements nécessitent des tenues différentes. Mais une chose reste la même: il y a toujours un niveau de pertinence à penser.

Ce que votre choix de vêtements fait pour vous a le même objectif que votre sélection de polices. Plus que la conception globale d'un projet Web ou graphique, c'est la typographie qui reçoit la première impression en un coup d'œil.

C'est la partie du design que les téléspectateurs voient - et jugent - dès le départ. En tant que tel, vos choix de polices doivent être appropriés, pertinents et utiles.

Votre choix de polices donne généralement le ton à l'aspect général du design. Il va sans dire que c'est un facteur important pour influencer la façon dont les gens percevront votre travail ou votre marque. Les mauvais choix de polices détournent souvent les spectateurs du message de la conception.

Processus de sélection des polices

Les bases

Votre objectif principal lors du choix d'une police est de vous assurer qu'elle convient au projet de conception. Il doit transmettre avec précision le message ou le but de votre conception.

Avant de rechercher les polices de caractères à utiliser, il est judicieux d'avoir une idée de la manière dont vous voulez que les spectateurs regardent ou interprètent votre conception. De cette façon, vous pouvez gagner du temps et des ressources car vous connaissez déjà le style que vous souhaitez utiliser.

Il est important que la police que vous choisissez présente la même humeur ou «personnalité» que votre marque. Ceci est essentiel car si la police ne complète pas ou ne renforce pas le message de votre conception, elle créera à la place une déconnexion visuelle.

Le public est également un facteur important à prendre en compte. Ceci est particulièrement important si votre marché implique des données démographiques très spécifiques. La police que vous choisissez doit résonner avec eux.

Caractère approprié de la police

L'adéquation est un élément essentiel à prendre en compte lors de la sélection de la police. La police que vous choisissez doit fonctionner là où vous avez l'intention de l'utiliser. Il doit être pratique dans le contexte de votre conception.

L'une des erreurs les plus courantes commises par les typographes novices consiste à utiliser la mauvaise catégorie de police. Certains font des choix incorrects entre les caractères de corps et d'affichage.

Le premier est utilisé dans le corps du contexte - ex. texte de magazine, texte de livre, texte de journal, contenu Web. Les polices pour la copie du corps doivent toujours être lisibles et faciles à regarder. Il est impératif que le style de la police ne distrait pas les lecteurs.

Ce dernier, en revanche, est une police rarement appropriée pour une lecture approfondie. Les polices d'affichage sont les types qui crient: «Hé! Regardez-moi!' Utilisés correctement, ils peuvent avoir un impact positif énorme; sinon, ils réduiront le design à quelque chose d'amateur.

Polyvalence des polices

Chaque concepteur Web ou graphique a une liste de polices de caractères incontournables, souvent appelées «bourreau de travail». Ceux-ci peuvent être utilisés à tout moment pour tout projet de conception. Ce sont généralement des polices neutres qui peuvent facilement et parfaitement s'adapter à un design.

Les polices Workhorse sont généralement une combinaison de polices Serif et Sans-Serif qui sont polyvalentes et peuvent être utilisées à peu près n'importe où. Avoir un bourreau de travail vous permet d'attribuer divers styles en utilisant une seule police de caractères à différents aspects de votre conception pour créer une apparence cohérente générale.

Lisibilité des polices

Si votre design nécessite une typographie, il est probable que vous ayez quelque chose de vital à communiquer. Cela signifie que la lisibilité est un facteur à ne jamais négliger.

Si les gens doivent plisser les yeux juste pour lire votre message, vous avez échoué à un aspect important de la conception. Outre l'évaluation visuelle, voici les éléments que vous devez vérifier pour garantir une police lisible:

Taille

La taille en points doit correspondre au contexte de la conception. Par exemple, la taille de police d'une carte de visite est différente de la taille de police d'une affiche d'annonce. Il en va de même pour la conception de graphiques vus sur les ordinateurs de bureau et affichés sur des appareils portables.

Espacement

Le réglage approprié de l'espacement a un impact favorable sur la lisibilité. En général, un espacement important améliore la lisibilité d'un texte. Cependant, si l'espace est restreint, expérimentez diverses combinaisons, puis prenez une décision éclairée pour rendre le texte facile à lire. De nombreux outils de typographie en ligne permettent aux utilisateurs d'ajuster l'espacement des lettres, alors utilisez-en un pour vous assurer d'obtenir le bon ajustement de l'espace.

X-hauteur

X-height est la «hauteur» des lettres minuscules d'une police. Pour garantir la lisibilité, la hauteur des x doit être généreuse, mais pas au point d’être proche de la hauteur des majuscules.

Appariements de polices

Les associations de polices ou les combinaisons de polices jouent un rôle important dans chaque projet de conception nécessitant une typographie. Le grand avantage de cet aspect est la grande quantité de ressources en ligne qui rendent le processus moins difficile.

Certains outils proposent des combinaisons de polices prêtes à l'emploi. Il existe également des sites Web qui peuvent rechercher la / les meilleure (s) police (s) à associer à une police de départ. Mais, même avec ces ressources, il est important que vous appreniez les bases des associations de polices.

Associez des polices complémentaires.

Chaque police créée a une certaine humeur ou caractéristique. Lorsque vous combinez des polices, assurez-vous que les ambiances de chaque police se complètent. Si votre conception nécessite une police d'affichage comme police de départ, assurez-vous que sa police complémentaire est neutre.

Compléter les polices peut également signifier trouver une qualité partagée. Cela signifie trouver quelque chose en commun avec deux polices ostensiblement différentes qui pourraient bien fonctionner ensemble.

La qualité partagée peut être leur hauteur ou leur structure de base. Parfois, la qualité est subtile. Mais lorsque les deux polices sont combinées, tout va bien.

Parfois, trouver deux polices complémentaires peut se transformer en un processus technique. Mais le plus souvent, il s'agit également d'un mélange d'approche par essais et erreurs utilisant vos connaissances sur la «psychologie des polices».

Évitez d'utiliser trop de polices.

Une règle de typographie de base est de garder les choses simples. Si vous utilisez plusieurs polices dans un même design, la combinaison peut créer une déconnexion visuelle qui peut laisser une impression négative sur votre design ou votre marque.

En outre, un nombre excessif de polices ira à l'encontre de l'objectif de l'ajout de typographie en premier lieu. Le public ne recevra pas le message de votre design car il sera distrait par le fouillis de polices utilisées.

Désormais, si un projet nécessite l'utilisation de plusieurs polices, assurez-vous qu'elles s'équilibrent toutes, qu'elles correspondent à une correspondance parfaite, à une combinaison transparente ou aux deux.

Présentez une hiérarchie visuelle.

Chaque police de l'association doit avoir sa propre pertinence dans l'aspect général du design. Les polices doivent être suffisamment différentes pour aboutir à une forme de hiérarchie visuelle. L'astuce la plus éprouvée consiste à combiner une police Serif et une police Sans-Serif.

Ceci est particulièrement important pour les polices utilisées dans la copie du corps. La taille, la hauteur et l'espacement des polices jouent un rôle important sur la façon dont le public regarde la page et lit son contenu.

La même chose vaut pour les associations de polices. En général, le titre doit présenter un look frappant. Selon le concept de design, il peut s'agir d'une police de caractères traditionnelle ou décorative. Sinon, le corps doit être lisible sur toute la surface.

Il est également important que vous choisissiez les bonnes polices complémentaires pour d'autres facteurs textuels tels que la légende de l'image, le byline et la ligne entre guillemets.

Utilisez des polices créées par le même concepteur.

Les typographes ont souvent un «look de signature» qui aide les utilisateurs de polices à identifier leurs créations. Ce look est généralement une esthétique reconnaissable qui a une certaine structure, résultant en des associations de polices logiques et plus faciles.

Si vous ne parvenez pas à trouver deux polices complémentaires d'un concepteur qui correspondent à votre conception, consultez plutôt les «super-familles de polices». Ce sont des familles de polices qui ont à la fois une police Serif et Sans-Serif spécialement conçues pour s'équilibrer.

Outils de typographie

Internet est le meilleur endroit pour trouver des outils et des ressources de typographie. En fait, la plupart des concepteurs de nos jours ont leurs outils incontournables pour s'assurer que leurs choix de polices fonctionnent bien avec la conception globale du projet.

Voici 30 des meilleures ressources de typographie pour vous aider à réussir font aspect de votre travail.

Typegenuis

Typegenius est un sous-ensemble de Canva.com. Il permet aux utilisateurs de trouver la meilleure combinaison de polices pour s'adapter à tout projet de conception. Le processus commence par la sélection d'une police de départ. Une fois la police sélectionnée, le site présentera les polices qui complètent le mieux la police de départ. Un texte d'affichage apparaît pour faciliter la comparaison.

WordMark.it

WordMark.it fournit aux utilisateurs un processus de sélection de police qui affiche des aperçus du texte à l'aide des polices installées sur l'ordinateur de l'utilisateur. Pour utiliser le programme sans problème, le plugin Flash doit être installé. JavaScript doit également être activé. Le programme fonctionne également sur les produits phares d'Apple, même sans Flash.

Écureuil de police

Font Squirrel est une excellente ressource de polices classées pour une recherche facile. Le site propose des polices sous classifications (ex. Sans empattement, Hand-drawn, Monospaced) et tags (ex. Headings, Oblique, Heavy). Les polices sont également présentées sous deux filtres principaux: les licences et la taille de la famille. Toutes les polices du site Web sont 100% gratuites pour un usage commercial.

TypeLoup

TypeWolf est un site Web de polices de caractères organisé qui aide les utilisateurs à trouver et à identifier les meilleures polices à utiliser pour une conception Web. Le site est l'une des ressources en ligne incontournables pour tout ce qui concerne la typographie. C’est également une ressource indépendante qui propose des polices de tous les types de fonderies.

Polices abstraites

Abstract Fonts propose plus de milliers de polices téléchargeables pour un usage commercial et personnel. Pour une recherche sans tracas, les polices peuvent être recherchées par catégorie, disposition alphabétique et concepteur. Le site dispose également d'un forum où des détails supplémentaires sur les polices sont affichés.

Flamme de police

Font Flame est une ressource unique et organisée de polices de caractères qui permet aux utilisateurs de choisir s'ils «aiment» ou «détestent» une combinaison de polices affichée à l'écran. Il implémente un processus de type Tinder pour un couplage de polices amusant et simple.

Google Fonts

Google Fonts vise à rendre chaque conception Web plus belle et intuitive grâce à une excellente typographie. Le site propose une vaste sélection de polices Web de concepteur open source. Son vaste répertoire comprend des concepteurs de caractères et des fonderies individuels avec des détails pertinents sur les polices de caractères ainsi que des statistiques sur leur utilisation et leur démographie.

Azote

Typekit est une ressource conviviale des meilleures polices du Web. Elle s'associe aux principales fonderies de caractères du monde entier pour apporter quotidiennement des milliers de polices aux concepteurs. Toutes les polices téléchargeables sur le site sont disponibles pour un usage commercial et personnel.

Tapez n'importe quoi

Type Anything est un outil simple conçu pour aider les utilisateurs à créer de superbes combinaisons de polices. Le programme permet aux utilisateurs de personnaliser les paramètres de police les plus appropriés qui complètent leur projet de conception. Pour faciliter les associations de polices, Type Anything propose également des raccourcis clavier.

Tapez Nugget

Type Nugget est une ressource de composition entièrement réactive qui permet aux utilisateurs de contrôler les meilleures combinaisons de polices en ligne. Avec son interface utilisateur fluide et élégante, le site génère des pépites de CSS compatibles et accessibles. Le processus de sélection et l'application peuvent être facilement exécutés sans aucune expérience de codage.

Échelle modulaire

Modular Scale est un outil de typographie convivial qui génère des mesures pouvant être utilisées pour la composition, comme le dimensionnement et l'espacement du corps du texte et des en-têtes. La sortie du site est disponible pour copier et coller, et avec des plugins Sass ou JavaScript.

Typecast

Typecast est un outil en ligne avancé conçu pour créer des conceptions visuelles et sémantiques. Les utilisateurs peuvent utiliser le programme pour vérifier la lisibilité, l'apparence visuelle et le rendu des polices Web. Le site permet également aux concepteurs de partager facilement un prototype fonctionnel de leur conception.

Fontique

Fontic est un outil de typographie en ligne qui est principalement utilisé pour les fichiers PSD. Le programme scanne PSD pour les polices en un seul clic. Les utilisateurs peuvent choisir les polices et obtenir leurs codes correspondants directement à partir de Photoshop.

FontReach

FontReach est une ressource de typographie en ligne qui analyse des milliers de sites Web pour fournir une utilisation des polices sur le Web. Le site répertorie également les principales polices utilisées en ligne ainsi que des informations pertinentes sur chaque police.

Police utilisée

Font In Use est une excellente ressource en ligne pour la typographie. Le site est une archive publique de composition classée par polices, format et industrie. L'équipe derrière le programme documente et évalue la conception graphique visant à améliorer l'alphabétisation des utilisateurs et l'appréciation de la typographie.

RightFontApp

RightFont est une application de police légère pour Mac. Le programme permet aux utilisateurs de prévisualiser, synchroniser, télécharger et gérer les polices sur leur Mac, Dropbox ou Google Drive. Il fournit également une fonctionnalité de gestion des polices simple pour Photoshop, Illustrator et Sketch.

Typ.io

Typ.io fournit aux concepteurs les dernières inspirations pour les associations de polices. Pour une recherche facile, toutes les combinaisons peuvent être recherchées par catégorie et par mots-clés. Le site affiche également des exemples de sites Web avec les polices correspondantes utilisées sur la conception.

Échantillon de type

Type Sample est un outil de typographie qui identifie les polices Web à l'aide d'un bookmarklet. Les utilisateurs peuvent enregistrer gratuitement jusqu'à trois échantillons de polices. Pour des échantillons illimités, les utilisateurs sont tenus de payer un petit montant (5 $) par an.

Paire de polices

La paire de polices aide les concepteurs à fusionner les polices Google de manière transparente. Le site divise les appariements possibles en six catégories: Sans-Serif / Serif, Serif / Sans-Serif, Sans-Serif / Sans-Serif, Cursive / Sans-Serif, Cursive / Serif et Serif / Serif.

Détail du type

Type Detail est une excellente ressource pour tout ce qu'un concepteur doit savoir sur une police Web particulière. Le site propose une police par jour, répertoriant tous ses détails pertinents et uniques. Le programme répertorie également les raisons pour lesquelles certaines polices sont parfaites pour certaines conceptions Web.

Boutique de polices

Font Shop, comme son nom l'indique, est un croisement entre un site e-commerce et un annuaire en ligne de typographie. Le site propose également des actualités et des mises à jour sur les polices. C'est une excellente ressource pour les personnes qui souhaitent obtenir des polices personnalisées ou devenir concepteur de polices.

Prototype

Prototypo permet aux concepteurs de créer leurs propres polices en quelques clics. Le logiciel en temps réel aide les utilisateurs à générer des polices personnalisées rapidement et facilement sans avoir besoin de compétences en dessin ou en codage. Toutes les polices créées par Prototypo peuvent être utilisées pour la conception Web et d'autres applications Web.

Ajustement de la police

Font Fit est une source avancée de typographie en ligne qui permet aux utilisateurs de trouver la police ou les combinaisons de polices adaptées à leur projet de conception. Le site renforce une vaste bibliothèque de polices de caractères réparties par classifications pour une recherche de polices plus rapide et plus facile. Il aide également les utilisateurs à déterminer la taille appropriée des polices pour s'adapter précisément à la conception.

Mes polices

My Fonts 'What the Font est un outil de recherche typographique unique. Le programme permet aux utilisateurs de télécharger un exemple d'image d'une police inconnue, et la base de données du site présentera les correspondances de polices possibles en quelques secondes. Si son annuaire complet est incapable de produire des résultats, les utilisateurs peuvent consulter le forum du site Web pour obtenir des réponses possibles.

Police géniale

Font Awesome est une boîte à outils de polices et CSS. Il fournit aux concepteurs des icônes vectorielles évolutives faciles à personnaliser. Tout ce qui peut être réalisé via CSS s'applique au programme.

Télécharger des polices gratuites

Télécharger Free Fonts, comme son nom l'indique, est un site Web qui permet aux utilisateurs de télécharger des polices sans frais. C'est l'un des plus grands dépositaires de polices en ligne. Pour une recherche facile, toutes les polices sont classées par ordre alphabétique.

La Ligue des types mobiles

La League of Movable Type est une ressource bien organisée des meilleures polices mobiles en ligne. Depuis 2009, l'équipe derrière le programme, alias The League, a lancé avec succès plusieurs polices bien conçues, gratuites et open source.

Type perdu

Lost Type est une ressource de typographie unique qui implémente une fonderie de type Pay-What-You-Want. Le site propose une belle collection de plus de 50 polices de caractères de designers du monde entier. Le paiement intégral à 100% d'une vente va directement au concepteur de polices.

Type roman

Type Novel est une ressource alimentée par Tumblr de polices uniques trouvées en ligne. Le site présente des images avec des polices sympas et souvent impopulaires.

Visages libres

Free Faces est un site Web qui propose des polices gratuites vues sur différents sites. Il agit comme un répertoire de polices que les concepteurs peuvent vérifier pour un usage commercial ou personnel. Pour faciliter la recherche, les polices sont divisées en six catégories: Sans, Serif, Cursive, Slab, Mono et Display.

zodiaque du 23 février

Il est toujours préférable de vérifier la licence de la police avant de la télécharger et de l’utiliser. C'est une pratique que vous devez faire, même pour les polices achetées, pour vous protéger (ou protéger votre client) des problèmes juridiques.

Partage Avec Tes Amis: