it-swarm-eu.dev

Anzahl der Schriftarten pro Design

Ich arbeite an einer Website und frage mich, an welchem ​​Punkt ich zu viele Schriftarten verwende und reduzieren muss. Im Moment habe ich eine handschriftliche Schriftart (HF1), die für den Site-Namen verwendet wird, eine ganz andere handschriftliche Schriftart (HF2) für den Seitentitel und eine - Serifenschrift (SF1), die für den Text verwendet wird.

Momentan schaue ich mir die Überschriften an und ich mag es wirklich nicht, wie Georgia (SF1) fett aussieht: Die Charaktere sehen unausgeglichen und zu schwer aus, wenn sie groß und fett sind. Ich bin hin und her gerissen zwischen ...

  1. Machen Sie sie nicht fett und unterscheiden Sie sie auf andere Weise vom Körpertext.
  2. Machen Sie sie zu einer anderen Serifenschrift (wahrscheinlich Adobe Jenson Pro) und fetten Sie sie.

Jenson Pro ist eine gut aussehende Schriftart, aber ich frage mich, ob ich momentan zu viel Schriftart auf der Seite habe. Wie viel kann man allgemein hoffen, typografisch davonzukommen?

10
ehdv

Ich würde damit minimalistisch werden.

  1. Beginnen Sie mit einer einzelnen Schriftfamilie. Das heißt, eine Kombination aus Fettdruck, komprimiert usw. Zum Beispiel, was ich meine, siehe PT Sans aus der Google Font API.
  2. Wenn Sie weitere hinzufügen möchten, begründen Sie dies ausdrücklich. Überzeugen Sie sich also davon, dass es nicht nur einen asethischen, sondern auch einen funktionalen Grund für die zusätzliche Schriftart gibt.
  3. Zu den offensichtlichen Funktionsvarianten gehören code und möglicherweise die in Ihrem Logo verwendete Schriftart.
  4. Der Grund, warum ich das alles sage, ist, dass es einfacher ist, ein allgemeines Gefühl der Harmonie zu vermitteln, wenn Ihre Schriftarten in irgendeiner Weise konsistent sind - Schriftfamilien erledigen alles, was für Sie funktioniert.

Gleiches gilt für die Verwendung von Farbe und Größe. Versuchen Sie, auch eine begrenzte Teilmenge davon beizubehalten. Der Web Style Guide enthält einige gute Informationen zur Typografie für das Web.

11
Julian H

Während meiner Ausbildung zum Grafikdesigner lautete die allgemeine Regel Schriftarten pro Design.

Dies beinhaltete die Schriftart des Logos. Wenn Sie also ein Logo mit Gotham hatten, ist das 1. Körperkopie bei sagen ... Lucida, das ist 2. und Titel oder Überschriften mit League Gothic, das ist Ihre 3 ..

So mache ich es trotzdem.

5
Aubrey Johnson

Nur mein eigener Geschmack: Ich denke, wenn ich HF1 wollte, würde ich bei HF1 bleiben und HF2 vergessen. Für mich ist es erschreckend, mit zwei unbekannten Spezialschriftarten konfrontiert zu werden. Was den Körper betrifft, würde ich eine unauffällige, nicht wahrnehmbare serifenlose Schrift wählen: Niemand wurde jemals entlassen, weil er sich für IBM ^ h ^ h ^ h Helvetica entschieden hatte.

3
pete142

Wählen zwischen:

  1. Nur eine Schrift
  2. Serifenschrift für Überschriften, serifenlose Schrift für alles andere - oder umgekehrt

Dies ist eine einfache, aber effektive Faustregel für die Arbeit mit Typografie. Je mehr Sie über Typografie lernen, desto feiner können Sie natürlich die Auswahl treffen (und die Faustregel brechen), aber dies ist eine gute Basis, um anzufangen.

Beachten Sie auch:

  • Das Logo ist eine Ausnahme (und sollte die einzige bleiben), aber eine der beiden von Ihnen verwendeten Schriftarten sollte neben dem Logo selbst gut aussehen. Dieser Tipp zählt nicht, wenn Sie kein richtiges Logo haben.
  • Achten Sie auf Lesbarkeit und Ausgewogenheit auf der Seite.
  • Verwenden Sie Variationen konsequent: Verwenden Sie beispielsweise auf der gesamten Website Fettdruck mit derselben "Bedeutung".
  • Verwenden Sie nicht zu viele Variationen auf der Seite, weder Größe noch Kursiv/Fett.
  • Achten Sie auf Aliasing-Unterschiede in verschiedenen Browsern.
3
Folletto

Für die Zwecke der Benutzeroberfläche würde ich mich eher um Konsistenz als um eine feste Regel für Typografie bemühen. Wenn die von Ihnen verwendeten Schriftarten an konsistenten Stellen konsistent sind, sollte es kein Problem geben. Bevorzugen Sie Lesbarkeit, Klarheit und Konsistenz gegenüber Regeln.

Lass es gut aussehen und du wirst perfekt sein.

Besuchen Sie jedoch Websites wie Google, Apple und diese als Referenz.

1
DexterW

Zunächst einmal: Ich stimme früheren Vorschlägen zu, nicht zu viele Schriftarten zu verwenden, und versuche möglicherweise, für beide Verwendungszwecke dieselbe 'Handschrift'-Schriftart zu finden! Maximal 2-3 Schriftarten pro Seite sollten vorhanden sein.

Während Sie sich darüber beschweren, dass Ihre Präferenz, die Georgia-Serife, zu unausgewogen aussieht, wurden meiner Meinung nach einige andere Optionen bisher übersehen:

  1. sie können einen anderen Buchstabenabstand für Ihre Überschriften verwenden. Ich finde, dass 'Buchstabenabstand: 0,2em;' (oder ein ähnlicher Wert) in meinem CSS lassen Überschriften im Vergleich zum Textkörper häufig besser aussehen.

  2. verwenden Sie einen anderen Schriftstapel! Ich bevorzuge jetzt 'Schriftfamilie: "Didot", "Bodoni MT", "Century Schoolbook", "Niagara Solid", "Utopia", "Georgia", "Times", "Times New Roman", Serife; " für Überschriften - dies sind alles allgemein unterstützte Schriftarten. (Google 'Font Stacks', um andere zu finden).

  3. wenn all dies fehlschlägt: Verwenden Sie eine Schriftart für Ihre Überschriften, die eine native "fette" Version in der Systemschrift enthält, z. B. "Arial + Arial Black" oder die "Century Gothic" -Varianten. Ich finde, dass Schriftarten, die in Fettdruck gestaltet wurden, tendenziell weniger Kerning-Probleme haben als normale Schriftarten, die in CSS mit "stark" oder "fett" gestaltet sind, und daher ausgewogener aussehen.

0
webbeetle

Wählen Sie eine Serife und eine Sans für Ihr Projekt. Achten Sie bei Ihrer Wahl darauf, ein Gleichgewicht zwischen ihnen herzustellen. Dies ist obligatorisch.

Eine ausgewogene Auswahl der Schriftarten bedeutet ein ausgewogenes Layoutdesign.

0
zetareticoli

Sie verwenden die entsprechende Anzahl der benötigten Schriftarten. Es gibt keine andere Regel als die Einstellung eines guten Grafikdesigners.

0
DA01

Ich stimme ehdv bei der Konsolidierung der beiden HW-Schriftarten zu, es sei denn, es gibt einen zwingenden Grund, sie so zu belassen, wie sie sind, oder sie sehen bereits ziemlich ähnlich aus.

Für Ihre Überschriften würde ich vorschlagen, etwas anderes zu tun, um Ihre Überschriften hervorzuheben. Vielleicht eine größere Größe und Kursivschrift, wenn Sie das Fett nicht mögen? Ich bin ein großer Fan davon, wie Georgia auf Bildschirmen aussieht - aber wählen Sie etwas, das zum Stil Ihrer Website passt.

Sie können mit jeder Typografie davonkommen, solange es funktioniert. Wenn Sie eine Reihe verschiedener Schriftarten aus ähnlichen Familien haben und nichts unangenehm auffällt, funktioniert es. Wählen Sie einfach Schriftarten, die den Leser nicht stören, wenn Sie von Text -> Überschrift -> Text wechseln.

0
Andrew Shipe