{"id":27266,"date":"2024-02-26T18:18:05","date_gmt":"2024-02-26T15:18:05","guid":{"rendered":"https:\/\/typetype.org\/de\/?p=27266"},"modified":"2026-02-05T08:53:46","modified_gmt":"2026-02-05T05:53:46","slug":"universitty-lesson-5-choosing-and-mixing-typefaces-theory-and-practice","status":"publish","type":"post","link":"https:\/\/typetype.org\/de\/blog\/universitty-lesson-5-choosing-and-mixing-typefaces-theory-and-practice\/","title":{"rendered":"UniversiTTy: Lektion 5. Schriftarten ausw\u00e4hlen und mischen: Theorie und Praxis\u00a0"},"content":{"rendered":"\n
\"UniversiTTy:<\/figure>\n\n\n\n

Das Entwerfen einer Schriftart ist ein komplexer und sorgf\u00e4ltiger Prozess, der viel Erfahrung erfordert. Doch auch der Umgang mit einer vollst\u00e4ndig gestalteten Schriftart kann viel Arbeit erfordern. Unsere Kunden fragen uns oft, wie sie eine bestimmte Schriftart besser nutzen k\u00f6nnen und welche anderen Schriftarten sie damit kombinieren k\u00f6nnen. Wir helfen dabei, eine passende typografische L\u00f6sung f\u00fcr das Projekt auszuw\u00e4hlen, sei es eine bestehende Schriftart aus unserer Sammlung oder eine v\u00f6llig neue Schriftart, die wir von Grund auf entwerfen. In diesem Artikel werden wir unsere Erfahrungen mit Ihnen teilen. <\/em><\/p>\n\n\n\n

Julia Gonina, Art Director bei TypeType und Sch\u00f6pferin der Schriftarten TT Livret<\/a>, TT Fellows<\/a>, TT Autonomous<\/a> und TT Ricordi Todi<\/a>, wird Ihnen erkl\u00e4ren, wie Sie Schriftarten f\u00fcr Ihr Projekt ausw\u00e4hlen und kombinieren k\u00f6nnen. Wir werden auch herausfinden, warum es sinnvoll sein kann, Schriftarten zu mischen, die grundlegende Schriftterminologie erl\u00e4utern und die Theorie mit Beispielen untermauern. Am Ende wird Julia mehrere hilfreiche Ressourcen teilen, die sie in ihrer Arbeit nutzt. <\/em><\/p>\n\n\n\n

Warum Schriftarten mischen?<\/h2>\n\n\n\n

Zun\u00e4chst einmal wollen wir kl\u00e4ren, ob es immer notwendig ist, mehrere Schriftarten in einem Projekt zu verwenden, oder ob eine einzige ausreicht.\u00a0<\/p>\n\n\n\n

Ehrlich gesagt, k\u00f6nnen Sie mit Schriftarten aus nur einer Schriftfamilie gro\u00dfartige Ergebnisse erzielen. Selbst eine einzige Schriftart kann Ihr Projekt fesselnd wirken lassen. Ein hervorragendes Beispiel daf\u00fcr ist die Website der Elisava Barcelona School of Design and Engineering<\/a>, wo nur ein Schriftstil verwendet wird. Das sieht sehr stilvoll aus.\u00a0<\/p>\n\n\n\n

\"UniversiTTy:<\/figure>\n\n\n\n

Es stellt sich die berechtigte Frage: Wenn eine Schriftart ausreicht, warum dann mehrere kombinieren? Erstens k\u00f6nnen Sie durch die Verwendung verschiedener Schriftfamilien die emotionale und grafische Tiefe des Projekts erh\u00f6hen, \u00e4hnlich wie wir verschiedene Farben und Stoffe in der Kleidung kombinieren w\u00fcrden. <\/p>\n\n\n\n

Zweitens ist es m\u00f6glich, mehrere Schriftstile in einem Projekt zu verwenden. Die naheliegendste L\u00f6sung ist, unterschiedliche Schriftoptionen f\u00fcr \u00dcberschriften und Text auszuw\u00e4hlen. <\/p>\n\n\n\n

Durch die Verwendung unterschiedlicher Schriftarten k\u00f6nnen Sie auch wichtige Elemente im Text hervorheben oder semantische Bl\u00f6cke trennen. Au\u00dferdem ist es eine gro\u00dfartige \u00dcbung, um zu verstehen, was Schriftarten sind und wie sie den Leser beeinflussen. <\/p>\n\n\n\n

Schriftterminologie und -merkmale\u00a0<\/h2>\n\n\n\n

Bevor wir uns der Auswahl und Kombination von Schriftarten widmen, gehen wir auf die grundlegenden Begriffe ein. Wenn Sie bereits Erfahrung haben und mit der Klassifikation und Terminologie vertraut sind, k\u00f6nnen Sie diesen Abschnitt \u00fcberspringen.<\/p>\n\n\n\n

Beginnen wir mit der \u00dcberpr\u00fcfung der verschiedenen Schriftarten<\/a>.\u00a0<\/p>\n\n\n\n

Es gibt drei Haupttypen:\u00a0<\/p>\n\n\n\n

    \n
  1. Wenn eine Schriftart keinen Kontrast aufweist (alle Striche haben das gleiche Gewicht) und keine Serifen hat, handelt es sich um eine Sans-Serif<\/a>-Schrift (Grotesk);\u00a0<\/li>\n\n\n\n
  2. Wenn Sie Serifen sehen, aber immer noch keinen ausgepr\u00e4gten Kontrast, ist die Schriftart eine Slab<\/a>;\u00a0<\/li>\n\n\n\n
  3. Wenn eine Schriftart Serifen und hohen Kontrast hat, handelt es sich um eine Serif<\/a>-Schrift (Antiqua);\u00a0<\/li>\n\n\n\n
  4. Und wenn Sie die Serifen von einer Antiqua entfernen, erhalten Sie eine kontrastreiche Sans-Serif.\u00a0<\/li>\n<\/ol>\n\n\n\n
    \"Choosing<\/figure>\n\n\n\n

    Derzeit sind die beliebtesten Schriftkategorien Sans-Serif und Serif, daher wird unser Hauptaugenmerk in diesem Artikel auf ihnen liegen. Es gibt jedoch viele weitere Schriftarten. Eine detailliertere Schriftklassifikation finden Sie in unserem Artikel \u201eLektion 1. Schriftkategorien<\/a>\u201c.\u00a0<\/p>\n\n\n\n

    Ein weiteres Merkmal, auf das Sie achten sollten, ist, wie offen oder geschlossen die \u00d6ffnung der Buchstaben ist. Um besser zu verstehen, was \u00d6ffnung bedeutet, schauen Sie sich die Beispiele links und rechts an. Der Buchstabe C links neigt zur Geschlossenheit, w\u00e4hrend er rechts zur Offenheit strebt. Nat\u00fcrlich gibt es zwischen diesen beiden Extrempunkten viele Zwischenoptionen. <\/p>\n\n\n\n

    \"Choosing<\/figure>\n\n\n\n

    Wenn wir tiefer in die Klassifikation eintauchen, k\u00f6nnen wir die Offenheit der \u00d6ffnung mit einem weiteren wesentlichen Parameter kombinieren: den Proportionen der Schrift. Abgerundete, rechteckige und dreieckige Zeichen innerhalb einer Schrift k\u00f6nnen unterschiedliche Breiten haben. In den obigen Beispielen sind die Buchstaben O und A deutlich breiter als H, E und S.<\/p>\n\n\n\n

    \"Choosing<\/figure>\n\n\n\n

    Die Zeichen k\u00f6nnen auch zu gleichen Breiten tendieren, wie in den folgenden Beispielen gezeigt. <\/p>\n\n\n\n

    So ergeben verschiedene Kombinationen von Proportionen und Offenheit mehrere Schriftarten oder Klassifikationsgruppen (vorausgesetzt, wir vereinfachen die Klassifikation erheblich). Unter den Sans-Serif<\/a>-Schriften sind die Haupttypen Geometrisch<\/a> (mit abgerundeten geometrischen Ovalen und deutlich geschlossener \u00d6ffnung), Humanistisch<\/a> (\u00e4hnlich wie Geometrisch in den Proportionen, aber mit handgemachter Note und offenen Formen) und Neo-Grotesken (die neutralsten der drei, gekennzeichnet durch statischen Satz und mittelgeschlossene \u00d6ffnung). Zweifellos gibt es unter modernen Schriftarten viele gemischte Optionen, wie statische Proportionen typisch f\u00fcr Neo-Grotesken kombiniert mit humanistischer offener \u00d6ffnung.\u00a0<\/p>\n\n\n\n

    \"Choosing<\/figure>\n\n\n\n

    Sie sollten auch auf die Formen der Zeichen achten. Ihre zahlreichen Variationen beeinflussen die Atmosph\u00e4re und Stimmung der Schrift. Nehmen Sie zum Beispiel die weichen zweist\u00f6ckigen Buchstaben a und g in humanistischen Sans-Serif-Schriften und vergleichen Sie sie mit den pr\u00e4zisen und resonanten abgerundeten Formen der einst\u00f6ckigen a und g in geometrischen Sans-Serif-Schriften. Neo-Grotesken haben hier eine markante Form des Buchstabens R und der Endungen der Buchstaben g und y. Dieses Sans-Serif-Beispiel sticht jedoch auch durch bewusst gestaltete Formen hervor, daher w\u00fcrde ich eher sagen, es ist eine Display-Schrift, was eine ausdrucksstarke Schrift f\u00fcr gro\u00dfe Punktgr\u00f6\u00dfen bedeutet. <\/p>\n\n\n\n

    Konzentrieren wir uns mehr auf die Unterteilung in Display- und Textschriften. Textschriften sind in kleinen Punktgr\u00f6\u00dfen leicht lesbar, ohne die Aufmerksamkeit des Lesers durch \u00fcberm\u00e4\u00dfige Eigenheiten abzulenken. Folglich haben diese Schriften einen geringen oder keinen Kontrast und neutrale Zeichenformen. Die andere Kategorie sind \u00dcberschriftenschriften, die ausdrucksstark genug f\u00fcr gro\u00dfe Punktgr\u00f6\u00dfen sind. Sie k\u00f6nnen durch hohen Kontrast oder charismatische Glyphenformen gekennzeichnet sein. Wie Sie wahrscheinlich bereits wissen, gibt es auch hier viele gemischte Optionen, wie wenn eine Schrift nicht zu auff\u00e4llig ist, aber dennoch nicht bequem genug ist, um lange Texte in kleiner Punktgr\u00f6\u00dfe zu lesen. Dies k\u00f6nnen spezifische Unter\u00fcberschrift-Stile innerhalb einer Schriftfamilie sein, wie bei TT\u00a0Livret<\/a>. Oder zum Beispiel fette Schriftstile selbst der neutralsten Sans-Serif-Schriften.\u00a0<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Schriftarten ausw\u00e4hlen und kombinieren Schriftarten f\u00fcr das Projekt ausw\u00e4hlen\u00a0<\/h2>\n\n\n\n

    Es ist Zeit, den Einf\u00fchrungsteil zu beenden und zum Hauptthema \u00fcberzugehen. Wir beginnen mit einigen Empfehlungen zur Auswahl einer Schriftart f\u00fcr Ihr Projekt. <\/p>\n\n\n\n

    Es gibt viele Schriftarten zu erkunden, daher ist es leicht, sich in dieser Vielfalt an Optionen zu verlieren. Deshalb ist es am besten, die Suche zun\u00e4chst einzugrenzen. Der offensichtlichste Weg, dies zu tun, ist das Festlegen technischer Grenzen und Anforderungen. Legen Sie zum Beispiel die unterst\u00fctzten Sprachen fest. Wenn Sie Unterst\u00fctzung f\u00fcr kyrillische Sprachen suchen, wird die Auswahl an geeigneten Schriftarten erheblich schrumpfen. Der Rest h\u00e4ngt vom Projekt ab. Stellen Sie sich vor, Sie kennen das bevorzugte Gewicht f\u00fcr die Schrift und einige spezifische OpenType-Funktionen, die Sie ben\u00f6tigen. Sie planen, eine Vielzahl von Tabellen zu erstellen, daher sind Tabellenziffern f\u00fcr Sie unerl\u00e4sslich. Die Liste kann je nach Wesen Ihres Projekts weitergehen. <\/p>\n\n\n\n

    Dann sollten Sie sich fragen, wo und wie die Schrift verwendet wird und welche Funktionen sie im Projekt erf\u00fcllen wird. Ben\u00f6tigen Sie eine Text- oder Display-Schrift? Muss sie neutral oder auff\u00e4llig sein? Danach k\u00f6nnen Sie Ihre Anforderungen weiter spezifizieren, wenn die Schrift zum Beispiel in kleinen Punktgr\u00f6\u00dfen leicht lesbar sein und wenig Platz einnehmen muss, weil sie in Layouts mit schmalen Spalten verwendet wird. Dies sind nur einige der offensichtlichsten Anforderungen an eine Schriftart. F\u00fcr jedes einzelne Projekt m\u00fcssen spezifische Anforderungen definiert werden. Lassen Sie uns mehrere reale Beispiele betrachten. <\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Im linken Bild sehen wir, dass die Schrift die Grundlage des gesamten Designs bildet \u2013 sie setzt die allgemeine Atmosph\u00e4re. Lesbarkeit bei kleinen Punktgr\u00f6\u00dfen war in diesem Fall jedoch nicht notwendig. Deshalb wurde die charismatische und lebendige TT\u00a0Trailers<\/a> f\u00fcr das Design ausgew\u00e4hlt. Das Beispiel rechts stellt eine andere Situation dar: Die Schrift vermittelt Informationen, bleibt neutral, lenkt nicht vom Foto ab und ist in kleiner Punktgr\u00f6\u00dfe bequem zu lesen.\u00a0<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Hier muss die Schrift links bequem zum Lesen von Texten sein, w\u00e4hrend sie ordentlich und f\u00fcr kleine \u00dcberschriften geeignet ist. Die Schrift rechts wird nur f\u00fcr kurze Phrasen in gro\u00dfer Punktgr\u00f6\u00dfe verwendet; deshalb ist ein ausdrucksst\u00e4rkeres Aussehen f\u00fcr sie akzeptabel. <\/p>\n\n\n\n

    Durch die Beantwortung dieser Fragen werden Sie die Schriftauswahl bereits erheblich eingrenzen. Nun m\u00fcssen Sie aus den verbleibenden Optionen eine Schrift mit der notwendigen Stimmung ausw\u00e4hlen. Wir haben bereits fr\u00fcher bemerkt, dass Schriftarten entweder die gesamte Atmosph\u00e4re des Projekts setzen oder sie nur unterst\u00fctzen k\u00f6nnen, indem sie andere Designelemente hervorheben. Denken Sie daran, dass jede Schrift eine Pers\u00f6nlichkeit hat, selbst die neutralste.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Schauen wir uns weitere Beispiele an. Links vermittelt TT\u00a0Ricordi<\/a> Fulmini die Hauptidee des Projekts auf die direkteste Weise \u2013 es wird im neuesten Harry-Potter-Dokumentarfilm verwendet und wirkt fast wie eine Illustration. Das zweite Beispiel zeigt eine \u201eArbeitspferd-Schrift\u201c, die funktional ist und nicht zu viel Aufmerksamkeit auf sich zieht. Aber diese Schrift existiert nicht allein. Ihre leicht brutalen, definierten Formen machen klar, dass wir uns auf der Website eines IT-Unternehmens befinden.\u00a0<\/p>\n\n\n\n

    Die Pers\u00f6nlichkeit einer Schrift ist ein eher abstrakter Begriff, der schwer in Worte zu fassen ist. Um Ihre Gef\u00fchle zu ordnen, k\u00f6nnen Sie sie in mehrere Komponenten zerlegen, die Sie dann separat analysieren k\u00f6nnen: den Rhythmus der Schrift, die Textur, die Proportionen und die Formen ihrer Zeichen. Dies ist die Kombination der Hauptelemente, die einen Eindruck auf uns machen, wenn wir eine Schrift betrachten. Hier sind mehrere Beispiele daf\u00fcr. <\/p>\n\n\n\n

    \"Choosing<\/figure>\n\n\n\n

    TT\u00a0Autonomous<\/a> wirkt brutal wegen seines rauen und eckigen Innenraums, quadratischer Formen und Zeichenst\u00e4rke. Es ist auch dynamisch durch die aktiven und rhythmischen Diagonalen und Zeichenbreiten. Sein Gewicht, seine Breite und die breiten Fundamente der Buchstaben r, i und l lassen es selbstbewusst wirken.\u00a0<\/p>\n\n\n\n

    TT\u00a0Trailers<\/a> wirkt weich und verspielt mit seinen nach innen gebogenen Endungen. Es ist jedoch auch ziemlich exzentrisch, da es extrem kondensiert ist und eine sichtbare Textur sowie auff\u00e4llige Kompensatoren hat.\u00a0<\/p>\n\n\n\n

    Schlie\u00dflich zeichnet sich TT\u00a0Ricordi Allegria<\/a> durch klassische Proportionen und geringen Kontrast mit einem eleganten \u00dcbergang von d\u00fcnnen zu fetten Strichen aus. Die Schrift ist ruhig und stabil, mit nur statischen Gro\u00dfbuchstaben. All diese Eigenschaften verleihen TT Ricordi Allegria ein erstklassiges und exquisites Gef\u00fchl.\u00a0<\/p>\n\n\n\n

    \"Choosing<\/figure>\n\n\n\n

    Die Charakterisierung einer Display-Schrift ist nicht allzu schwierig. Eine neutrale Schriftart zu erkunden ist eine andere Sache: Hier sollten Sie die Nuancen sorgf\u00e4ltig betrachten.\u00a0<\/p>\n\n\n\n

    Im Fall von TT\u00a0Hoves Pro<\/a> verleihen gerade Endungen bei den Buchstaben t, r und y sowie auff\u00e4llige horizontale Balken an den Stellen der diagonalen Schnittpunkte in N und v der Schrift eine technologische Qualit\u00e4t. Die Proportionen der Schrift sind statisch, die Textur ist glatt, und die Zeichen sind nicht zu schmal, mit viel Wei\u00dfraum im Inneren. Dies erzeugt ein solides und selbstbewusstes Gef\u00fchl.\u00a0<\/p>\n\n\n\n

    TT\u00a0Commons Pro<\/a> scheint auf den ersten Blick TT Hoves Pro \u00e4hnlich zu sein, aber bei genauerem Hinsehen erzeugt es ein v\u00f6llig anderes Gef\u00fchl. Seine B\u00f6gen sind glatter, die Glyphen sind schmaler, die Ovale sind quadratischer, und die Form des Buchstabens o ist leicht diamantartig. Folglich wirkt TT Commons Pro eher elegant und sogar ein wenig zerbrechlich.\u00a0<\/p>\n\n\n\n

    TT\u00a0Livret<\/a> Text verf\u00fcgt \u00fcber klare und starre Zeichenformen, die selbstbewusst wirken. Die Schrift weist keine Sporen oder Tropfen auf, die typisch f\u00fcr klassischere Serifen sind. Auch der Kontrast der Striche ist hier f\u00fcr eine Serif relativ gering. Diese Eigenschaften verleihen der Schrift ein modernes Aussehen. Endungen und Strichabschl\u00fcsse in vielen Glyphen sind nach rechts gerichtet und leicht nach oben geneigt, wie bei den Buchstaben a, t, e und c \u2013 dies macht die Schrift dynamischer.\u00a0<\/p>\n\n\n\n

    Tipps zum Kombinieren von Schriftarten\u00a0<\/h2>\n\n\n\n

    Alles, was wir im vorherigen Abschnitt behandelt haben, kann sowohl auf die Auswahl einer einzelnen Schriftart als auch auf mehrere Schriftoptionen f\u00fcr Ihr Projekt angewendet werden. Wenn Sie zwei Schriftarten kombinieren m\u00f6chten, m\u00fcssen Sie sie auf die gleiche Weise analysieren. Lassen Sie uns nun die M\u00f6glichkeiten erkunden, zwei Schriftarten zu verbinden. <\/p>\n\n\n\n

    Denken Sie daran, dass Sie zun\u00e4chst das Ziel Ihres Projekts bestimmen m\u00fcssen. Ohne dies fehlt Ihren Entscheidungen die Grundlage. Danach m\u00fcssen Sie die Hierarchie festlegen \u2013 entscheiden, welche Schrift prim\u00e4r und welche sekund\u00e4r sein wird. F\u00fcr die prim\u00e4re Schrift empfehle ich, diejenige auszuw\u00e4hlen, die Sie am h\u00e4ufigsten verwenden werden. Die endg\u00fcltige Entscheidung h\u00e4ngt jedoch von einem spezifischen Projekt ab. <\/p>\n\n\n\n

    Die wichtigste Anforderung, die Sie beim Mischen von Schriftarten im Hinterkopf behalten sollten, ist, dass eine klare, sichtbare Verbindung zwischen ihnen bestehen muss. Ihre \u00c4hnlichkeiten und Unterschiede m\u00fcssen sehr offensichtlich sein. Daher funktionieren Schriftarten, die zu \u00e4hnlich sind, nicht gut zusammen, ebenso wie solche, die keine klare Verbindung haben. <\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Beginnen wir mit einem schlechten Beispiel. Hier sehen wir zwei Sans-Serif<\/a>-Schriften mit denselben Proportionen und verwandten Formen. Beide Schriften sind keine Display<\/a>-Schriften. Dies ist ein Beispiel f\u00fcr zwei \u00e4hnliche Schriftarten. Der Zweck, beide dieser Sans-Serif-Schriften in einem Mockup zu verwenden, ist unklar, denn die Verwendung nur einer von ihnen h\u00e4tte ausgereicht. Das Mischen von Sans-Serif-Schriften ist ziemlich riskant, und viele Designer empfehlen dies nicht. Pers\u00f6nlich habe ich nichts gegen Sans-Serif-Kombinationen, wenn sie sorgf\u00e4ltig genug durchdacht sind. Etwas sp\u00e4ter werde ich erkl\u00e4ren, was ich meine.\u00a0<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Hier ist, was h\u00e4tte getan werden k\u00f6nnen. Wir haben TT\u00a0Commons<\/a> beibehalten und ein Schriftpaar ausgew\u00e4hlt, das in Natur, Proportionen und Glyphenformen \u00e4hnlich ist, aber zu einer anderen Schriftkategorie geh\u00f6rt \u2013 Slab-Serifen. In diesem Fall wurden die Unterschiede offensichtlich. Die Mischung aus einer Sans-Serif und einer Serif (in unserem Fall Slab-Serif) kann als klassisch bezeichnet werden. Sie k\u00f6nnen sie ohne Z\u00f6gern verwenden.\u00a0<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Betrachten Sie ein weiteres \u00e4hnliches Beispiel, aber die Serif arbeitet hier in der \u00dcberschrift, und die Schriftarten sind nicht mehr so \u00e4hnlich. Hier ist die \u00c4hnlichkeit nur in den Satztexturen wahrnehmbar. Sie sind bei beiden Schriften relativ dicht. Um das zu verdeutlichen, gebe ich Ihnen ein Beispiel, wo die Texturen nicht so gut zusammenarbeiten.\u00a0<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Hier haben wir eine andere Sans-Serif verwendet, und es ist offensichtlich geworden, dass ihre Textur viel lockerer ist als die der Serif. Sie k\u00f6nnen die Dissonanz zwischen ihnen sp\u00fcren. Es ist jedoch m\u00f6glich, dieses Gef\u00fchl zu beseitigen, ohne die Schriftarten zu \u00e4ndern.\u00a0<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Wir haben die Serif etwas gr\u00f6\u00dfer gemacht, um buchst\u00e4blich mehr Wei\u00dfraum im Inneren zu haben. F\u00fcr die Sans-Serif haben wir die Kontextalternative f\u00fcr den Buchstaben a hinzugef\u00fcgt, ihn von einer abgerundeten einst\u00f6ckigen Glyphe in eine zweist\u00f6ckige verwandelt, was den Satz etwas weniger luftig machte. Jetzt erg\u00e4nzen sich die Schriftarten als Paar besser.<\/p>\n\n\n\n

    \"Choosing<\/figure>\n\n\n\n

    Schauen Sie sich dieses Beispiel f\u00fcr die Kombination von zwei Sans-Serif<\/a>-Schriften an. In diesem Fall haben wir einen klaren Kontrast in der Breite verwendet \u2013 eine weitere effektive Technik beim Schriftkombinieren. Es erfordert pr\u00e4zise Arbeit mit der Gr\u00f6\u00dfe der schmalen Schrift. Um ihre Textur im Vergleich zur Textschrift weniger dicht zu machen, sollte die \u00dcberschrift deutlich gr\u00f6\u00dfer sein.\u00a0<\/p>\n\n\n\n

    \"Choosing<\/figure>\n\n\n\n

    Nun betrachten wir die Kombination von Serifen, die ebenfalls eine Herausforderung darstellt. In diesem Fall verwenden wir TT\u00a0Ricordi Marmo<\/a> als Display-Paar f\u00fcr TT\u00a0Livret<\/a>. Ihre Grafiken sind offensichtlich unterschiedlich. Diese Schriftarten sind jedoch in den Glypentexturen \u00e4hnlich \u2013 und das ist es, was sie verbindet.<\/p>\n\n\n\n

    \"Choosing<\/figure>\n\n\n\n

    Beobachten Sie ein weiteres \u00e4hnliches Beispiel, das eine noch lebendigere Schriftmischung zeigt. Hier sehen wir die Unterschiede in den Breiten und der Ausdruckskraft der Schriftarten und ihre \u00c4hnlichkeiten in den Glyphenformen, grafischen L\u00f6sungen und der gesamten Designtextur. <\/p>\n\n\n\n

    Schlie\u00dflich haben wir verschiedene M\u00f6glichkeiten der Kombination von Schriftgrafiken erkundet. Nun k\u00f6nnen wir auf die n\u00e4chste Stufe \u00fcbergehen und lernen, ihre Pers\u00f6nlichkeiten zu mischen. Wir w\u00e4hlen bestimmte Schriftarten aus einem Grund: um Informationen zu vermitteln. Ich empfehle immer, sich vorzustellen, wie sie im Mockup zusammenarbeiten werden. Sie k\u00f6nnen sich sogar vorstellen, wie die Schriftarten miteinander kommunizieren w\u00fcrden, wenn sie Menschen w\u00e4ren. <\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Nehmen wir die Mischung aus einer Display-Serif TT\u00a0Espina<\/a> und einer Text-Serif TT\u00a0Barrels<\/a> und ersetzen letztere durch TT\u00a0Commons<\/a>.\u00a0<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Meiner Meinung nach tendiert die Natur von TT Espina dazu, \u00e4ngstlich zu sein. TT Barrels beruhigt sie nicht. Im Gegenteil, sie scheint sich TT Espina in dieser Nervosit\u00e4t anzuschlie\u00dfen. Die endg\u00fcltige Kombination wird st\u00f6rend. Das ist weder gut noch schlecht \u2013 es ist eine Tatsache. Es w\u00fcrde zum Beispiel f\u00fcr ein atmosph\u00e4risches Projekt mit gotischer \u00c4sthetik funktionieren. TT Commons hingegen passt zu TT Espina in Zerbrechlichkeit und Eleganz, aber sein Charakter ist auch au\u00dfergew\u00f6hnlich ruhig. Als Schriftpaar f\u00fcr TT Espina unterdr\u00fcckt TT Commons sie nicht oder verst\u00e4rkt ihre Nervosit\u00e4t, sondern dient als Hintergrund f\u00fcr die Ausdruckskraft dieser Serif.\u00a0<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Gehen wir weiter und versuchen, TT\u00a0Espina<\/a> mit einer selbstbewussten Schrift wie TT\u00a0Hoves<\/a> zu kombinieren. Interessanterweise machen diese beiden Schriftarten zusammen in gro\u00dfen Punktgr\u00f6\u00dfen und \u00e4hnlich skaliert keinen Eindruck eines ausgewogenen Schriftpaares. Die solide Natur von TT Hoves erstickt die Zerbrechlichkeit von TT Espina. In dieser Gr\u00f6\u00dfe funktioniert die Kombination mit TT\u00a0Commons<\/a> besser.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Aber wenn TT\u00a0Hoves<\/a> deutlich kleiner gemacht und f\u00fcr den Textschreibsatz verwendet wird, wird es TT\u00a0Espina<\/a> nicht mehr unterdr\u00fccken. Auf diese Weise bietet TT Hoves seinem Paar eine starke Schulter, w\u00e4hrend der sichtbare Kontrast zwischen den beiden Schriftarten erhalten bleibt. TT\u00a0Commons<\/a> schneidet in diesem Kontext deutlich schlechter ab.\u00a0<\/p>\n\n\n\n

    Schriftarten k\u00f6nnen \u00fcberraschend tiefe Beziehungsdynamiken haben!<\/p>\n\n\n\n

    Lifehacks<\/h2>\n\n\n\n

    All diese Informationen k\u00f6nnen zun\u00e4chst unklar und be\u00e4ngstigend sein. Wenn Sie also beim Ausw\u00e4hlen und Kombinieren von Schriftarten Zweifel haben, nutzen Sie ruhig diese Lifehacks. Versuchen Sie zun\u00e4chst, verschiedene Unterfamilien innerhalb einer Schriftfamilie zu kombinieren. <\/p>\n\n\n\n

    Zweitens, ziehen Sie Schriftarten in Betracht, die von einem Autor entworfen wurden, da sie normalerweise erstaunlich gut zusammenpassen. \u00dcberzeugen Sie sich selbst.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Hier ist eine klassische Kombination von Display- und Text-Unterfamilien, die zur gleichen Schriftart geh\u00f6ren. Dies ist wahrscheinlich die sicherste Option.\u00a0<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Hier sehen Sie eine Standardmischung aus Sans-Serif und Serif aus einer Familie. Es ist jedoch eine Herausforderung, solch umfassende Schriftarten zu finden.\u00a0<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Es ist viel einfacher, Schriftarten zu finden, die vom gleichen Autor erstellt wurden. Jeder Schriftgestalter hat seinen charakteristischen Stil. Aus diesem Grund ist es m\u00f6glich, \u00c4hnlichkeiten selbst zwischen v\u00f6llig unterschiedlichen Schriftarten zu finden \u2013 in Glyphenkonstruktionen oder Designnatur. Das bedeutet, dass wir immer noch mit \u00c4hnlichkeiten und Unterschieden zwischen zwei Schriftarten arbeiten, w\u00e4hrend wir uns absichern, indem wir innerhalb der Grenzen des Stils eines bestimmten Autors bleiben. Hier geh\u00f6ren zum Beispiel TT\u00a0Ramillas<\/a> und TT\u00a0Commons<\/a> zu unterschiedlichen Klassifikationskategorien und haben unterschiedliche Glyphenkonstruktionen, sind aber dennoch in Proportionen und allgemeiner Designeleganz \u00e4hnlich.\u00a0<\/p>\n\n\n\n

    Schlussgedanken<\/h2>\n\n\n\n

    Fassen wir alles zusammen, was Sie wissen m\u00fcssen, um Schriftarten zu mischen. Eine wesentliche Sache ist, zu lernen, Schriftarten zu analysieren, um sie besser zu f\u00fchlen und zu verstehen. Das kommt mit viel \u00dcbung, Experimenten und Versuchen herauszufinden, warum Ihnen eine bestimmte Schriftart oder ein Schriftpaar gef\u00e4llt. Auch das Betrachten von Beispielen anderer Projekte ist immer n\u00fctzlich. Eine weitere wesentliche Sache ist, eine sehr klar definierte Vorstellung von Ihrem Projekt und dem Platz der Schrift darin zu haben. <\/p>\n\n\n\n

    Ich habe den vorherigen Abschnitt des Artikels aus einem Grund \u201eTipps\u201c und nicht \u201eRegeln\u201c genannt. Egal wie sehr wir definieren m\u00f6chten, was richtig oder falsch ist, es gibt keine expliziten Regeln f\u00fcr das Mischen von Schriftarten. Es gibt jedoch grundlegende Prinzipien, die Sie nutzen k\u00f6nnen, um Ihre eigenen Entscheidungen zu treffen. Schlie\u00dflich k\u00f6nnen mit Geschick und Mut sogar zwei Schriftarten, die unvereinbar erscheinen, dazu gebracht werden, sich zu erg\u00e4nzen.<\/p>\n\n\n\n

    N\u00fctzliche Ressourcen\u00a0<\/h2>\n\n\n\n

    Um Ihnen das tiefergehende Eintauchen in die Analyse von Schriftpaaren zu erleichtern, teile ich mehrere wertvolle Ressourcen mit Ihnen.<\/p>\n\n\n\n

      \n
    • fontsinuse.com.<\/strong> Hier finden Sie reale Beispiele bestimmter Schriftarten in verschiedenen Projekten, sehen, wie verschiedene Designer eine Schriftart verwenden, die Ihnen gef\u00e4llt, und mit welchen anderen Schriftarten sie sie kombinieren.\u00a0<\/li>\n\n\n\n
    • awwwards.com.<\/strong> Diese Website bietet hervorragende Beispiele moderner und mutiger Web-Typografie.\u00a0<\/li>\n<\/ul>\n\n\n\n

      Wenn Sie eine bestimmte Schriftkombination auf einer Website bemerkt haben, helfen Ihnen diese beiden Plugins herauszufinden, welche Schriftarten es sind:\u00a0<\/p>\n\n\n\n

        \n
      • Font Ninja<\/strong> ist das funktionalste. Neben der Anzeige von Schrifttiteln k\u00f6nnen Sie sie auch f\u00fcr Ihren Text ausprobieren.\u00a0<\/li>\n\n\n\n
      • Manchmal wechsle ich zum zweiten Plugin, WhatFont<\/strong>. Seine Funktionen sind grundlegender, aber es zeigt die Schrifttitel, wenn Sie \u00fcber den Text fahren.\u00a0<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"

        Das Entwerfen einer Schrift ist ein komplexer und sorgf\u00e4ltiger Prozess, der viel Erfahrung erfordert. Aber auch der Umgang mit einer fertigen Schrift kann viel Arbeit bedeuten. Unsere Kunden fragen uns oft, wie sie eine bestimmte Schrift am besten einsetzen und mit welchen anderen Schriften sie sie kombinieren k\u00f6nnen. Wir helfen bei der Auswahl einer geeigneten Schriftl\u00f6sung f\u00fcr das Projekt, ganz gleich, ob es sich um eine bestehende Schrift aus unserer Sammlung handelt oder um eine v\u00f6llig neue Schrift, die wir von Grund auf neu entwerfen. In diesem Artikel berichten wir \u00fcber unsere Erfahrungen.<\/p>\n","protected":false},"author":2,"featured_media":10000048508,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[892],"class_list":["post-27266","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-universitty"],"acf":{"show_sidebar":true},"_links":{"self":[{"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/posts\/27266","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/comments?post=27266"}],"version-history":[{"count":5,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/posts\/27266\/revisions"}],"predecessor-version":[{"id":47076,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/posts\/27266\/revisions\/47076"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/media\/10000048508"}],"wp:attachment":[{"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/media?parent=27266"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/categories?post=27266"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/tags?post=27266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}