Combos typos

Combinaisons typographiques :
une sitographie pour le design graphique

L'art de la combinaison typographique nécessite de bons outils. De nombreux sites et application en ligne permettent de combiner de manière cohérente les polices de caractères.

.

Combos typos pour
la publication en ligne

Le design Web exige une grande maîtrise des accords typographiques. Il s'agit de s'appuyer sur le savoir-faire d'intégrateurs et de développeurs expérimentés. Voici une sélection d'articles et d'outils pratiques pour aider les débutants et les experts.

Combos typos et codes html-css

designshack.net

https://designshack.net/articles/typography/10-more-great-google-font-combinations-you-can-copy/

➥ Sélection de polices Google et codes pour l'intégration.

typespiration.com

http://typespiration.com/

➥ Sélection de polices Google et codes pour l'intégration.

tobiasahlin.com

http://tobiasahlin.com/typesource/

➥ Sélection de polices Google et codes pour l'intégration.

typ.io

https://typ.io/

➥ Sélection de polices Google et codes pour l'intégration.

Générateurs de combos typos

typeconnection.com

http://www.typeconnection.com/

➥ Générateur d'accords de polices Google.

fontjoy.com

https://fontjoy.com/

➥ Générateur d'accords de polices Google.

Sélections de combos typos

femmebot.github.io

http://femmebot.github.io/google-type/

➥ Sélection de polices Google et exemples de têtières Web.

canva.com

https://www.canva.com/fr_fr/decouvrir/typographie-10-combinaisons-gratuites-telecharger/

➥ Sélection de polices Google.

typetester.org

https://www.typetester.org/gallery/projects/

➥ Sélection de polices Google.

choblab.com

https://choblab.com/web-design/comment-associer-les-google-fonts-typographie-11146.html

➥ Sélection d'outils de sélection de polices Google.

Exemples d'utilisation en ligne

typewolf.com

https://www.typewolf.com/site-of-the-day

➥ Sélection de sites utilisant des typos combos de qualité.

Combos typos pour
la publication imprimée

La qualité des publications imprimées repose en grande partie sur la pertinence des choix typographiques. Voici une liste de sites ...

Combos typos print classiques

bonfx.com

https://bonfx.com/19-top-font-in-19-top-combinations/

➥ Sélection de typos print.

steptoandson.co.uk

http://www.steptoandson.co.uk/services/10-great-web-font-combinations/

➥ Sélection de typos print.

Exemples d'utilisation imprimée

Les exemples proposés illustrent la très grande variété des usages, pour le meilleur et pour le pire !

fontmeme.com

https://fontmeme.com/fonts-in-use/

➥ Exemples d'utilisation imprimée de polices de caractères.

fontsinuse.com

https://fontsinuse.com/

➥ Exemples d'utilisation imprimée de polices de caractères.

Échelles typographiques

Les échelles typographiques (ou échelles modulaires) déterminent le rapport des proportions entre les différents niveaux hiérarchiques du texte mis en page. Choisies avec soin, elles facilitent la lecture des informations et contribuent à l'esthétique de la page en ligne ou imprimée.

Articles sur les échelles typos

blog.clever-age.com

https://blog.clever-age.com/fr/2015/01/15/les-echelles-typographiques/

➥ Article de Vincent Valentin, intégrateur Web.

pompage.net

http://www.pompage.net/traduction/pour-une-typographie-qui-a-du-sens

➥ Traduction d'un article de Tim Brown, designer Web, conférencier et auteur.

Choisir une échelle modulaire

type-scale.com

https://type-scale.com/

➥ Outil de paramétrage d'échelles typographiques.

modularscale.com

https://www.modularscale.com/

➥ Outil de paramétrage d'échelles typographiques.