Ressources pour trouver de bons schémas / combinaisons de polices Web


8

J'ai commencé à faire des travaux de conception de sites Web indépendants pour les petites entreprises, et une partie de mon travail consistera à sélectionner des polices à utiliser sur les sites que je créerai.

Étant donné que la typographie n'est pas mon point fort, je me demandais s'il existe un site Web qui propose une collection de schémas / combinaisons utilisant des polices Web. Par «schéma», j'entends quelque chose d'aussi simple qu'une petite liste de polices qui ont été proposées pour fonctionner / bien paraître ensemble, par exemple, la police A pour les en-têtes, la police B pour les sous-en-têtes, la police C pour la copie du corps, etc. comme les combinaisons de couleurs , à l'exception des polices Web.

Je pense qu'un site comme celui-ci serait une excellente ressource pour des gens comme moi qui ne sont pas les meilleurs pour choisir des polices qui fonctionnent bien ensemble. Ce serait formidable si le site Web indiquait lequel des schémas de polices inclus consiste entièrement en polices Web gratuites, car celles-ci seraient évidemment très faciles à mettre en œuvre.

Alors, quelqu'un connaît-il des sites Web comme celui-ci?


1
Ne répond pas directement à votre question, mais c'est une excellente lecture si vous voulez comprendre comment mieux associer les polices: Meilleures pratiques de combinaison des polices de caractères
curieux

Réponses:


5

Ce n'est pas exactement la réponse que vous cherchez, mais voici quelques réflexions:

Hoefler & Frere-Jones sont à peu près la crème de la crème typographique. Ils ont envoyé un e-mail il y a quelque temps qui montrait de très bonnes paires de polices (avec leurs polices, bien sûr), mais en haut, il y a une bonne règle:

... le tout construit autour du premier principe hautement scientifique de H & FJ de combinaison de polices: gardez une chose cohérente et laissez une chose varier.

Ils continuent à montrer des similitudes et des différences vraiment ésotériques (qui fonctionnent très bien), mais cette règle est une bonne chose à garder à l'esprit. Si vous utilisez un sans-serif pour le texte d'en-tête, utilisez un serif pour le corps du texte. Si vous avez quelque chose avec des traits épais, contrastez-le avec quelque chose de plus mince. Comme cela a été discuté dans un fil un peu similaire , Bauhaus et Bembo n'ont pas grand-chose en commun du tout, mais Bauhaus et Futura partagent certaines formes de lettres géométriques tout en variant en épaisseur et en criblage général.

Fonts In Use est une excellente ressource dont vous pouvez vous inspirer. J'ai lié à la section Web. Ils ne traitent pas des polices gratuites, mais j'espère que vous trouverez cela utile.


4

Je recommande vivement ce site Web: http://hellohappy.org/beautiful-web-type/ . Il n'y a pas tellement de combinaisons mais elles les présentent de manière si inspirante.

Toutes les polices sont disponibles gratuitement pour une utilisation commerciale à partir du brillant Google Font Directory .

Si vous voulez essayer vos propres combinaisons pour voir ce que vous aimez (car c'est la chose la plus importante, après tout), allez sur http://font-combinator.com/ où il y a un excellent outil pour éditer quelques blocs de texte en voir comment ils vont ensemble, en utilisant également la ressource gratuite Google Font.

Recherchez « Combinaisons de polices Google » pour plus d'inspiration.


2

Pour une meilleure compréhension des polices, vous pouvez vous référer à https://typekit.com/

Ils ont une grande collection de polices à utiliser pour la conception Web, et même les polices Google ont également une bonne collection de polices gratuites.

Travaillez avec des polices, jouez avec des polices. C'est le seul moyen de devenir bon dans la sélection des polices.


2

Avez-vous essayé fooont.com ? Il se compose entièrement de paires de polices hébergées sur Google Webfonts.

Téléchargez simplement le fichier CSS et utilisez-le instantanément sur votre site Web. J'espère que cela vous aidera :)


1

Mixfont est un site qui présente divers appariements de Google Fonts et invite les utilisateurs à voter pour leurs appariements préférés.


1

Il existe de nombreux sites qui proposent des associations de polices. Certains qui n'ont pas encore été mentionnés comprennent

  • Femmebot - Pour les paires de polices Google.
  • Paire de polices - Aussi pour les paires de polices Google.
  • Canva - Appariements de polices plus généraux.
  • DesignModo - Également des associations de polices plus générales.
  • FontJoy - Pour la génération aléatoire de paires de polices en utilisant l'apprentissage en profondeur.

0

Je recommande Typewolf.com . Le site est géré par le concepteur nommé Jeremiah Shoaf.

Il y a deux sections que je trouve particulièrement utiles:

  1. Recommandations et listes de polices comprend quelques listes de combinaisons de polices.
  2. Web Fonts in the Wild est une base de données de polices qui comprend une liste d'appariements suggérés et un échantillon d'appariements de polices provenant du Web.

Le site propose également un excellent index de polices similaires / alternatives, y compris un document disponible à l'achat qui répertorie de nombreuses alternatives gratuites pour les polices payantes; cela est particulièrement utile si vous avez un budget limité.

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.