{"id":8243,"date":"2022-03-23T17:17:57","date_gmt":"2022-03-23T14:17:57","guid":{"rendered":"https:\/\/typetype.org\/de\/?p=8243"},"modified":"2026-02-05T08:50:57","modified_gmt":"2026-02-05T05:50:57","slug":"change-faces-while-maintaining-the-layout-revealing-the-secrets-of-creating-the-uniwidth-font-tt-fellows","status":"publish","type":"post","link":"https:\/\/typetype.org\/de\/blog\/change-faces-while-maintaining-the-layout-revealing-the-secrets-of-creating-the-uniwidth-font-tt-fellows\/","title":{"rendered":"Ein neues Gesicht, ohne das Layout zu ver\u00e4ndern &#8211; Enth\u00fcllung der Geheimnisse bei der Entwicklung der Schrift TT Fellows mit einheitlicher Breite."},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/1-min-min-2.gif\" alt=\"\" class=\"wp-image-10000037310\"\/><\/figure>\n\n\n\n<p>Im&nbsp;Januar 2022 kam die neue TypeType-Schrift <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-fellows\/\">TT&nbsp;Fellows<\/a> auf den Markt. Fast sofort zog sie die Aufmerksamkeit von Designern auf der ganzen Welt auf sich. Kein Wunder, denn diese vielseitige, pr\u00e4gnante und funktionale Schrift eignet sich f\u00fcr die meisten modernen Projekte. <\/p>\n\n\n\n<p>Es&nbsp;ist eine Schrift, die das Layout nicht ruiniert, wenn man die Strichst\u00e4rke im&nbsp;Laufe des Projekts \u00e4ndern m\u00f6chte. Sie ist grafisch ansprechend und intuitiv zu&nbsp;bedienen. Die Verwendung von TT&nbsp;Fellows ist sicher und macht Spa\u00df. Es&nbsp;gibt nichts \u00dcberfl\u00fcssiges im&nbsp;Zeichensatz und es&nbsp;hat eine breite Sprachunterst\u00fctzung, die f\u00fcr eine breite Anwendung in&nbsp;einer Vielzahl von Aufgaben ausreicht. Es&nbsp;gibt n\u00fctzliche Funktionen und funktionelle Ligaturen. <\/p>\n\n\n\n<p>Trotz ihres neutralen Charakters kann die Schriftfamilie je&nbsp;nach Verwendungszweck eine ganz andere Stimmung vermitteln: Sie kann weich und ruhig, aber auch hell oder sogar brutal wirken. <\/p>\n\n\n\n<p>Wenn man dann noch bedenkt, dass TT&nbsp;Fellows die erste Schrift in&nbsp;der TypeType-Kollektion mit einheitlicher Breite ist, wird klar, dass eine solche Schrift keine Chance hat, unbemerkt zu&nbsp;bleiben. <\/p>\n\n\n\n<p>Neugierig geworden? Lassen Sie uns \u00fcber die neue Schrift im&nbsp;Detail sprechen. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Einheitliche Breite<\/strong> <\/h2>\n\n\n\n<p>Als wir die Idee f\u00fcr die neue Schrift hatten, wussten wir nur eines: Die TypeType-Schriftensammlung brauchte eine weitere neutrale Groteskschrift. Sie sollte wie die <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-norms-pro\/\">TT&nbsp;Norms<sup class=\"reg\">\u00ae<\/sup> Pro<\/a>, die <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-commons-pro\/\">TT&nbsp;Commons\u2122 Pro<\/a> oder die <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-hoves\/\">TT&nbsp;Hoves<\/a> sein, also funktional und mit einem m\u00f6glichst breiten Anwendungsbereich. Diese Schriften sind beliebt und komfortabel, modern und praktisch. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/TT-Fellows-compare-Reg.jpg\" alt=\"\" class=\"wp-image-1000008269\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/TT-Fellows-compare-Reg.jpg 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/TT-Fellows-compare-Reg-420x210.jpg 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/TT-Fellows-compare-Reg-1024x512.jpg 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/TT-Fellows-compare-Reg-768x384.jpg 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/TT-Fellows-compare-Reg-1200x600.jpg 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/TT-Fellows-compare-Reg-600x300.jpg 600w, https:\/\/typetype.org\/de\/wp-content\/uploads\/TT-Fellows-compare-Reg-80x40.jpg 80w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>Eine Schrift zu&nbsp;entwerfen, die diesen bereits ver\u00f6ffentlichten Schriften \u00e4hnelt, erschien uns jedoch nicht als die interessanteste Aufgabe. Alle oben genannten Schriften sind geometrische <a href=\"https:\/\/typetype.org\/de\/fonts\/serif\/\">serifenlose<\/a> Schriften, also beschlossen wir, den Stil der neuen Schrift zu&nbsp;\u00e4ndern. Geometrie ist nach wie vor gefragt und \u00e4sthetisch, dachten wir, aber wir hatten praktisch keine <a href=\"https:\/\/typetype.org\/de\/fonts\/humanistic\/\">humanistischen Schriften<\/a> in&nbsp;unserem Arsenal, also war es&nbsp;an&nbsp;der Zeit, das zu&nbsp;\u00e4ndern. <\/p>\n\n\n\n<p>Im&nbsp;Allgemeinen \u00e4hneln sich geometrische und humanistische serifenlose Schriften in&nbsp;ihrer Neutralit\u00e4t und Universalit\u00e4t. Der Unterschied besteht darin, dass die geometrischen Groteskschriften in&nbsp;der Regel keinen auff\u00e4lligen Geist haben, die Zeichenformen dieser Schriften bestehen aus einfachen geometrischen Formen. Sie sind in&nbsp;der Regel kontrastarme Schriften mit unterschiedlichen Breiten, w\u00e4hrend humanistische Schriften kontrastreiche Schriften mit unterschiedlichen Breiten sind. Bei den humanistischen Groteskschriften werden die Buchstaben weicher, und es&nbsp;entstehen Bez\u00fcge zu&nbsp;den Serifen. <\/p>\n\n\n\n<p>Es\u00a0ist schwierig, <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-fellows\/\">TT\u00a0Fellows<\/a> als vollst\u00e4ndig humanistisch zu\u00a0bezeichnen: Sie hat weiche Z\u00fcge, aber gleichzeitig auch mechanistische Motive, und in\u00a0den regelm\u00e4\u00dfigen Schnitten kann man sie mit Neo-Grotesken vergleichen. Es\u00a0ist etwas dazwischen entstanden, denn wir haben von jedem Stil die Merkmale \u00fcbernommen, die uns f\u00fcr das neue Projekt attraktiv erschienen.<\/p>\n\n\n\n<p>Wir wollten eine neutrale serifenlose Schrift schaffen, die nicht wie <a href=\"https:\/\/typetype.org\/de\/fonts\/bestseller\/\">die gro\u00dfen Bestseller<\/a> des Studios aussieht, aber gleichzeitig in&nbsp;der Lage ist, ihnen im&nbsp;Arsenal des Benutzers Gesellschaft zu&nbsp;leisten&nbsp;\u2014 so&nbsp;in&nbsp;etwa lassen sich unsere ersten Gedanken zur Schriftfamilie formulieren. Nat\u00fcrlich wollten wir auch den Umfang der Schrift nicht einschr\u00e4nken, sondern im&nbsp;Gegenteil fast grenzenlos machen. <\/p>\n\n\n\n<p>Schriftarten mit einheitlicher Breite sind eine sehr interessante und attraktive, aber nicht sehr verbreitete Kategorie in&nbsp;der Welt der Schriften. Bei diesen Schriften \u00e4ndert sich die Breite des em-Quadrat nicht von Stil zu&nbsp;Stil, d.&nbsp;h. auch wenn man den Fettdruck erh\u00f6ht, wird die Schrift nicht breiter, sondern bleibt an&nbsp;der gleichen Stelle. <\/p>\n\n\n\n<p>Bei <a href=\"https:\/\/typetype.org\/de\/fonts\/classic\/\">klassischen Schriftfamilien <\/a>funktioniert das&nbsp;so: Je&nbsp;fetter der Schnitt, desto breiter die Schrift. Das ist logisch, da&nbsp;fette Schriftschnitte mehr Platz ben\u00f6tigen, kann aber f\u00fcr den Benutzer zu&nbsp;Problemen f\u00fchren. <\/p>\n\n\n\n<p>Angenommen, ein Designer tippt einen Text in&nbsp;ein Layout ein und m\u00f6chte w\u00e4hrend des Schreibens den Stil \u00e4ndern. Leider muss nach einer solchen Manipulation das Layout ge\u00e4ndert und an&nbsp;die neue Breite angepasst werden, da&nbsp;der Satz unweigerlich besch\u00e4digt wird. Das Gleiche gilt f\u00fcr das Webdesign. Auf Websites werden h\u00e4ufig Schaltfl\u00e4chen verwendet, die beim Scrollen mit dem Mauszeiger die Schriftart \u00e4ndern und fetter werden. Auf diese Weise versteht der Besucher der Website, dass er&nbsp;den Mauszeiger \u00fcber einen bestimmten Button bewegt, aber im&nbsp;Design m\u00fcssen Sie den Button-Container an&nbsp;die neue Textbreite anpassen. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/3-1.gif\" alt=\"\" class=\"wp-image-10000037312\"\/><\/figure>\n\n\n\n<p>Bei einer Schriftart mit einheitlicher Breite gibt es&nbsp;solche Probleme nicht. Die Schrift bleibt gleich, auch wenn Sie die Schriftst\u00e4rke von der d\u00fcnnsten zur fettesten \u00e4ndern. Der Text bleibt innerhalb seiner Grenzen und ver\u00e4ndert seine Position nicht. Der Designer kann den Stil direkt im&nbsp;Layout \u00e4ndern, und der Webdesigner kann die notwendigen Stilparameter f\u00fcr alle Schaltfl\u00e4chen festlegen, ohne sich um&nbsp;die Gr\u00f6\u00dfe des Containers k\u00fcmmern zu&nbsp;m\u00fcssen.<\/p>\n\n\n\n<p>F\u00fcr Designer und Typesetter ist ein Font mit einheitlicher Breite ein Lebensretter und ein Geschenk des Himmels, aber im&nbsp;Schriftdesign schafft ein solcher Font gewisse Probleme, die Kompromissl\u00f6sungen erfordern. Dazu sp\u00e4ter mehr.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/4.gif\" alt=\"\" class=\"wp-image-10000037313\"\/><\/figure>\n\n\n\n<p>Das Konzept der zuk\u00fcnftigen Schrift steht also fest: eine serifenlose, universelle und neutrale Schrift mit einheitlicher Breite. \u00dcbrigens war TT&nbsp;Fellows die erste Schrift mit einer einheitlichen Breite f\u00fcr das Team, und so&nbsp;wurde das Projekt zu&nbsp;einem Punkt des beruflichen Wachstums. Wir haben uns selbst herausgefordert.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Die Recherche<\/h2>\n\n\n\n<p>Wir hatten es&nbsp;nicht eilig, mit der Entwicklung zu&nbsp;beginnen, denn bevor man sich auf ein neues Gebiet begibt, muss man das Thema gr\u00fcndlich recherchieren. Die Idee einer Schrift mit einheitlicher Breite (uniwidth) war keine Idee mehr, also mussten wir uns mit den Details auseinandersetzen, bevor wir die Schrift entwerfen konnten.<\/p>\n\n\n\n<p>F\u00fcr unsere Recherche w\u00e4hlten wir moderne uniwidth-Schriften von verschiedenen Schriftstudios aus, die auf dem Markt erh\u00e4ltlich waren. Es&nbsp;stellte sich heraus, dass es&nbsp;davon nicht allzu viele gibt.<\/p>\n\n\n\n<p>\u00dcbrigens gibt es&nbsp;im&nbsp;Schriftdesign die Kategorie der <a href=\"https:\/\/typetype.org\/de\/fonts\/monospaced\/\">Monospace-Schriften<\/a>, bei denen alle Zeichen in&nbsp;einer Punktgr\u00f6\u00dfe angeordnet sind. Aus diesem Grund m\u00fcssen die Buchstaben bei der Entwicklung einer Schrift stark modifiziert werden. Zum Beispiel wird ein i&nbsp;sehr breit und ein m&nbsp;sehr schmal.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/5-2-1.jpg\" alt=\"\" class=\"wp-image-10000034128\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/5-2-1.jpg 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/5-2-1-1024x363.jpg 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/5-2-1-768x273.jpg 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/5-2-1-1200x426.jpg 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/5-2-1-420x149.jpg 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/5-2-1-600x213.jpg 600w, https:\/\/typetype.org\/de\/wp-content\/uploads\/5-2-1-80x28.jpg 80w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>Ein Font mit einheitlicher Breite zeichnet sich dadurch aus, dass die Buchstaben innerhalb desselben Stils auf verschiedenen em-Quadraten platziert werden k\u00f6nnen, wodurch der Font vertraut und nicht so&nbsp;spezifisch wie ein Monospace-Font aussieht. Bei richtiger Gestaltung wird der Benutzer nichts Ungew\u00f6hnliches an&nbsp;der Form der Buchstaben bemerken, w\u00e4hrend innerhalb verschiedener Stile identische Buchstaben im&nbsp;selben em-Quadrat bleiben. Eine Schrift mit einheitlicher Breite ist also eine Kreuzung zwischen einer Monospace-Schrift und einer klassischen Schrift.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/6.gif\" alt=\"\" class=\"wp-image-10000037315\"\/><\/figure>\n\n\n\n<p>Unsere Recherche sollte zuk\u00fcnftige Herausforderungen und grafische L\u00f6sungen aufzeigen, die die Einschr\u00e4nkungen der Unibreite kompensieren.<\/p>\n\n\n\n<p>Wir wollten die graphischen Muster von Schriften mit einer Breite sofort erkennen und die visuellen L\u00f6sungen f\u00fcr bestimmte Glyphen erfassen. Nachdem wir verschiedene Beispiele studiert hatten, konnten wir die wichtigsten Punkte identifizieren.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Uniwidth-Schriftfamilien sind klein. Nat\u00fcrlich haben einige Typographie-Studios eine gro\u00dfe Anzahl von Schnitten hinzugef\u00fcgt, aber das sind immer noch Ausnahmef\u00e4lle. Die begrenzte Anzahl von Schnitten l\u00e4sst sich logisch erkl\u00e4ren, denn es&nbsp;ist nicht einfach, den d\u00fcnnsten und den fettesten Buchstaben im&nbsp;selben em-Quadrat unterzubringen und dabei einen gemeinsamen visuellen Charakter beizubehalten. Man muss schwierige Kompromisse eingehen, auf manches verzichten und ungew\u00f6hnliche grafische L\u00f6sungen finden.<\/li>\n\n\n\n<li>Wir haben die wichtigsten Proportionen der Buchstaben gemessen, d.h. die Parameter f\u00fcr Dicke und Breite, um\u00a0die Durchschnittswerte zu\u00a0ermitteln. In\u00a0allen Schriften sind die Proportionen der Buchstaben in\u00a0der Regel gleich breit und nicht sehr breit. In\u00a0unserer <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-norms-pro\/\">TT\u00a0Norms<sup class=\"reg\">\u00ae<\/sup> Pro<\/a> beispielsweise tendieren runde Zeichen zu\u00a0einem Kreis und n\u00a0zu\u00a0einem Rechteck. In\u00a0Schriften mit gleicher Breite tendieren die Proportionen von runden Buchstaben zu\u00a0einem Oval oder einem quadratischen Oval, und Buchstaben, die n\u00a0\u00e4hneln, nehmen \u00e4hnliche Eigenschaften an. Daf\u00fcr gibt es\u00a0eine Erkl\u00e4rung: Mit zunehmendem Gewicht k\u00f6nnen runde Zeichen stark verzerrt werden, und es\u00a0wird schwierig, sie in\u00a0breiten Schriften im\u00a0gleichen em-Quadrat zu\u00a0platzieren, damit sie zu\u00a0den d\u00fcnnen passen. Dieses Problem kann vermieden werden, wenn die runden Zeichen zuerst schmaler gemacht werden. Die quadratische Form gibt fetten Schriften mehr Wei\u00dfraum, ist aber keine Voraussetzung f\u00fcr die Gestaltung von Schriften mit einheitlicher Breite.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/7-1.jpg\" alt=\"\" class=\"wp-image-10000034130\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/7-1.jpg 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/7-1-1024x245.jpg 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/7-1-768x184.jpg 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/7-1-1200x288.jpg 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/7-1-420x101.jpg 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/7-1-600x144.jpg 600w, https:\/\/typetype.org\/de\/wp-content\/uploads\/7-1-80x19.jpg 80w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Buchstaben, die nur einen Schaft haben, wie z.B. i&nbsp;oder&nbsp;l, k\u00f6nnen nicht ohne <a href=\"https:\/\/typetype.org\/de\/fonts\/serif\/\">Serifen<\/a> bleiben, da&nbsp;sonst d\u00fcnne Schriften zu&nbsp;viel und fette Schriften zu&nbsp;wenig Wei\u00dfraum haben. Die Form solcher Buchstaben muss ausgeglichen werden, indem man Serifen hinzuf\u00fcgt oder die Form ver\u00e4ndert.<\/li>\n<\/ul>\n\n\n\n<p>An&nbsp;dieser Stelle enden unsere Untersuchungen zu&nbsp;Schriften mit einheitlicher Breite. Wir haben die wichtigsten Punkte f\u00fcr die weitere Arbeit herausgearbeitet und sind zu&nbsp;den Skizzen \u00fcbergegangen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Facetten<\/h2>\n\n\n\n<p>Wir haben uns nicht nur auf die gleichm\u00e4\u00dfige Breite als Hauptmerkmal der <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-fellows\/\">TT\u00a0Fellows<\/a> Schrift beschr\u00e4nkt. Die Idee, die Schrift um\u00a0eine weitere Funktion zu\u00a0erg\u00e4nzen, entstand ganz nat\u00fcrlich in\u00a0der Anfangsphase.<\/p>\n\n\n\n<p>Es\u00a0gibt eine wichtige Nuance im\u00a0Schriftdesign: Wenn eine Schrift aus einer gro\u00dfen Anzahl von Schnitten besteht, \u00e4ndert sich der Charakter der Zeichnung leicht von d\u00fcnn zu\u00a0fett. Da\u00a0das TypeType-Studio gerne gro\u00dfe und sehr gro\u00dfe Schriftfamilien entwirft, sind wir mit diesem Problem seit langem vertraut. Wenn eine Schrift sehr fett wird, wird ihr Charakter sp\u00fcrbar oder ver\u00e4ndert sich, auch wenn die Schrift urspr\u00fcnglich neutral war. Die bekannte <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-norms-pro\/\">TT\u00a0Norms<sup class=\"reg\">\u00ae<\/sup> Pro<\/a> zum Beispiel, die in\u00a0normalen Schriften keinen ausgepr\u00e4gten Charakter hat, kann an\u00a0manchen Stellen sowohl weich als auch brutal wirken.<\/p>\n\n\n\n<p>Man kann dies als Problem oder als Herausforderung betrachten und den Charakter mit verschiedenen grafischen L\u00f6sungen k\u00fcnstlich unterdr\u00fccken, oder man kann ihn zu&nbsp;seinem Vorteil nutzen und ihn zu&nbsp;einem Hauptmerkmal der Schrift machen. Genau das wollten wir mit den TT&nbsp;Fellows erreichen. <\/p>\n\n\n\n<p>Bei unseren Recherchen stellten wir fest, dass eine Vielzahl von Zeichen in&nbsp;Schriften mit einheitlicher Breite selten ist und von den Schriftstudios nur in&nbsp;begrenzten Mengen produziert wird. Wir erw\u00e4hnten, dass dies daran liegt, dass es&nbsp;schwierig sein kann, eine Glyphe in&nbsp;verschiedenen Gr\u00f6\u00dfen in&nbsp;dasselbe em-Quadrat einzupassen. Normalerweise suchen wir jedoch nicht nach einer einfachen L\u00f6sung, und so&nbsp;haben wir uns entschieden, 9&nbsp;Schriftschnitte zu&nbsp;erstellen&nbsp;\u2014 und wir sprechen hier nur von aufrechten Schriftschnitten! <\/p>\n\n\n\n<p>Um&nbsp;ehrlich zu&nbsp;sein, ist das ein Klassiker f\u00fcr TypeType-Schriften. Da&nbsp;es&nbsp;sich bei TT&nbsp;Fellows um&nbsp;eine Schrift mit nur einer Breite handelt, war es&nbsp;von Anfang an&nbsp;schwierig, die genaue Anzahl der Schriftschnitte festzulegen. Als wir mit der Arbeit an&nbsp;TT&nbsp;Fellows begannen, umfasste der erste Entwurf 8&nbsp;Schnitte. Dies war vor allem auf die Bef\u00fcrchtung zur\u00fcckzuf\u00fchren, dass eine fettere Schrift als ExtraBold nicht harmonisch und zu&nbsp;schmal wirken w\u00fcrde. Sp\u00e4ter wurde ExtraBold jedoch durch einen weiteren fetteren Schriftschnitt erg\u00e4nzt. Darauf werden wir in&nbsp;einem anderen Kapitel noch n\u00e4her eingehen. Aber f\u00fcr den Moment reicht es&nbsp;zu&nbsp;wissen, dass das gleiche em-Quadrat in&nbsp;allen Schriften uns nicht davon abgehalten hat, 18&nbsp;Schriftschnitte und 1&nbsp;<a href=\"https:\/\/typetype.org\/de\/fonts\/variable\/\">variablen Schriftschnitt<\/a> zu&nbsp;entwerfen. <\/p>\n\n\n\n<p>Wir wollten die Anzahl der Schriften nicht reduzieren, aber es&nbsp;schien uns eine interessante Herausforderung zu&nbsp;sein, den Geist der Schrift in&nbsp;verschiedenen Schnitten bewusst zu&nbsp;steuern. Man k\u00f6nnte meinen, dass nur unser Enthusiasmus dazu beigetragen hat, aber in&nbsp;Wirklichkeit haben wir in&nbsp;erster Linie an&nbsp;die Designer und anderen Benutzer der zuk\u00fcnftigen Schrift gedacht. Die richtige Schrift f\u00fcr die \u00dcberschriften zu&nbsp;finden, die gleichzeitig gut mit der <a href=\"https:\/\/typetype.org\/de\/fonts\/text\/\">Textschrift <\/a>harmoniert, kann eine schwierige Aufgabe sein. Ganz anders sieht es&nbsp;aus, wenn sich eine bereits vertraute Schrift an&nbsp;die Aufgabe anpassen kann und sowohl zur neutralen Textschrift als auch zur ausdrucksstarken <a href=\"https:\/\/typetype.org\/de\/fonts\/display\/\">Akzidenzschrift<\/a> wird. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img decoding=\"async\" src=\"https:\/\/typetype.ru\/wp-content\/uploads\/sites\/5\/sites\/3\/8.jpg\" alt=\"\" class=\"wp-image-8532\"\/><\/figure>\n\n\n\n<p>Genauer gesagt, wirken sehr fette Schnitte wie Black, ExtraBlack und ExtraBold wie eine Auszeichnungsschrift, auch wenn dies urspr\u00fcnglich nicht beabsichtigt war. F\u00fcr kleine Textmengen ist die Verwendung solcher Schnitte nicht sehr praktisch. Das Konzept bei der Arbeit an&nbsp;TT&nbsp;Fellows bestand darin, diese Eigenschaft von Anfang an&nbsp;zu&nbsp;ber\u00fccksichtigen und die fettesten Schriften als <a href=\"https:\/\/typetype.org\/de\/fonts\/display\/\">Displayschriften<\/a> zu&nbsp;erstellen. Dies wurde erreicht, indem die Graphiken und die graphischen Kompensationen ausdrucksst\u00e4rker gemacht und verschiedene Funktionen bei der Arbeit mit solchen Stilen hinzugef\u00fcgt wurden. Bei den kleinen und mittleren Schnitten musste die Schrift immer noch neutral sein, aber die Displayschriften wurden f\u00fcr die Arbeit mit gro\u00dfen Texten und \u00dcberschriften entworfen, so&nbsp;dass ihr Charakter eine gewisse Expressivit\u00e4t annehmen konnte.<\/p>\n\n\n\n<p>Nachdem wir uns mit den Eigenschaften einer Schrift mit einheitlicher Breite auseinandergesetzt hatten und die Idee der verschiedenen Schriften gutgehei\u00dfen hatten, begannen wir mit der Entwicklung der Schrift. Unsere Ideen inspirierten uns dazu, die H\u00f6hen des Schriftdesigns zu&nbsp;erklimmen, brachten aber auch viele professionelle Herausforderungen mit sich.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Die erste Herausforderung: Die einheitliche Breite (uniwidth)<\/h2>\n\n\n\n<p>In\u00a0der Anfangsphase legten wir die allgemeinen Merkmale der <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-fellows\/\">TT\u00a0Fellows<\/a> fest, obwohl sich die Schriftgrafik von der ersten bis zur letzten Skizze stark ver\u00e4nderte. Die Form der Ovale und B\u00f6gen hat sich nicht wesentlich ver\u00e4ndert. Die Ovale sind schmaler geworden, auf halbem Weg zwischen rund und eckig. Die B\u00f6gen sind harmonisch mit den Ovalen kombiniert und haben eher ruhige Formen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/8.jpg\" alt=\"\" class=\"wp-image-10000048477\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/8.jpg 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/8-1024x512.jpg 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/8-1200x600.jpg 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/8-768x384.jpg 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/8-420x210.jpg 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/8-600x300.jpg 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>Das Wichtigste bei der Gestaltung einer Schrift mit einheitlicher Breite ist die Arbeit mit den Proportionen. Die d\u00fcnnste Schrift sollte nicht zu&nbsp;au\u00dfergew\u00f6hnlich wirken, alle Zeichen sollten einen neutralen Charakter haben, ohne \u00fcberm\u00e4\u00dfig breite oder schmale Formen. Alle Buchstaben verschiedener Stile in&nbsp;dasselbe em-Quadrat zu&nbsp;setzen, so&nbsp;dass alles harmonisch aussieht, ist das Hauptziel, das in&nbsp;detaillierter und sorgf\u00e4ltiger Arbeit erreicht wird.<\/p>\n\n\n\n<p>Schwierigkeiten bereiteten vor allem die Buchstaben, die eine Diagonale haben. Im&nbsp;Lateinischen wurde dem k&nbsp;die gr\u00f6\u00dfte Aufmerksamkeit gewidmet. Das Wichtigste an&nbsp;diesem Zeichen ist seine Breite. In&nbsp;normalen Schriften ist die Breite dieser Zeichen in&nbsp;den Schnitten Black und Regular sehr unterschiedlich. Damit das k&nbsp;in&nbsp;diesen Schriften in&nbsp;der Breite gleich aussieht, muss das em-Quadrat in&nbsp;der Gr\u00f6\u00dfe stark variieren.<\/p>\n\n\n\n<p>In&nbsp;TT&nbsp;Fellows war die Breite bereits festgelegt. In&nbsp;den Thin-Stilen war es&nbsp;unm\u00f6glich, einen gro\u00dfen wei\u00dfen Raum an&nbsp;der Stelle zu&nbsp;lassen, an&nbsp;der ein diagonaler Zweig am&nbsp;Stamm befestigt ist, w\u00e4hrend das k&nbsp;nicht wie ein Display-Font-Buchstabe aussehen sollte. Wir haben lange mit dem Ansatzpunkt der Diagonalen gearbeitet, bis der Buchstabe in&nbsp;allen Stilen eine harmonische Form hatte. Denn w\u00e4hrend wir bei den schmalen Schnitten versuchten, zu&nbsp;viel Wei\u00dfraum zu&nbsp;vermeiden, versuchten wir bei den fetten Schnitten, zu&nbsp;wenig Wei\u00dfraum zu&nbsp;vermeiden.<\/p>\n\n\n\n<p>In&nbsp;der endg\u00fcltigen Version sieht das k&nbsp;in&nbsp;den d\u00fcnnen Schnitten breiter aus als gew\u00f6hnlich, aber das f\u00e4llt nur bei genauem Hinsehen auf. Das Gleiche gilt f\u00fcr die fetten Schnitte: Trotz der eingeschr\u00e4nkten Breite des em-Quadrats wirkt der Buchstabe harmonisch und, was noch wichtiger ist, durch die gleichm\u00e4\u00dfige Wei\u00dfverteilung im&nbsp;Text gut lesbar. Bei den fetten Schnitten f\u00fcr k&nbsp;haben wir Schnitte in&nbsp;die St\u00e4mme gemacht, die ungew\u00f6hnlich und ausdrucksstark aussehen. Wenn man bedenkt, dass die extrem fetten Schnitte urspr\u00fcnglich als Display-Schnitte geplant waren, sind wir mit der Form des Buchstabens vollauf zufrieden.<\/p>\n\n\n\n<p>Bei den kyrillischen Buchstaben \u043a&nbsp;und&nbsp;\u0436 verlief die Arbeit \u00e4hnlich. Es&nbsp;war wichtig, die Buchstaben in&nbsp;allen Stilen harmonisch und lesbar zu&nbsp;gestalten, und so&nbsp;\u00fcbernahmen wir alle charakteristischen Merkmale des&nbsp;k. Bei allen Zeichen mit einer Diagonalen k\u00e4mpften wir um&nbsp;die Breite, denn je&nbsp;gewagter die Glyphen wurden, desto mehr nahmen sie an&nbsp;Breite zu. Daher durften diese Buchstaben in&nbsp;den schmalen Schnitten nicht zu&nbsp;breit und in&nbsp;den fetten Schnitten nicht zu&nbsp;schmal wirken. Dies war eine Aufgabe, die wir w\u00e4hrend der gesamten Entwicklung der Schrift l\u00f6sen mussten.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/10_2.gif\" alt=\"\" class=\"wp-image-1000004399\"\/><\/figure>\n\n\n\n<p>Eine interessante Arbeit erwartete uns mit den lateinischen Buchstaben&nbsp;i, l, y&nbsp;und&nbsp;v. Die Besonderheit bei der Arbeit mit den Buchstaben i&nbsp;und l&nbsp;wurde bereits in&nbsp;der Forschungsphase definiert und bestand darin, dass diese Buchstaben nicht als separater Strich ohne unteres Kissen gezeichnet werden konnten, da&nbsp;sonst in&nbsp;d\u00fcnnen Schnitten zu&nbsp;viel Wei\u00dfraum entstehen w\u00fcrde.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/11_2.gif\" alt=\"\" class=\"wp-image-1000008572\"\/><\/figure>\n\n\n\n<p>Die graphischen L\u00f6sungen in&nbsp;TT&nbsp;Fellows wurden gr\u00f6\u00dftenteils aufgrund von Einschr\u00e4nkungen entwickelt, da&nbsp;die Arbeit mit einer Breitschrift eine Suche nach einem visuell ansprechenden und gleichzeitig praktischen Kompromiss ist. Die Formen der Buchstaben i&nbsp;und l&nbsp;wurden durch die Eigenheiten der Schrift bestimmt, erwiesen sich aber in&nbsp;allen Schriften als recht harmonisch.<\/p>\n\n\n\n<p>Die Buchstaben y&nbsp;und v&nbsp;wurden mit den gleichen Einschr\u00e4nkungen gezeichnet und haben eine nicht ganz klassische Form. In&nbsp;den fetten Schnitten mussten diese Glyphen recht schmal sein, aber dennoch nat\u00fcrlich und nicht verzerrt wirken. Dies f\u00fchrte zu&nbsp;einer grafischen L\u00f6sung, die sich heute gro\u00dfer Beliebtheit erfreut: eine Stufe am&nbsp;\u00dcbergang der Striche. Sie findet sich in&nbsp;allen Schnitten, von Regular bis Black, aber nicht in&nbsp;Thin. Der Grund daf\u00fcr ist, dass die Linien in&nbsp;Thin sehr d\u00fcnn und fein sind und die Stufe eher die Lesbarkeit als die \u00c4sthetik beeintr\u00e4chtigt. Deshalb haben wir uns entschieden, sie zu&nbsp;entfernen.<\/p>\n\n\n\n<p>Das kyrillische Alphabet wurde auf die gleiche Weise wie das lateinische Alphabet entwickelt. Einige Zeichen haben eine \u00e4hnliche Konstruktionslogik, so&nbsp;dass wir die bereits gew\u00e4hlten grafischen Techniken auf sie angewandt haben. Zum Beispiel \u00e4hnelt das \u0443&nbsp;dem lateinischen&nbsp;y. Im&nbsp;Allgemeinen waren die fachlichen Herausforderungen \u00e4hnlich: Die Glyphen der fetten Stile mussten in&nbsp;die em-Quadrate der d\u00fcnnen passen. Gleichzeitig sollten die Zeichen in&nbsp;den fetten Schriften nicht zu&nbsp;schmal und in&nbsp;den d\u00fcnnen Schriften nicht zu&nbsp;breit sein. Einige Zeichen haben starke Kompensatoren, zum Beispiel in&nbsp;\u0444. Sie k\u00f6nnen sehen, dass der Stamm in&nbsp;den fetten Schriften ziemlich d\u00fcnn ist, obwohl er&nbsp;in&nbsp;der gleichen normalen Schriftart \u00fcblich und ziemlich als Standard zu&nbsp;sehen ist.<\/p>\n\n\n\n<p>Trotz der Tatsache, dass die Herausforderung mit den oben genannten Zeichen schwierig und ungew\u00f6hnlich f\u00fcr uns war, da&nbsp;wir zuvor nicht mit Schriften mit einer einheitlichen Breite gearbeitet hatten, war die endg\u00fcltige Form interessant. Wir haben die Zeichen an&nbsp;beiden Enden \u2019beruhigt\u2019, um&nbsp;eine harmonische L\u00f6sung in&nbsp;allen Schriften zu&nbsp;finden.<\/p>\n\n\n\n<p>In&nbsp;der TT&nbsp;Fellows gibt es&nbsp;nur 2&nbsp;Ligaturen, die rein praktischen Zwecken dienen. Das passt zum Konzept der Schrift: bequem, praktisch und ohne unn\u00f6tige Elemente.<\/p>\n\n\n\n<p>Im&nbsp;Latin, ist es&nbsp;die klassische Kombination von f&nbsp;und&nbsp;l, die wir fast immer mit einer Ligatur versehen, da&nbsp;diese Buchstaben in&nbsp;manchen Stilen zusammen ein unangenehmes Ungleichgewicht erzeugen, \u00fcber das das Auge stolpert. Die Ligatur l\u00f6st dieses Problem.<\/p>\n\n\n\n<p>Im&nbsp;Kyrillischen gibt es&nbsp;auch eine Ligatur f\u00fcr das Ukrainische. Sie war notwendig, damit bei der Kombination der Buchstaben \u0457&nbsp;und \u0457&nbsp;die Punkte in&nbsp;Fettschrift nicht \u00fcbereinander kriechen. Bei der Ligatur sind die drei Punkte gleichm\u00e4\u00dfig \u00fcber die St\u00e4mme verteilt, was ein optisch ansprechenderes Erscheinungsbild ergibt. Diese Ligatur wird auch oft in&nbsp;unseren Schriften verwendet.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/12-1.jpg\" alt=\"\" class=\"wp-image-10000048478\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/12-1.jpg 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/12-1-1024x208.jpg 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/12-1-1200x243.jpg 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/12-1-768x156.jpg 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/12-1-420x85.jpg 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/12-1-600x122.jpg 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>Nachdem wir die Hauptzeichen gezeichnet hatten, begannen wir mit den Figuren, Sonderzeichen, Satzzeichen und Pfeilen.<\/p>\n\n\n\n<p>Bei den Ziffern mussten wir alle grafischen Eigenschaften der gerenderten Glyphen \u00fcbernehmen, gleichzeitig aber das vertraute Aussehen der Ziffern beibehalten. Es&nbsp;ist wichtig, dass die getippten Zahlen gut zu&nbsp;den Buchstaben passen, sowohl in&nbsp;den \u00dcberschriften als auch in&nbsp;den Textfeldern. Als Besonderheit ist anzumerken, dass die 1&nbsp;keinen eigenen Stamm bilden konnte, da&nbsp;sonst in&nbsp;den d\u00fcnnen Schriftschnitten zu&nbsp;viel Wei\u00df zu&nbsp;sehen gewesen w\u00e4re. Alle anderen Zahlen \u00e4hneln denen, die wir kennen, w\u00e4hrend der Charakter der TT&nbsp;Fellows beibehalten wurde.<\/p>\n\n\n\n<p>Die Hauptschwierigkeit bei der Erstellung der Interpunktion lag bei den runden Klammern, da&nbsp;diese in&nbsp;den fetten Schnitten zu&nbsp;viel Wei\u00df absorbieren und in&nbsp;den d\u00fcnnen Schnitten zu&nbsp;viel Wei\u00df hinzuf\u00fcgen k\u00f6nnen. Die Klammern erhielten daher eine neue Form, gebogen, aber fast gerade.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/13.jpg\" alt=\"\" class=\"wp-image-10000048479\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/13.jpg 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/13-1024x512.jpg 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/13-1200x600.jpg 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/13-768x384.jpg 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/13-420x210.jpg 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/13-600x300.jpg 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>Damit war das Hauptproblem der Arbeit in&nbsp;Bezug auf die einheitliche Breite der Schrift gel\u00f6st. Die TT&nbsp;Fellows standen jedoch noch vor weiteren Herausforderungen, die wir mit Ihnen teilen m\u00f6chten.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Zweite Herausforderung: Vom Text zur Schrift<\/h2>\n\n\n\n<p>Bei der Arbeit am&nbsp;Font war es&nbsp;von Anfang an&nbsp;schwierig, die Anzahl der Master, also der handgezeichneten Gesichter, genau zu&nbsp;bestimmen. Da&nbsp;die fettesten Schnitte ein Display-Zeichen erhielten, mussten die Master sorgf\u00e4ltig ausgew\u00e4hlt werden. Es&nbsp;gab 4&nbsp;Master f\u00fcr die Condensed-Version und 4&nbsp;f\u00fcr die Kursiv-Version.<\/p>\n\n\n\n<p>Hinsichtlich des Charakters dachten wir zun\u00e4chst, dass die normale Schrift neutral und die fetteste Schrift expressiver sein w\u00fcrde. Sie wurden die Master. Im&nbsp;Laufe der Arbeit kamen zwei weitere hinzu: Thin und Bold.<\/p>\n\n\n\n<p>Bei der Arbeit an&nbsp;der ExtraBold, die urspr\u00fcnglich der letzte Entwurf in&nbsp;Bezug auf die Strichst\u00e4rke war, entwickelten wir grafische L\u00f6sungen, um&nbsp;der Schrift einen Display-Charakter zu&nbsp;verleihen. Wir entschieden uns f\u00fcr Tintenfallen, die derzeit ein sehr beliebtes Mittel im&nbsp;Schriftdesign sind. In&nbsp;den ersten Skizzen wirkten sie gewollt und sogar ein wenig brutal, aber sie gaben uns eine klare Vorstellung davon, wie wir vorgehen wollten.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/14-1.jpg\" alt=\"\" class=\"wp-image-1000008573\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/14-1.jpg 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/14-1-420x210.jpg 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/14-1-1024x512.jpg 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/14-1-768x384.jpg 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/14-1-1200x600.jpg 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/14-1-600x300.jpg 600w, https:\/\/typetype.org\/de\/wp-content\/uploads\/14-1-80x40.jpg 80w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>Eine Sache gefiel uns nicht: Bei nur einer Seite handelte es&nbsp;sich um&nbsp;eine Displayseite. Das erschien uns zu&nbsp;wenig f\u00fcr die zuk\u00fcnftigen Nutzer, also begannen wir zu&nbsp;experimentieren und suchten nach einem mutigeren Stil. Wir waren froh, als wir Entw\u00fcrfe f\u00fcr Black hatten, die nicht nur in&nbsp;die vorgegebenen em-Quadrate passten, sondern auch \u00e4sthetisch ansprechend waren. Nun gab es&nbsp;bereits 2&nbsp;Stile, die f\u00fcr \u00dcberschriften und gro\u00dfe Formate geeignet waren.<\/p>\n\n\n\n<p>Allerdings sahen die Farbfallen zu&nbsp;gewollt aus, so&nbsp;dass die grafischen Elemente sorgf\u00e4ltig \u00fcberarbeitet werden mussten. Wir f\u00fcgten verschiedene Kompensationen hinzu und entfernten sie wieder, w\u00e4hrend wir versuchten herauszufinden, was wir in&nbsp;Schwarz behalten sollten, das anstelle von ExtraBold zum Master wurde. Die grafischen Elemente mussten cool aussehen, durften aber gleichzeitig keine Probleme bei der Interpolation von ExtraBold verursachen, d.&nbsp;h. bei der Erstellung dieser Schrift. H\u00e4tten wir eine andere Vorlage erstellen m\u00fcssen, h\u00e4tte die Entwicklung der Schrift viel mehr Zeit in&nbsp;Anspruch genommen und von unseren Mitarbeitern viel mehr Engagement erfordert.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/15-1.jpg\" alt=\"\" class=\"wp-image-1000008574\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/15-1.jpg 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/15-1-420x210.jpg 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/15-1-1024x512.jpg 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/15-1-768x384.jpg 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/15-1-1200x600.jpg 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/15-1-600x300.jpg 600w, https:\/\/typetype.org\/de\/wp-content\/uploads\/15-1-80x40.jpg 80w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>Gl\u00fccklicherweise lieben wir&nbsp;es, alle Schwierigkeiten zu&nbsp;\u00fcberwinden und optimale L\u00f6sungen zu&nbsp;finden. Zum Beispiel gab es&nbsp;in&nbsp;der ersten Version absichtlich Stielgelenke, in&nbsp;der zweiten Version gab es&nbsp;sie \u00fcberhaupt nicht und in&nbsp;der letzten Version gab es&nbsp;einen Kompromiss: Es&nbsp;gab Gelenke, aber sie waren klein. Nat\u00fcrlich hat sich die Grafik im&nbsp;Laufe der Arbeit ver\u00e4ndert, aber es&nbsp;gab keine gro\u00dfen Ver\u00e4nderungen.<\/p>\n\n\n\n<p>Die Schnitte in\u00a0den ersten Entw\u00fcrfen von <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-fellows\/\">TT\u00a0Fellows<\/a> waren fast die gleichen wie in\u00a0<a href=\"https:\/\/typetype.org\/de\/fonts\/tt-norms-pro\/\">TT\u00a0Norms<sup class=\"reg\">\u00ae<\/sup> Pro<\/a>, d.h. senkrecht zu\u00a0den Linien. In\u00a0der endg\u00fcltigen Version waren alle Schnitte vertikal, was die Schrift menschlicher machte und unn\u00f6tigen Wei\u00dfraum reduzierte. Bei den fettgedruckten Schriftschnitten war der Wei\u00dfraum wegen der Endbuchstaben, bei denen die Schnitte senkrecht zu\u00a0den Strichen verliefen, recht schwierig, so\u00a0dass wir uns entschieden, die Endbuchstaben vertikal zu\u00a0schneiden. Dort, wo\u00a0die Buchstabenform komplizierter war, wurden durch gerade Schnitte \u00fcberfl\u00fcssige Ger\u00e4usche entfernt, wodurch die Schrift harmonischer wurde.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/16-1.jpg\" alt=\"\" class=\"wp-image-1000004406\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/16-1.jpg 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/16-1-1024x493.jpg 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/16-1-1200x578.jpg 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/16-1-768x370.jpg 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/16-1-420x202.jpg 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/16-1-600x289.jpg 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>Nachdem wir das lateinische Grundalphabet in&nbsp;die Schablonen gezeichnet hatten, begannen wir mit der Erweiterung des Zeichensatzes. Die aufrechten Schnitte bestanden aus Thin, ExtraLight, Light, Regular, Medium, DemiBold, Bold, ExtraBold und Black. Nur die beiden fettesten, ExtraBold und Black, wurden zu&nbsp;Displayschriften, w\u00e4hrend Bold eine Textschrift war. Deshalb mussten wir die Schrift, nachdem wir sie aus zwei Mastern generiert hatten, sorgf\u00e4ltig verfeinern und \u00fcberm\u00e4\u00dfige Kontraste entfernen. Zum Beispiel sind die horizontalen Linien in&nbsp;Black sehr d\u00fcnn, w\u00e4hrend sie in&nbsp;Regular gleich sind. Wir wollten Bold nicht zu&nbsp;kontrastreich machen, also mussten wir ein Gleichgewicht zwischen den Glyphenformen finden.<\/p>\n\n\n\n<p>Die Gro\u00dfbuchstaben waren kein Problem, aber den Kleinbuchstaben musste mehr Aufmerksamkeit geschenkt werden, da&nbsp;die Tintenfallen in&nbsp;dem generierten Stil viel gr\u00f6\u00dfer waren, als wir wollten. Wir planten, die Form beizubehalten und wei\u00dfe Kompensatoren hinzuzuf\u00fcgen, ohne die Schrift in&nbsp;eine Displayschrift zu&nbsp;verwandeln, die den Textcharakter beibeh\u00e4lt. Gleichzeitig sind alle grafischen Merkmale erkennbar, so&nbsp;dass die Schrift auch f\u00fcr \u00dcberschriften oder gro\u00dfe Schriftgr\u00f6\u00dfen verwendet werden kann.<\/p>\n\n\n\n<p>Eine interessante Arbeit wurde mit der Thin geleistet. Auf den ersten Blick wirkt Thin eher klassisch und neutral, wie eine normale Schrift, aber in&nbsp;den ersten Iterationen sah die d\u00fcnne Schrift anders aus. W\u00e4hrend der Generierung hatten die Glyphen in&nbsp;Thin seltsame Formen, als ob&nbsp;die Buchstaben in&nbsp;verschiedene Richtungen gesprengt worden w\u00e4ren. Das lag an&nbsp;der grafischen Kompensation und den d\u00fcnnen horizontalen Linien, die auch in&nbsp;der Black-Vorlage verwendet wurden. Wir mussten sorgf\u00e4ltig an&nbsp;den Proportionen arbeiten, damit schmale Buchstaben in&nbsp;der Thin nicht zu&nbsp;breit wurden und umgekehrt. Die endg\u00fcltige Version der Thin wirkt ruhig, aber nur auf den ersten Blick. Bei n\u00e4herem Hinsehen entdeckt man interessante L\u00f6sungen f\u00fcr die Proportionen, und in&nbsp;gro\u00dfen Gr\u00f6\u00dfen kann die Schrift zu&nbsp;einer originellen L\u00f6sung f\u00fcr \u00dcberschriften werden. Sie zieht die Aufmerksamkeit auf sich und ist attraktiv, ohne pr\u00e4tenti\u00f6s oder zu&nbsp;eing\u00e4ngig zu&nbsp;sein.<\/p>\n\n\n\n<p>Es&nbsp;hat Spa\u00df gemacht, Glyphen unterschiedlicher Gewichtung in&nbsp;ein und demselben em-Quadrat unterzubringen. Aber auch der Umgang mit dem Charakter der Schrift, der von neutral-humanistisch bis freundlich-hell reicht, war sehr interessant und eine professionelle Herausforderung.<\/p>\n\n\n\n<p>In&nbsp;Black gibt es&nbsp;zum Beispiel einen Unterschied zwischen Gro\u00df- und Kleinbuchstaben. Klassischerweise werden Tintenfallen, wenn \u00fcberhaupt, sowohl f\u00fcr Gro\u00df- als auch f\u00fcr Kleinbuchstaben verwendet. Bei der Arbeit mit den TT&nbsp;Fellows ergab sich jedoch die Situation, dass in&nbsp;den Gro\u00dfbuchstaben gen\u00fcgend Wei\u00df vorhanden war, so&nbsp;dass wir beschlossen, dort auf eine Kompensation zu&nbsp;verzichten, obwohl sie in&nbsp;den Kleinbuchstaben vorhanden war. Es&nbsp;ist auch erw\u00e4hnenswert, dass die Gro\u00dfbuchstaben technisch fortschrittlicher sind als die Kleinbuchstaben, was sich in&nbsp;den fettesten Schnitten widerspiegelt. Die Kleinbuchstaben sind dagegen weicher. Gleichzeitig war es&nbsp;uns nat\u00fcrlich wichtig, die Harmonie zwischen allen Zeichen in&nbsp;jeder der 9&nbsp;aufrechten Schriften mit 4&nbsp;Referenzmustern zu&nbsp;erhalten.<\/p>\n\n\n\n<p>Zus\u00e4tzlich zu&nbsp;den 9&nbsp;aufrechten Schriften gab es&nbsp;die gleiche Anzahl von Kursivschriften. In&nbsp;TT&nbsp;Fellows haben wir keine echte Kursivschrift geschaffen, sondern eine Schr\u00e4gschrift. Das bedeutet, dass die Originalbuchstaben der Senkrechten praktisch gekippt werden, ohne ihre Form zu&nbsp;ver\u00e4ndern. Bei geraden Buchstaben wie dem&nbsp;H ist das ganz einfach: Wir kippen die Form. Bei runden Buchstaben ist es&nbsp;komplizierter, weil man die Form halb kippen und halb drehen muss, sonst besteht die Gefahr, dass die Glyphen unausgewogen und seltsam aussehen. Der Zweck der Kursivschrift ist&nbsp;es, die Eigenschaften der aufrechten Form zu&nbsp;reproduzieren, und manchmal muss man die Form \u00e4ndern, um&nbsp;diese Eigenschaften zu&nbsp;erhalten. Es&nbsp;mag paradox klingen, aber das menschliche Auge liest geometrische Formen auf eine ganz bestimmte Art und Weise, und bei der Gestaltung von Schriften muss man sich dieser visuellen Wahrnehmung anpassen.<\/p>\n\n\n\n<p>Bei normalen Schriften ist es&nbsp;selten notwendig, die Endpunkte zu&nbsp;korrigieren, wenn man eine kursive Schrift entwirft, aber manchmal sehen sie zu&nbsp;gerade aus, und dann werden die Endpunkte manuell korrigiert. Wir konzentrieren uns auf die Form und untersuchen sie so&nbsp;lange, bis das Ergebnis perfekt erscheint. Das war auch bei den TT&nbsp;Fellows der Fall. Neben anderen Besonderheiten bei der Erstellung der Kursiv-Version mussten wir auch an&nbsp;den Schnitten des Bold-Stils arbeiten, um&nbsp;eine visuelle Parallelit\u00e4t zu&nbsp;erreichen und die Form zu&nbsp;korrigieren. Es&nbsp;war notwendig, ein Gleichgewicht zu&nbsp;finden zwischen der unterschiedlichen Natur der extremen Stile und der einheitlichen Breite der Schrift: An&nbsp;einigen Stellen haben wir die Kompensationen des Standards f\u00fcr die Glyphen weniger ausgepr\u00e4gt gemacht, weil sie innerhalb des gleichen em-Quadrats bleiben mussten.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/18-1.jpg\" alt=\"\" class=\"wp-image-1000008578\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/18-1.jpg 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/18-1-420x83.jpg 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/18-1-1024x203.jpg 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/18-1-768x152.jpg 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/18-1-1200x238.jpg 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/18-1-600x119.jpg 600w, https:\/\/typetype.org\/de\/wp-content\/uploads\/18-1-80x16.jpg 80w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>Nach der endg\u00fcltigen Zeichnung aller aufrechten und kursiven Schriften mussten wir alle Schriften in&nbsp;einer einzigen Datei zusammenfassen und an&nbsp;die technische Abteilung f\u00fcr die n\u00e4chste spannende Phase schicken: das Mastering.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Die dritte Herausforderung: Kerning<\/h2>\n\n\n\n<p><a href=\"https:\/\/typetype.org\/de\/mastering\/\">Das Mastering<\/a> von Schriften ist bei TypeType ein systematischer und ausgefeilter Teil der Entstehung einer Schriftfamilie. Sehr selten gibt es&nbsp;in&nbsp;der technischen Abteilung ungew\u00f6hnliche Momente, die uns herausfordern. <\/p>\n\n\n\n<p>Die <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-fellows\/\">TT\u00a0Fellows<\/a> hatten aber genau das. Wie bereits erw\u00e4hnt, handelt es\u00a0sich bei der TT\u00a0Fellows um\u00a0eine Schrift mit einer einzigen Breite, die einige Anpassungen in\u00a0der technischen Abteilung des Studios erforderte. Dies betraf vor allem das Kerning, auf das wir noch n\u00e4her eingehen werden.<\/p>\n\n\n\n<p>Zun\u00e4chst gibt es&nbsp;2&nbsp;Kategorien von Schriften, die mit der Arbeit an&nbsp;TT&nbsp;Fellows in&nbsp;Verbindung gebracht werden: <a href=\"https:\/\/typetype.org\/de\/fonts\/serif\/\">serifenlose<\/a> Schriften und Monospace-Schriften. Die Herangehensweise an&nbsp;das Kerning dieser Schriften ist buchst\u00e4blich gegens\u00e4tzlich. Serifenlose Schriften erfordern ein akribisches und detailliertes Ausbalancieren der einzelnen Paare, w\u00e4hrend Monospace-Schriften \u00fcberhaupt kein Kerning ben\u00f6tigen, da&nbsp;alle Gr\u00f6\u00dfen der em-Quadrate gleich sind.<\/p>\n\n\n\n<p>Eine uniwidth Schrift ist eine seltene und komplexe Geschichte, welche wir bei TypeType zum ersten mal so&nbsp;umgesetzt haben. Tats\u00e4chlich liegt diese Art von Schrift in&nbsp;Bezug auf das Kerning irgendwo in&nbsp;der Mitte zwischen einer serifenlosen und einer monospaced Schrift. Die em-Quadrate sind gleich, aber nur innerhalb der gleichen Glyphe in&nbsp;verschiedenen Schriften, und die Gr\u00f6\u00dfe der Buchstaben im&nbsp;gleichen Stil ist immer noch unterschiedlich. Das Kerning der TT&nbsp;Fellows bestand daher darin, geeignete Kompromisse zu&nbsp;finden, damit das Schriftbild in&nbsp;der Kombination der Paare harmonisch wirkt und die Einheitlichkeit erhalten bleibt.<\/p>\n\n\n\n<p>F\u00fcr eine Standardschrift nehmen wir eine mittelschwere Schrift, z. B.&nbsp;Regular, und w\u00e4hlen f\u00fcr sie alle Werte der Kerning-Paare aus. Diese Parameter werden fast ausnahmslos auf andere Schriften \u00fcbertragen, sowohl auf d\u00fcnnere als auch auf fettere. F\u00fcr fette Schriften werden einige Ausnahmen hinzugef\u00fcgt, die vor allem die Interpunktion und einzelne Paare von Gro\u00df- und Kleinbuchstaben sowie Zeichen mit diakritischen Ober- und Unterl\u00e4ngen betreffen. Auf diese Weise vermeiden wir das Zusammenkleben von Glyphen, das auftreten w\u00fcrde, wenn wir die Standardwerte von Regular auf den fettesten Schriftschnitt \u00fcbertragen w\u00fcrden.<\/p>\n\n\n\n<p>In&nbsp;einer Schrift mit einheitlicher Breite m\u00fcssen die Unterschneidungswerte jedoch in&nbsp;allen Schriften gleich sein, da&nbsp;es&nbsp;sonst bei einem Fontwechsel zu&nbsp;Verschiebungen und \u00c4nderungen im&nbsp;Layout kommt, was dem eigentlichen Konzept einer Schrift mit einheitlicher Breite widerspricht. In&nbsp;einer solchen Situation ist es&nbsp;nat\u00fcrlich unm\u00f6glich, ein Paar regul\u00e4rer Stile sorgf\u00e4ltig zu&nbsp;entwerfen und den Rest zu&nbsp;ignorieren, und man muss ein Gleichgewicht zwischen dem, was man will, und dem, was m\u00f6glich ist, finden.<\/p>\n\n\n\n<p>Wir haben versucht, eine Auswahl von Werten zu&nbsp;treffen, ohne die visuelle \u00c4sthetik zu&nbsp;opfern. Mit anderen Worten, wir haben versucht, allen Stilen so&nbsp;wenig Schaden wie m\u00f6glich zuzuf\u00fcgen.<\/p>\n\n\n\n<p>F\u00fcr die TT&nbsp;Fellows musste das Kerning auf 3&nbsp;Seiten gleichzeitig durchgef\u00fchrt werden: der d\u00fcnnsten, der mittleren und der fettesten. Zuerst suchten wir nach Werten f\u00fcr Schwarz, um&nbsp;Standardausnahmen f\u00fcr bestimmte Paare zu&nbsp;definieren, um&nbsp;das Zusammenkleben von Glyphen von vornherein zu&nbsp;vermeiden. Dann wurden die Werte auf die Fette und die Mittlere \u00fcbertragen, im&nbsp;Detail untersucht und korrigiert. Und dann wiederholten wir den Zyklus, \u00fcbertrugen sie auf fett, pr\u00fcften und korrigierten ein wenig. Im&nbsp;Laufe der Arbeit kristallisierten sich die vier Schriften heraus: Thin, Regular, Bold, Black.<\/p>\n\n\n\n<p>Etwas schwieriger war&nbsp;es, den \u00dcbergang von Regular zu&nbsp;Black zu&nbsp;gestalten. Bei Thin und Regular gab es&nbsp;keine Probleme, wir konnten die Gesamtwerte mit wenig oder gar keinen Kompromissen erfolgreich anpassen. Bei Black stand der Gesamtrhythmus aufgrund der gr\u00f6\u00dferen Geschlossenheit und des geringeren Wei\u00dfanteils in&nbsp;den Glyphen in&nbsp;starkem Kontrast zu&nbsp;den Thin-Stilen. Wir mussten nach harmonischen Werten f\u00fcr alle Gewichtungen suchen, damit die Kerning-Paare in&nbsp;Black nicht zu&nbsp;dicht und in&nbsp;Thin nicht zu&nbsp;sp\u00e4rlich erschienen.<\/p>\n\n\n\n<p>Nachdem die Hauptwerte ausgew\u00e4hlt waren, blieb noch die kosmetische Arbeit, um&nbsp;Fehler zu&nbsp;finden und zu&nbsp;korrigieren. Alle Kombinationen wurden \u00fcberpr\u00fcft, dann wurde das Kerning in&nbsp;die Hauptschriftdatei \u00fcbertragen, um&nbsp;den letzten Teil der technischen Arbeit abzuschlie\u00dfen und die TT&nbsp;Fellows feierlich zu&nbsp;ver\u00f6ffentlichen und auf die Plattformen zu&nbsp;bringen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/TT_Fellows_Basic_Glyphs.gif\" alt=\"\" class=\"wp-image-1000008266\"\/><\/figure>\n\n\n\n<p>Nat\u00fcrlich war die Arbeit an\u00a0dieser Schriftfamilie sehr intensiv und nicht die einfachste. Die erste Schrift des Studios mit einer einheitlichen Breite und einem wechselnden Charakter der Gesichter ist wirklich ein professionelles Experiment! Wir sind sehr verantwortungsbewusst an\u00a0die Aufgabe herangegangen, aber was noch wichtiger ist: Im\u00a0Laufe der Arbeit haben wir uns in\u00a0die TT\u00a0Fellows verliebt\u00a0\u2014 wegen ihres angenehmen Charakters, ihrer \u00e4sthetischen Formen und ihrer kontrollierten Stimmung. Wir haben eine serifenlose Schrift geschaffen, die sich optisch von <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-norms-pro\/\">TT\u00a0Norms<sup class=\"reg\">\u00ae<\/sup> Pro<\/a> oder <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-commons-pro\/\">TT\u00a0Commons\u2122 Pro<\/a> unterscheidet, aber genauso funktional und vielseitig ist und alle notwendigen Funktionen und Stilmittel besitzt.<\/p>\n\n\n\n<p>Die Arbeit an&nbsp;<a href=\"https:\/\/typetype.org\/de\/fonts\/tt-fellows\/\">TT&nbsp;Fellows<\/a> hat uns so&nbsp;fasziniert, dass wir es&nbsp;in&nbsp;5&nbsp;Monaten geschafft haben! <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/21.gif\" alt=\"\" class=\"wp-image-1000004411\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Beteiligt waren an&nbsp;der Arbeit an&nbsp;der Schrift: <\/h2>\n\n\n\n<p>Yulia Gonina&nbsp;\u2014 Autorin der Hauptidee, Art Director <\/p>\n\n\n\n<p>Antonina Zhulkova&nbsp;\u2014 Leitende Schriftdesignerin <\/p>\n\n\n\n<p>Radik Tukhvatullin&nbsp;\u2014 Designer der Kursiven, Ziffern und Symbole <\/p>\n\n\n\n<p>Valera Cherevkov&nbsp;\u2014 Designerin der Sans Serif <\/p>\n\n\n\n<p>Nadyr Rakhimov&nbsp;\u2014 Designer der Kursiv-Version <\/p>\n\n\n\n<p>Anastasia Pogorelova&nbsp;\u2014 Mastering <\/p>\n\n\n\n<p>Yuri Nakonechny&nbsp;\u2014 Mastering <\/p>\n\n\n\n<p>Tasya Petelina&nbsp;\u2014 Kerning &amp;&nbsp;Hinting <\/p>\n\n\n\n<p>Victor Rubenko&nbsp;\u2014 Hinting <\/p>\n\n\n\n<p>Ivan Gladkish&nbsp;\u2014 Technischer Direktor <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Im\u00a0Januar 2022 kam die neue TypeType-Schrift TT\u00a0Fellows auf den Markt. Fast sofort zog sie die Aufmerksamkeit von Designern auf der ganzen Welt auf sich. Kein Wunder, denn diese vielseitige, pr\u00e4gnante und funktionale Schrift eignet sich f\u00fcr die meisten modernen Projekte.<\/p>\n","protected":false},"author":1,"featured_media":1000008260,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[183,184],"class_list":["post-8243","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-font-creation","tag-typetype-fonts"],"acf":{"show_sidebar":true},"_links":{"self":[{"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/posts\/8243","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/comments?post=8243"}],"version-history":[{"count":5,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/posts\/8243\/revisions"}],"predecessor-version":[{"id":47043,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/posts\/8243\/revisions\/47043"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/media\/1000008260"}],"wp:attachment":[{"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/media?parent=8243"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/categories?post=8243"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/tags?post=8243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}