Que sont les polices de couleur?

Les polices de couleur sont prêtes à conquérir le monde du design graphique en 2018, mais que sont-elles exactement et comment pouvez-vous les utiliser??

Ici, nous allons passer au crible le jargon de la technologie et aborder la vérité simple des polices de couleur. Cette tendance sans scrupule promet de replonger dans le plaisir de la typographie. Incontournable pour les concepteurs Web et graphiques, cette nouvelle technologie géniale aura un effet transformateur sur la conception numérique et imprimée pour les années à venir. Alors ne vous laissez pas distancer et lisez la suite! 

Vous cherchez à apprendre à faire une police de couleur? Consultez notre tutoriel sur la création d'une police de couleur avec Adobe Illustrator et Fontself. 

Image de color.typekit.com

Que sont exactement les polices de couleur??

Si vous souhaitez utiliser du texte très détaillé sur un dessin, vous devez utiliser une image vectorielle ou matricielle d'une lettre ou d'un groupe de lettres. Qu'elles soient créées à partir de rien par des typographes ou téléchargées à partir d'un site Web, ces images sont fastidieuses à créer et ne disposent pas des fonctionnalités ni de la flexibilité d'un fichier de polices.. 

Du moins c'était le cas jusqu'à maintenant. Polices de couleur, parfois appelé polices chromatiques, représente l'étape suivante de l'évolution de la typographie en intégrant des détails tels que la couleur, les dégradés et les textures dans un fichier de polices, au format vectoriel ou bitmap. Les détails vectoriels sont clairs et précis, quelle que soit leur taille, tandis que les polices de couleur bitmap peuvent sembler pixélisées ou floues lorsque leur taille est supérieure à la taille maximale souhaitée.. 

Chaque police de couleur est composée d'un noyau de «repli», qui est la police vectorielle OpenType standard, ainsi que de données supplémentaires étiquetées qui sont rendues au format SVG (Scalable Vector Graphics). Parmi les développeurs de polices, les polices de couleur sont appelées Polices OpenType-SVG

Cette police de couleur Adobe Typekit, Trajan Color Concept, combine la police standard Trajan avec des dégradés, des couleurs et des ombres pour un effet métallisé.

Si vous consultez la police d'un navigateur prenant en charge les polices de couleur, vous pourrez voir la version colorée. Sinon, vous verrez la version de secours. Il est important d’en prendre note avant de vous lancer dans la conversion de toutes les polices de votre site Web en polices de couleur. Comme les polices de couleur sont relativement nouvelles, la plupart des versions de navigateur ne sont pas en mesure de prendre en charge cette technologie. Passer 'Comment puis-je les utiliser', ci-dessous, pour en savoir plus. 

Hmm, alors pourquoi voudrais-je les utiliser?

Vous souvenez-vous du plaisir d'utiliser WordArt pour embellir vos présentations PowerPoint à l'école? Même si votre professeur est peut-être moins enthousiaste, il y a simplement quelque chose d'amusant à ajouter un faste maximaliste au texte. Les polices de couleur ressemblent fondamentalement à WordArt pour l'ère d'Internet, ajoutant du punch supplémentaire à tout design. 

Ce n’est pas une tendance à laquelle les fans minimalistes s’engagent de tout cœur, mais elle est certainement rafraîchissante après des décennies de design épuré, inspiré de la Swiss School. Les polices de couleur se situent à l'opposé de la propreté de Scandi, à la place de celles des emojis, des styles de type rétro et de la conception des applications..

Police Bungee color par David Jonathan Ross

Les polices de couleur tranchent une ligne fragile entre le bon et le mauvais goût, mais elles se sentent parfaitement en place pour le moment. Ils font leur apparition parallèlement à un renouveau pour tout ce qui a un design rétro, ainsi qu’à une nouvelle atmosphère maximaliste dans tous les domaines du design, de la mode à l’intérieur. Les polices de couleur ne se prennent pas trop au sérieux et sont immédiatement attrayantes, ce qui les rend particulièrement attrayantes pour les concepteurs et les spécialistes du marketing qui cherchent à attirer le marché instable et obsédé par la technologie du millénaire..

Par dessus tout, les polices de couleur sont amusantes! Les premières polices de couleurs ont été conçues pour les sites Web et les applications, mais elles offrent également la possibilité d'offrir un design jeune et frais à l'impression. Vous ne pouvez pas utiliser une police de couleur sans sourire, ce qui est peut-être ce que les concepteurs et les consommateurs recherchent en cette période d'incertitude politique et sociale.. 

OK, où puis-je les utiliser??

Les polices couleur étant une technologie si récente, de nombreux navigateurs, appareils et logiciels ne sont pas encore à la hauteur. Vous ne pourrez peut-être pas voir les polices de couleur sur certains navigateurs. Vous ne pourrez que voir la version standard d'OpenType..

Image de Bixa Color

Toutefois, cela devrait changer très bientôt. Les polices OpenType-SVG ont été déclarées norme de l'industrie pour les polices de couleur, ce qui signifie que les navigateurs et les logiciels seront probablement mis à jour rapidement pour les faciliter. Vous pouvez actuellement afficher les polices de couleur sur les versions plus récentes de Firefox (à partir de la version 26) et Microsoft Edge (à partir de la version 38 sur Windows 10)..

En ce qui concerne l'utilisation de polices de couleur dans les logiciels de conception, Adobe est en avance sur la courbe, les concepteurs pouvant afficher et appliquer des polices de couleur à l'aide des dernières incarnations de Illustrateur (CC 2018), Photoshop (CC 2017), et InDesign (CC 2018).

Certains concepteurs de caractères expérimentent également des versions animées de polices de couleur.. Gilbert, une police de couleur créée par Fontself, est utilisable dans Adobe After Effects.

Gilbert, une police de couleur disponible en version statique et animée

Ces styles animés représentent un nouveau développement excitant pour une animation plus accessible. Attendez-vous à les voir partout dans les médias sociaux, les GIF et les vidéos très bientôt..

Où puis-je trouver des polices de couleur?

Les polices de couleur sont rares pour le moment, mais de plus en plus sont publiées à mesure que la tendance gagne en traction. Adobe a une police de couleur dédiée Typekit, où il détaille les dernières polices de couleur disponibles au téléchargement pour le Web et l’impression. L’un de ses lancements les plus remarquables est la version police de caractères de Emoji One, il est très facile d'intégrer des graphiques colorés emoji à vos conceptions grâce au panneau Glyphs.. 

Glyphes de la police Emoji One Color

Certains concepteurs de polices utilisent une plateforme dédiée pour lancer leurs créations de polices de couleur.. Bixa Couleur est un effort collaboratif d'inspiration rétro de NovoTypo et Roel Nieskens. 

Police Bixa Color par NovoType et Roel Nieskens

Bungee, conçu par David Jonathan Ross, est disponible dans une gamme de couleurs et de styles stupéfiants, ainsi que dans des versions horizontales et verticales.

Police Bungee color par David Jonathan Ross

Envie de créer votre propre police de couleur? Fontself est l'outil incontournable du concepteur de polices de couleur. Consultez la page dédiée à Gilbert, qui a été créé en utilisant Fontself, pour trouver une source d’inspiration sur les possibilités. 

Police de couleur Gilbert, créée à l'aide de Fontself

Je suis une police de caractères convertie! Mais comment dois-je les utiliser?

Si vous avez été piqué par le bug des polices de couleur, il peut être tentant de jeter toutes vos anciennes polices et de devenir un peu fou. Avant de créer des designs qui ressemblent à un mauvais voyage à l’acide, tenez compte de ces conseils et astuces pour tirer le meilleur parti de cette nouvelle tendance de la typographie.. 

Comme pour les polices standard, certaines sont nettement meilleures que d'autres. Juste parce que vous pouvez utiliser une police de couleur ne signifie pas nécessairement que vous devrait. Tenez le coup pendant quelques mois et vous aurez accès à une sélection beaucoup plus large de polices de couleur, ce qui vous aidera à créer des motifs plus réfléchis.. 

Tenez compte des limites des polices de couleur. Si vous avez le cœur sur une police bitmap, il est conseillé de ne pas l'utiliser à une plus grande échelle que celle prévue par le concepteur de polices. Ainsi, par exemple, une police de couleur bitmap peut sembler élégante sur un dépliant imprimé réglé à la bonne taille, mais elle peut sembler beaucoup moins raffinée pour une conception Web réactive qui implique de redimensionner le contenu sur une taille importante sur les ordinateurs de bureau.. 

Il convient également de garder à l'esprit que les polices de couleur sont plus lourdes que leurs parents OpenType, en raison de la quantité supplémentaire de données qu'elles transportent. Elles ne sont pas toujours énormes (par exemple, la police Bixa Color supporte 30 Ko de plus que la taille de fichier de police habituelle), mais elle peut affecter le temps de chargement des sites Web et des applications. Bien sûr, utilisez vos polices de couleur avec abandon, mais ne permettez pas qu'une utilisation libérale affecte l'expérience de votre conception par l'utilisateur.. 

Si vous souhaitez utiliser des polices de couleur pour la conception Web, vous devez également prendre en compte la possibilité que la plupart des visiteurs puissent attendre longtemps avant de pouvoir afficher les polices comme vous le souhaitez. Il peut s'écouler plusieurs mois, voire plusieurs années, avant que les utilisateurs choisissent de mettre à jour ou de changer de navigateur, et la plupart ne seront pas conscients de la nécessité impérieuse de le faire en ce qui concerne l'affichage des polices de couleur. Dans cet esprit, vous devez vous assurer que votre police est aussi belle dans son format de "repli" que dans sa couleur.. 

Parce que les polices de couleur sont très fortes et criardes, elles peuvent pousser un dessin en territoire de mauvais goût. Pour certains modèles, notamment les applications destinées à un marché plus jeune, cela peut constituer un bonus! La page Typekit des polices de couleur d’Adobe provoque instantanément cette réaction de type love-it-or-hate-it face à un design Web excessif. D'autres concepteurs peuvent préférer équilibrer une police de couleur avec des images de type plus épuré ou en noir et blanc sur le reste de la mise en page, ou utiliser une police de couleur comme unique objectif d'un dessin par ailleurs net et simple.. 

Le fait d’apparier des polices de couleur à des éléments plus nets sur vos conceptions aidera les mises en page à se sentir plus équilibrées, comme illustré dans cet exemple avec la police de couleur Popsky, conçue par Igor Petrovic..

Si vous ne savez toujours pas comment utiliser les polices de couleur dans vos dessins, c'est un bon conseil pour vous rappeler l'objectif de votre dessin. Souhaitez-vous cibler un marché hyper tendance, comme celui de la millénaire? Ensuite, utiliser des polices de couleur librement donnera un design attrayant et jeune. Voulez-vous simplement utiliser des polices de couleur pour ajouter un point de différence à votre conception? En les utilisant avec parcimonie, vous obtiendrez un résultat plus professionnel et raffiné.. 

Conclusion

Les polices de couleur sont peut-être la dernière tendance en matière de conception graphique, mais il semble qu'elles soient là pour rester, du moins dans un avenir prévisible. Ils représentent une rupture avec la technologie de police de caractères conventionnelle, rendant le texte plus détaillé, et même le texte animé, beaucoup plus accessible aux concepteurs et aux non-concepteurs..

Comme les polices de couleur en sont encore à leurs balbutiements, il existe un nombre limité de polices disponibles au téléchargement, ce qui rend leur utilisation actuelle pour les concepteurs un peu limitée. Cependant, le moment est passionnant pour les concepteurs de polices en herbe. Si vous recherchez un nouveau défi de type, créer votre propre police de couleur à partir de zéro pourrait être à la fois gratifiant sur le plan créatif et financier.. 

Voulez-vous plonger dans la conception typographique? Ces tutoriels vous guideront à travers les bases de la création de vos propres polices:

  • Comment créer votre propre police

    Dans cet article, nous allons parler de polices! Avez-vous déjà essayé d'en fabriquer un? Même si vous n'y avez jamais pensé, vous pourriez être inspiré après…
    Yulia Sokolova
    Les polices
  • Comment créer une police dans Adobe Illustrator

    Si vous êtes un designer ou un illustrateur qui est plus à l'aise avec la création de glyphes dans Adobe Illustrator, ce didacticiel vous convient parfaitement. Nous allons planifier notre…
    Mary Winkler
    Conception de police
  • Comment créer une police en utilisant Fontself et FontForge

    Ce tutoriel est la deuxième partie de notre création de polices simple dans le projet Adobe Illustrator! Dans ce didacticiel, nous allons explorer deux méthodes fantastiques de…
    Mary Winkler
    FontForge
  • Notions de base sur le type de dessin et la création de votre propre police manuscrite

    Vous avez toujours voulu donner à vos mises en page et conceptions numériques une touche vraiment personnelle? Dans ce tutoriel, nous verrons comment vous pouvez créer une police à partir de la vôtre…
    Grace Fussell
    Conception de police
  • Comment créer une police de couleur avec Adobe Illustrator et Fontself Maker

    Créer des polices n'a jamais été aussi simple qu'avec Fontself, une extension puissante pour Adobe Illustrator et Photoshop. Apprenez à créer des polices de couleur avec Fontself!
    Yulia Sokolova
    Adobe Illustrator