Ressourcen zum Finden guter Webschriftartenschemata / -kombinationen


8

Ich habe angefangen, freiberufliche Website-Design-Arbeiten für kleine Geschäftskunden durchzuführen. Ein Teil meiner Arbeit besteht darin, Schriftarten auszuwählen, die auf den von mir erstellten Websites verwendet werden sollen.

Da Typografie nicht meine Stärke ist, habe ich mich gefragt, ob es eine Website gibt, die eine Sammlung von Schemata / Kombinationen mit Web-Schriftarten bietet. Mit "Schema" meine ich etwas so Einfaches wie eine kleine Liste von Schriftarten, von denen vorgeschlagen wurde, dass sie gut zusammenarbeiten / aussehen, z. B. Schriftart A für Überschriften, Schriftart B für Unterüberschriften, Schriftart C für Textkopien usw. Grundsätzlich etwas wie Farbkombinationen , außer für Web-Schriftarten.

Ich denke, eine Site wie diese wäre eine großartige Ressource für Leute wie mich, die nicht die besten sind, um Schriften auszuwählen, die gut zusammenarbeiten. Es wäre großartig, wenn auf der Website angegeben würde, welches der enthaltenen Schriftartenschemata vollständig aus kostenlos zu verwendenden Web-Schriftarten besteht, da diese offensichtlich sehr einfach zu implementieren wären.

Kennt jemand solche Websites?


1
Sie beantworten Ihre Frage nicht direkt, aber dies ist eine gute Lektüre, wenn Sie verstehen möchten, wie Sie Schriftarten besser
neugierig

Antworten:


5

Dies ist nicht genau die Antwort, nach der Sie suchen, aber hier sind einige Gedanken:

Hoefler & Frere-Jones sind so ziemlich die Creme der typografischen Ernte. Sie haben vor einiger Zeit eine E-Mail gesendet , die einige wirklich großartige Schriftpaarungen zeigte (natürlich mit ihren Schriftarten), aber oben ist eine gute Regel aufgeführt:

... alles basiert auf dem hochwissenschaftlichen ersten Prinzip von H & FJ zum Kombinieren von Schriftarten: Halten Sie eine Sache konsistent und lassen Sie eine Sache variieren.

Sie zeigen einige wirklich esoterische Ähnlichkeiten und Unterschiede (die wirklich gut funktionieren), aber diese Regel ist eine gute Sache, die man beachten sollte. Wenn Sie eine serifenlose Schrift für den Kopfzeilentext verwenden, verwenden Sie eine Serife für die Textkopie. Wenn Sie etwas mit dicken Strichen haben, kontrastieren Sie es mit etwas Dünnerem. Wie in einem ähnlichen Thread besprochen , haben Bauhaus und Bembo überhaupt nicht viel gemeinsam, aber Bauhaus und Futura teilen einige geometrische Buchstabenformen, während sie sich in Dicke und allgemeiner Grellheit unterscheiden.

Verwendete Schriftarten sind eine großartige Ressource, von der Sie sich inspirieren lassen können. Ich habe auf den Web-Bereich verlinkt. Sie beschäftigen sich nicht mit kostenlosen Schriftarten, aber hoffentlich finden Sie dies nützlich.


4

Ich kann diese Website nur empfehlen: http://hellohappy.org/beautiful-web-type/ . Es gibt nicht so viele Kombinationen, aber sie zeigen sie auf so inspirierende Weise.

Alle Schriftarten sind für die kommerzielle Nutzung kostenlos im brillanten Google Font Directory verfügbar .

Wenn Sie Ihre eigenen Kombinationen ausprobieren möchten, um zu sehen, was Ihnen gefällt (da dies schließlich das Wichtigste ist), besuchen Sie http://font-combinator.com/, wo es ein großartiges Tool zum Bearbeiten einiger Textblöcke gibt Sehen Sie, wie sie zusammenpassen, und nutzen Sie auch die kostenlose Google Font-Ressource.

Suchen Sie nach " Google Font Combinations ", um weitere Inspirationen zu erhalten.


2

Zum besseren Verständnis der Schriftarten können Sie auf https://typekit.com/ verweisen.

Sie haben eine große Sammlung von Schriftarten, die für das Webdesign verwendet werden können, und sogar Google-Schriftarten haben eine gute Sammlung von kostenlosen Schriftarten.

Arbeiten Sie mit Schriftarten, spielen Sie mit Schriftarten. Nur so können Sie die Schriftauswahl gut beherrschen.


2

Haben Sie fooont.com ausprobiert ? Es besteht ausschließlich aus Schriftpaaren, die auf Google Webfonts gehostet werden.

Laden Sie einfach die CSS-Datei herunter und verwenden Sie sie sofort auf Ihrer Website. Hoffe das wird helfen :)


1

Mixfont ist eine Website, auf der verschiedene Paarungen von Google Fonts vorgestellt werden und Nutzer ihre Lieblingspaarungen bewerten können.


1

Es gibt viele Websites, die Schriftpaarungen anbieten. Einige, die noch nicht erwähnt wurden, umfassen

  • Femmebot - Für Google Font-Paarungen.
  • Schriftpaar - Auch für Google-Schriftpaarungen.
  • Canva - Allgemeinere Schriftpaarungen.
  • DesignModo - Auch allgemeinere Schriftpaarungen.
  • FontJoy - Zur zufälligen Generierung von Schriftpaaren mithilfe von Deep Learning.

0

Ich empfehle Typewolf.com . Die Website wird vom Designer Jeremiah Shoaf betrieben.

Es gibt zwei Abschnitte, die ich besonders hilfreich finde:

  1. Zu den Schriftempfehlungen und -listen gehören einige Listen mit Schriftkombinationen.
  2. Web Fonts in the Wild ist eine Datenbank mit Schriftarten, die eine Liste der vorgeschlagenen Paarungen und ein Beispiel für Schriftpaarungen aus dem gesamten Web enthält.

Die Website bietet auch einen hervorragenden Index ähnlicher / alternativer Schriftarten, einschließlich eines zum Kauf verfügbaren Dokuments, in dem viele kostenlose Alternativen für kostenpflichtige Schriftarten aufgeführt sind. Dies ist besonders hilfreich, wenn Sie ein begrenztes Budget haben.

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.