Polices de couleur: Guide du débutant
Alors qu'est-ce que c'est qu'une police de couleur? C'est un terme qui ne cesse d'apparaître et commence à gagner du terrain, bien que l'utilisation dans les grands projets de conception en soit encore à ses balbutiements.
Des fournisseurs tels que Typekit d'Adobe ont commencé à publier certaines options de police de couleur avec prise en charge du navigateur, il y a donc un mouvement vers une utilisation plus large. Certains ont même appelé les polices de couleurs «la prochaine grande chose dans la conception Web».
Ici, nous allons examiner la tendance et vous laisser décider de la taille - ou non - de ce concept.
Explorez Envato Elements
Qu'est-ce qu'une police couleur?
Les polices couleur sont presque exactement ce à quoi elles ressemblent. Polices de caractères qui incluent plusieurs couleurs, nuances ou dégradés, textures ou transparence. Ces options géniales n'apportent pas seulement de la couleur au lettrage, ce sont des polices de caractères spécifiques avec tous les détails inclus.
Les polices de couleurs peuvent inclure des formes vectorielles, des images bitmap ou les deux dans les fichiers de polices, ce qui peut rendre ces polices plus lourdes que les packages de polices standard. Des exemples courants de polices de couleur incluent une police ou une lettre emoji contenant des icônes. Les polices monochromes de ce style sont souvent appelées polices chromatiques, car elles ne contiennent qu'une teinte ou un gris.
Le plus gros problème avec les polices de couleur en ce moment, c'est qu'il n'y a pas de véritable format standard. Et il y a un hic avec tous ces formats de fichiers - les images vectorielles et SVG peuvent être mises à l'échelle facilement, mais les versions bitmap pourraient potentiellement avoir des limitations de taille.
Il existe en fait cinq formats:
- SBIX (Apple): version Bitmap avec prise en charge native sur les systèmes Mac et iOS
- CBDT (Google): version Bitmap avec prise en charge native sur les systèmes Android
- COLR (Microsoft): version vectorielle avec prise en charge native sur les systèmes Windows 8.1+
- SVG (W3C): versions vectorielles et bitmap
- OpenType SVG (Adobe / Mozilla): versions vectorielles et bitmap qui mettent des formes SVG dans des polices OpenType
D'un autre côté, les principaux acteurs commencent à adopter des directives d'utilisation. Mozilla (l'épine dorsale du navigateur Web Firefox) et Adobe ont convenu que OpenType SVG est le format préféré; d'autres sont encore en mutation lorsqu'ils prennent une décision.
Si vous voulez vous familiariser avec le fonctionnement de ces polices et toutes les spécifications de format de fichier, Fontself a une très bonne introduction.
Comment utilisez-vous les polices de couleur?
L'une des deux réflexions se produit lorsque vous voyez une police de couleur pour la première fois:
- Wow, c'est hideux!
- Cool! Je sais exactement comment utiliser ça!
Quel que soit le camp dans lequel vous vous trouvez, il existe des applications parfaitement adaptées aux polices de couleurs. Mais vous devez les utiliser dans des limites raisonnables. (Les polices de couleur sont pour la plupart des utilisations avec parcimonie.)
Essayez une police de couleur:
- Pour une technique qui attire l'attention pour un petit mot
- Pour une icône ou un élément de style logo
- Pour une lettrine pour commencer un long bloc de texte
- Pour un traitement de titre audacieux dans un design de style autrement minimal
- Pour mettre l'accent sur un ou plusieurs mots spécifiques dans un grand bloc de texte
- Quand le reste du design est simple
- Quand la typographie sera votre principal élément artistique
- Lorsque le projet exige quelque chose d'amusant et inhabituel pour attirer l'attention des utilisateurs
- Avec des images ou sur des images
- Avec des milieux occupés
- Pour beaucoup de texte
- Avec beaucoup d'autres techniques de conception, telles que l'animation ou le mouvement; la couleur seule suffit généralement à créer un impact visuel
- Avec d'autres caractères de nouveauté ou de spécialité
- Adoption et compatibilité avec les navigateurs pour les projets de conception Web (pour le moment, davantage de polices de couleurs apparaissent en version imprimée en raison de problèmes de compatibilité)
- Techniques de style globales et si les techniques de conception plus ornées et colorées ont tendance dans l'ensemble
- Fontself est un module complémentaire Adobe Illustrator ou Photoshop qui vous aide à créer des polices de couleurs personnalisées
- Vous pouvez tout dessiner et concevoir à partir de zéro avec ce tutoriel de Glyphes
- FontLab propose un didacticiel vidéo qui vous guide pas à pas dans le processus.
- Tapez avec fierté
- Serviette de plage
- Bungee
- Police aquarelle
- Couleur Bixa
- Jouets pour enfants
- OneLine Bold
- Gourou
- Néon
Comment ne pas utiliser les polices de couleur
Il existe plus de façons de ne pas utiliser de polices couleur que vous ne pouvez probablement en compter. Vous ne voulez pas revenir en tant que conception de site Web à une partie de la folie des couleurs clignotante, clignotante et écrasante des années 1990.
N'utilisez pas de police de couleur:
Une tendance en évolution
La tendance des polices de couleur commence à gagner du terrain auprès de certains acteurs majeurs de la typographie. Le format SVG OpenType adopté par Adobe et Mozilla pourrait être l'outil et le format qui aident cette tendance à décoller. Adobe a même récemment ajouté des polices de couleurs à Photoshop (vous avez peut-être remarqué des emojis dans la palette de caractères).
Voici comment Adobe explique OpenType SVG:
«OpenType-SVG est un format de police dans lequel une police OpenType a tout ou seulement certains de ses glyphes représentés comme des illustrations SVG (graphiques vectoriels évolutifs). Cela permet l'affichage de plusieurs couleurs et dégradés dans un seul glyphe. En raison de ces fonctionnalités, nous appelons également les polices OpenType-SVG des «polices couleur».
«Les polices OpenType-SVG permettent d'afficher du texte avec ces qualités graphiques, tout en permettant sa modification, son indexation ou sa recherche. Ils peuvent également contenir des fonctionnalités OpenType qui permettent la substitution de glyphes ou d'autres styles de glyphes.
"Les polices de couleur comme Trajan Color Concept et EmojiOne Color apparaîtront exactement comme les polices typiques dans les menus de polices de vos programmes - mais elles peuvent ne pas afficher leur plein potentiel, car de nombreux programmes ne prennent pas encore totalement en charge les composants de couleur. Si votre logiciel ne prend pas en charge les illustrations SVG dans les polices, les glyphes retomberont dans un style noir uni. La couleur peut toujours être appliquée à ce style de secours, car elle fonctionnera comme une police OpenType typique. »
De plus, The State of Web Type a une section dédiée à la mise à jour de la prise en charge du navigateur pour les polices de couleur afin que vous puissiez déterminer le moment opportun pour franchir le pas.
En termes d'évolution des polices couleur et d'adoption des usages, deux choses joueront un rôle majeur:
Essayez une police de couleur
Si les polices de couleur sont votre truc, vous pouvez soit télécharger une police de couleur pour commencer ou créer la vôtre, selon le type de projet de conception.
Crée le tien
Le type de police de couleur que vous créez dépend vraiment de vos compétences logicielles. Une police de couleur peut inclure n'importe quoi, de l'imagerie de vos photos préférées à de belles bulles et des traits dans des couleurs dégradées. Vous pouvez le faire entièrement par vous-même ou utiliser un outil pour aider à concevoir une police de couleur personnalisée.
Télécharger ou intégrer
Il existe des polices de couleurs assez cool qui vous demandent de les utiliser dans un projet aujourd'hui. Voici quelques exemples pour démarrer votre flux créatif de polices de couleurs (ainsi que des liens vers les autres polices de couleurs utilisées ci-dessus):
Conclusion
Êtes-vous prêt à sauter sur la tendance des polices couleur? Est-ce trop ou le support inégal est-il un vrai problème pour vos projets?
Personnellement, je trouve que cette tendance est très amusante et a une réelle utilité pratique dans des projets imprimés tels que des affiches d'événements ou des dépliants. Je ne suis pas encore tout à fait convaincu en ce qui concerne les projets de sites Web. Le temps ne dira que si cette tendance devient vraiment «la prochaine grande chose dans la conception Web» ou une autre mode passagère.
