1 —
Typographie et paragraphe
Section typographie• Site web réalisé avec Webflow • par Alessandro Cierro

Perfect paragraph - adaptez la forme de vos paragraphes et facilitez la lecture

Jeu développé par Matej Latin.

The Equilateral Triangle of a perfect Paragraph est une théorie développée par Matej Latin dans le cadre du cours Better Web Type sur la typographie web destiné aux concepteurs et développeurs web. Trop d'entre eux considèrent encore la hauteur de ligne, la taille de la police et la largeur de ligne comme des caractéristiques indépendantes, alors qu'en fait, elles devraient toutes être considérées ensemble. Le triangle équilatéral est une représentation parfaite de la façon dont les trois caractéristiques fonctionnent en harmonie. La théorie est expliquée en détail dans cet article.

Capture d'écran tirée du jeu.

Capture d'écran tirée du jeu.

Capture d'écran tirée du jeu.

Ce jeu développe la théorie et la met en pratique. Son but est de vous apprendre les trois caractéristiques à prendre en compte pour un paragraphe parfait et de vous aider à entraîner votre œil. Il n'y a évidemment pas de règles fixes ni énoncées, cependant, ce genre de jeu permet de développer son œil intuitivement au travers d'essais et erreurs. Prêtez-vous au jeu en ayant ou non lu la théorie, même si vous n'êtes pas convaincu dans les premières tentatives. Au bout des quelques niveaux, l'intuition se stabilise et tout devient plus clair.

Jouer au mini jeu
Section typographie• Site web réalisé avec Webflow • par Alessandro Cierro
2 —
IA pour la Combinaison de polices
Section typographie• Site web réalisé avec Webflow • par Alessandro Cierro

De l'intelligence artificielle pour la combinaison de polices

Outil développé par Fontjoy

Combiner des polices est un casse-tête pour beaucoup d'entre nous... Deux polices trop similaires dérangent tandis que deux polices trop différentes fatiguent. Trouver le juste milieu en fonction d'une police spécifique est exactement ce que permet cet outil. Les développeurs ont réalisé une intelligence artificielle à partir de milliers de polices qu'ils ont positionnées dans un espace virtualisé en 3D basé sur leurs similarités et différences. Le résultat ? Une matrice très complète et facile à utiliser !

Capture d'écran prise dans l'outil.

Capture d'écran prise dans l'outil.

Capture d'écran prise dans l'outil.

Vous avez la possibilité de choisir une police et de générer les polices compatibles en indiquant vos critères de contraste : choisissez une combinaison très contrastée avec la police initiale ou au contraire très proche. Cette possibilité vous permet de trouver rapidement une police compatible avec votre projet. Une autre manière d'utiliser l'outil est de ne pas sélectionner de police au départ et de générer des polices compatibles entre elles sur base du critère de contraste : vous pourrez découvrir vos nouvelles polices favorites en jouant quelques minutes avec cet outil !

Utiliser l'outil
Section typographie• Site web réalisé avec Webflow • par Alessandro Cierro
3 —
Memory des polices
Section typographie• Site web réalisé avec Webflow • par Alessandro Cierro

Font memory - Challenge

Jeu développé par Martej Latin.

Vous aimez les challenges ? Et pensez avoir un sens aiguisé du détail ? Alors ce petit jeu est fait pour vous. Il consiste en un memory (le jeu où il faut retrouver la paire parmi une série de cartes retournées) basé exclusivement sur la reconnaissance de police. Il y a plusieurs niveaux de difficulté et il vous faut réussir les niveaux de base avant de découvrir les niveaux particulièrement difficiles.

Ce jeu vous familiarise avec les petites variations et petits détails qui distinguent les polices entre elles. En reconnaissant ces détails, vous développerez toutes les compétences nécessaires pour choisir et apprécier un bon choix de police.

Capture d'écran prise dans le mini jeu.

Capture d'écran prise dans le mini jeu.

Capture d'écran prise dans le mini jeu.

Un conseil pour réussir ce jeu... Ne cherchez pas à trouver les polices similaires en testant toutes les combinaisons de cartes au hasard, posez-vous plutôt la question suivante : que m'inspire cette police ?
De la sorte vous découvrirez une nouvelle dimension émotionnelle face à chaque police que vous rencontrerez et utiliserez dans vos différents projets.

Jouer au mini jeu
Section typographie• Site web réalisé avec Webflow • par Alessandro Cierro

Perfect paragraph - adaptez la forme de vos paragraphes et facilitez la lecture

Typographie
Photoshop & Illustrator
indesign
Entrainez vos yeux et découvrez intuitivement comment équilibrer vos paragraphes.
Typographie
Photoshop & Illustrator
indesign
Entrainez vos yeux et découvrez intuitivement comment équilibrer vos paragraphes.

De l'intelligence artificielle pour la combinaison de polices

IA pour la conbinaison de polices
Photoshop & Illustrator
indesign
Une IA capable de vous suggérer la meilleure combinaison de polices selon les critères que vous lui soumettez.
IA pour la conbinaison de polices
Photoshop & Illustrator
indesign
Une IA capable de vous suggérer la meilleure combinaison de police selon les critères que vous lui soumettez.

FONT MEMORY - CHALLENGE

Memory challenge
Photoshop & Illustrator & indesign
challenge mémoire et détails
Entrainez vos yeux à distinguer les plus menus détails avec ce challenge. Attention c'est corsé !
Memory challenge
Photoshop & Illustrator & indesign
challenge mémoire et détails
Entrainez vos yeux à distinguer les plus menu détails avec ce challenge. Attention c'est corsé !