ttnormsproblack
SchriftstudioBlogUniversiTTy: Lektion 8. Gestaltung grundlegender lateinischer Schriftzeichen. Großbuchstaben

UniversiTTy: Lektion 8. Gestaltung grundlegender lateinischer Schriftzeichen. Großbuchstaben

UniversiTTy: Lektion 8. Gestaltung grundlegender lateinischer Schriftzeichen. Großbuchstaben

Welcome to lesson number 8 of our «UniversiTTy» series! We suggest reviewing the earlier articles in the series before diving into this one.

Last time, we covered optical compensation, uppercase and lowercase character heights, and the concept of contrast. Determining all sizes and weights is, without a doubt, a crucial stage of font design but still a preparatory one. In this article, we will finally focus on glyph design specifically.

Antonina Zhulkova, Design Lead at TypeType, will tell you all about this. Antonina has been working in font design for more than 5 years now. She’s the concept author and lead designer of projects like TT Neoris, TT Ricordi Allegria, TT Globs, and Ivi Sans Display. Also, she took part in the creation of TT Fellows, TT Fors, TT Interphases Pro, TT Commons, and many other typefaces.

Designing uppercase characters

To begin with, let’s revisit our primary letters «Н,» «О,» «А» to analyze their proportions and see how they affect other characters. You will understand why we concentrated on these letters in our previous «lesson.»

UniversiTTy: Lektion 8. Gestaltung grundlegender lateinischer Schriftzeichen. Großbuchstaben

Glyph proportions are one of the key font characteristics. They influence the overall glyph design, visual quality, and readability parameters. This is related to the conventional letter designs used globally, and our perception of glyphs depends greatly on this «traditional» image of them. For example, there are studies on the readability parameters of black letter. It shows that people exposed to this font as part of their culture don’t experience any problems in reading texts typed in it. On the contrary, people from other cultural and linguistic contexts find it much more difficult to read such a font.

UniversiTTy: Lektion 8. Gestaltung grundlegender lateinischer Schriftzeichen. Großbuchstaben

Nonetheless, don’t be afraid to deviate from the usual visual proportions. Modifying this font parameter can serve as an unusual graphic trick to attract attention. The main thing is to do it thoughtfully. That’s why I will start my explanation of proportions with classic principles and focus primarily on Antiqua as the most ancient type category. Sans serif, a more modern type historically, is largely based on Antiqua proportions yet introduces some transformations that we will also discuss.

Main logic of glyph design and proportions

Font design relies heavily on calligraphy and various handwriting styles, which is why echoes of this art run through the conversations about fonts.

UniversiTTy: Lektion 8. Gestaltung grundlegender lateinischer Schriftzeichen. Großbuchstaben

Standard Antiqua proportions originate from classic calligraphy. The entire European calligraphy is fundamentally built on Roman square capitals. Our article is not aimed at diving into the history of calligraphy and its principles. However, this information is essential to understanding the origins and development of letterforms. You can learn more about Roman square capitals and the history of calligraphy in the following books:

  • Roman lettering (L.C.Evetts);
  • The Art of Calligraphy (David Harris);
  • The Calligrapher’s Bible (David Harris).

I will only cover the main aspects of proportions that emerged thanks to Roman square capitals and influence the font’s character. So, this is the moment to go back to our primary characters: «H,» «O,» and «A.»

Why do I always refer to them? A font can be portrayed as a tree or an umbrella where letters are linked by character groups. When working on any font glyphs, you should always divide them into groups and constantly analyze how these groups are connected. This information can be visualized in the following way: there are «parents» for each group (upright, rounded, and triangular glyphs), and all other letters are associated with them directly or are found at the boundary between groups.

Besides, at the drawing stage, we build upon both the general classification and various graphic elements of the specific font, such as aperture, similar construction features (ovals, waistline, terminals, etc.), proportions, or different graphic rhymes between letters. If you understand the logic of character division into groups (later on, we will provide various examples of such groups), you will be able to create your own groups according to the objectives of a particular font.

UniversiTTy: Lektion 8. Gestaltung grundlegender lateinischer Schriftzeichen. Großbuchstaben

This is a general way to subdivide characters. Later, we will explore each group and highlight the reasons for such subdivision. However, this lesson began with Roman square capitals. What does it have to do with character groups?

The discussion about proportions and character groups is closely connected with this calligraphic tradition, and we should consider both these parameters while designing glyphs. I will specifically focus on the proportions of Roman square capitals because of its strong influence on font design and exemplary «classic» proportions.

However, many fonts also deviate from the logic of Roman square capitals. This may concern similarities and differences of all characters’ widths. Also, groups of the same width can become wider or narrower in relation to the classic example.

We could conceptually separate all uppercase letters of the Latin alphabet classic proportions into four categories, from the widest to the narrowest. These categories are similar to the groups we got by dividing characters by shapes.

  1. The first group with the widest letters includes rounded characters («O,» «C,» «G,» «Q,» «D») that can be fit into a square. In this context, the square serves as a symbolic «unit» of width.
UniversiTTy: Lektion 8. Gestaltung grundlegender lateinischer Schriftzeichen. Großbuchstaben

2. Another group consists of characters with a width slightly over a quarter of the square’s size. These are the letters «A,» «V,» «W,» «M.» Obviously, the widths of «M» and «W» are not equal to the widths of «A» and «V», but in terms of both meaning and form, they can be merged into one category.

UniversiTTy: Lektion 8. Gestaltung grundlegender lateinischer Schriftzeichen. Großbuchstaben

3. The widths of the characters of the third group occupy three-quarters of the square. The third group includes the letters «H,» «N,» «U,» «T,» «X,» «Y,» «Z.»

UniversiTTy: Lektion 8. Gestaltung grundlegender lateinischer Schriftzeichen. Großbuchstaben

4. The last group comprises the narrowest characters, with widths taking up about half of the square. It includes the letters «B,» «P,» «E,» «F,» «R,» «S,» «L,» «K.»

UniversiTTy: Lektion 8. Gestaltung grundlegender lateinischer Schriftzeichen. Großbuchstaben

This width-based division laid the foundation for letter design, and modern fonts largely adhere to the principles that emerged in the 1st to 5th centuries. However, I will repeat that belonging to one group doesn’t mean the characters will have the same width. It demonstrated similar proportions and letter placement in the «width axis,» from the widest to the narrowest.

What else should be considered when working with fonts? One of the key categories in font design is the amount of negative space in glyphs. We will not dive deeper into working with outer white space, but the internal white space is crucial for us at the drawing stage. Our vision accounts for the amount of both black and white in characters—this should be kept in mind when drawing all letterforms and symbols. Since European writing conventions dictate writing from left to right and top to bottom, our eyes are accustomed to reading letters diagonally from the upper left corner to the lower right. The amount of horizontal segmentation within a form also matters. Characters that are open at the top and lack intersections will appear wider, thus, to create visually uniform-width letters, this aspect needs compensation. For example, let’s compare the letters «A» and «V»: «V» is almost always made narrower to match proportions similar to «A,» which has less white space inside.

UniversiTTy: Lektion 8. Gestaltung grundlegender lateinischer Schriftzeichen. Großbuchstaben

It is possible to draw basic Latin characters intuitively, without knowing the fundamentals. However, knowledge of theory will improve the results significantly. Understanding the relationships between character proportions helps convey the graphic concept more accurately. Given that we identified the main idea after the sketching stage and determined the characteristics of the base glyphs («H,» «O,» «A»), I suggest moving on to designing other uppercase letters, dividing them into groups and keeping proportions in mind.

How else can we subdivide characters? Our basic groups can be subdivided into smaller ones to approach the work more comprehensively.
Here is an example of division into groups we use in TypeType when designing characters (we add our «basic» characters to this and the following sets to compare new glyphs with finished letters and maintain the overall concept and consistency of the font. They may not belong to groups):

  1. «H,» «A,» «O» — working with base characters, their proportions, forms, and the relation between the mail letter types;
  2. «A,» «V,» «W,» «Y,» «X,» «Z,» «H» — working with triangular characters, their proportions, ratios, and weights of diagonals;
  3. «H,» «M,» «N,» «V»: working with upright characters and diagonals: they should be designed with reference to the upright character forms («H») as well as diagonal forms («V»);
  4. «O,» «C,» «G,» «Q» — working with rounded characters and how they relate to one another;
  5. «H,» «D,» «O» — working with the letter «D» that is upright and rounded at the same time;
  6. «H,» «B,» «R,» «P,» «S,» «O,» — working with characters containing bowls and having more complex forms. In this sequence, the system of widths is arranged from larger to smaller among the letters «B,» «R,» «P,» «S.» The bowl forms should match the character of rounding in «O»;
  7. «H,» «B,» «E,» «F,» «L,» «T,» «V» — working with upright characters featuring horizontals and similar letters. «H» and «B» here serve as reference points for double-story characters «E» and «F,» which are reference points for the letter «L.» Although the letter «T» has only vertical and horizontal strokes, the amount of negative space in it is closer to triangular characters, so it can be compared with «V,» too.
  8. «H,» «R,» «K,» «X» — working with glyph elements: legs of «R,», «K,» and «X should match in form and character;
  9. «H,» «U,» «J,» «I,» «O» — working with the letter «U» and «J» that is similar to the right side of «U»;
  10. «C,» «G,» «S,» «J» — working with terminals and their relations.

All characters need to be tested in the set HH*glyph*HHOO*glyph*OO and similar combinations, as well as in typesetting (we will tell you more about testing glyph designs in the next section). During the drawing process, you should advance step by step from general features to more specific ones.

UniversiTTy: Lektion 8. Gestaltung grundlegender lateinischer Schriftzeichen. Großbuchstaben

The above-listed character groups are just the tip of the iceberg, as there are numerous aspects of designing each glyph. We solely focus on the general approach to drawing. You can research other sources for more detailed information on the subject, for instance, the book «Designing Type.»

Now, let’s take a look at how proportions and character groups look in finished fonts. We will begin with a serif with dynamic proportions (the Palatino font) and then move on to our font examples: the text serif and interface sans serif.

UniversiTTy: Lektion 8. Gestaltung grundlegender lateinischer Schriftzeichen. Großbuchstaben
UniversiTTy: Lektion 8. Gestaltung grundlegender lateinischer Schriftzeichen. Großbuchstaben
UniversiTTy: Lektion 8. Gestaltung grundlegender lateinischer Schriftzeichen. Großbuchstaben
UniversiTTy: Lektion 8. Gestaltung grundlegender lateinischer Schriftzeichen. Großbuchstaben

Proportions in serifs and sans serifs

Font design is constantly evolving, as are proportions. Historical and modern fonts feature various widths in proportions that drifted far from their Roman ancestors. There are two main characteristics of proportions: dynamic and static, and glyph proportions in the font can lie between these two poles.

Based on a very condensed classification of fonts, serifs and sans serifs can possess both features, and in display fonts, proportions may vary even more.

Proportions in serifs have been gradually transforming, moving away from the dynamic principle, so letters became closer and closer in proportions. The classification section delves deeper into this. Here, I’m only touching on the surface-level parameters. This is best shown in illustrations.

UniversiTTy: Lektion 8. Gestaltung grundlegender lateinischer Schriftzeichen. Großbuchstaben

Sans serifs also feature both static and dynamic fonts. The differences in proportions are more common for Humanist and geometric sans serifs, and Neo-Grotesques tend to be static. In the article on classification, we covered the most popular fonts of these types. You can go back to them and analyze the difference.

UniversiTTy: Lektion 8. Gestaltung grundlegender lateinischer Schriftzeichen. Großbuchstaben

It’s time to return to our parameters and look through different uppercase character width options. Given that the text serif and interface sans serif have very similar proportions, I will compare a sans serif with dynamic proportions with our serif’s static-proportioned text version.

UniversiTTy: Lektion 8. Gestaltung grundlegender lateinischer Schriftzeichen. Großbuchstaben
UniversiTTy: Lektion 8. Gestaltung grundlegender lateinischer Schriftzeichen. Großbuchstaben
UniversiTTy: Lektion 8. Gestaltung grundlegender lateinischer Schriftzeichen. Großbuchstaben
UniversiTTy: Lektion 8. Gestaltung grundlegender lateinischer Schriftzeichen. Großbuchstaben

Also, pay attention to letter groups and the differences in details between these two fonts.

UniversiTTy: Lektion 8. Gestaltung grundlegender lateinischer Schriftzeichen. Großbuchstaben
UniversiTTy: Lektion 8. Gestaltung grundlegender lateinischer Schriftzeichen. Großbuchstaben

By comparing these two types, we can understand how to work with proportions and how they differ in various fonts. Taking proportions into account when designing letters will help craft a thought-through, well-calculated product, so I recommend focusing heavily on this aspect. What I want to add is that there are many font types with different graphic features—try to analyze each specific case, not simply draw letters following the established patterns. Classic rules don’t always work for your idea, so you should approach any solution critically.

The next lesson will be dedicated to detailed contour refinement, so stay tuned!

Vorheriger ArtikelUniversiTTy: Lesson 7. Designing Basic Latin Characters. Glyph Height, Contrast, Optical Sizes
Nächster ArtikelUniversiTTy: Lesson 9. Uppercase Characters. Detailed Contour Refinement

Neueste Publikationen

Kerning, Tracking, Leading & Spacing in der Typografie: Was ist der Unterschied? 

Kerning, Tracking, Leading & Spacing in der Typografie: Was ist der Unterschied? 

Even seasoned designers sometimes mix up the concepts of kerning, tracking, spacing, and leading. Become a pro at distinguishing them! Learn the definitions of these concepts, explore their differences, and discover some helpful tips on how to use them while working on your fonts.

Mehr erfahren
Verzweigungen: Wie die Scandinavian Sans TT Firs optimiert wurde und sein passendes Schriftpaar fand

Verzweigungen: Wie die Scandinavian Sans TT Firs optimiert wurde und sein passendes Schriftpaar fand

In 2023, we breathed new life into the beloved Scandinavian sans serif TT Firs Neue by dramatically refining and renewing the typeface to comply with cutting-edge standards. Soon after, we introduced the text font pair for this typeface — an elegant TT Firs Text. This article is dedicated to how it all began, why we decided to update TT Firs Neue, what we added and modified, and how TT Firs Text was born.

Mehr erfahren
Die Top 10 Typografie-Trends für 2024

Die Top 10 Typografie-Trends für 2024

Willst du deine Typografie auf dem neuesten Stand halten und wirklich inspirierende Projekte gestalten? Die Experten und Designer des TypeType-Schriftstudios freuen sich, in diesem Artikel die wichtigsten Schrifttrends für 2024 mit dir zu teilen. Bleib im Trend!

Mehr erfahren
Die 15 besten Magazin-Schriften für perfekte redaktionelle Designs 

Die 15 besten Magazin-Schriften für perfekte redaktionelle Designs 

Zeitschriften sind eine perfekte Kulisse für die Typografie, um all ihre Dimensionen zum Ausdruck zu bringen. Schriftarten vermitteln in diesem Fall nicht nur Informationen, sondern beeinflussen auch direkt das Design. Sie vermitteln die Botschaft des Magazins und spiegeln seine Werte und Ideen wider. In diesem Artikel erörtern wir, wie Sie die beste Schriftart für Zeitschriften auswählen und stellen eine Liste mit 15 relevanten Optionen für redaktionelle Designs zu verschiedenen Themen zusammen.

Mehr erfahren
UniversiTTy: Lesson 9. Uppercase Characters. Detailed Contour Refinement

UniversiTTy: Lesson 9. Uppercase Characters. Detailed Contour Refinement

Welcome to the ninth lesson of our «UniversiTTy»! In this series, we guide you through the process of font design step by step. The font is a cohesive visual system. This can be seen on all levels: global (font type, weight, proportions, contrast, general forms) and at lower scales that encompass all graphic choices in individual characters. Let’s find out together how visual details influence the overall perception of fonts.

Mehr erfahren
Die 15 besten Outline-Schriften, die von Designern im Jahr 2024 verwendet werden

Die 15 besten Outline-Schriften, die von Designern im Jahr 2024 verwendet werden

Outline-Schriften sind ein hervorragendes Mittel, um einem Design Abwechslung zu verleihen und es attraktiv und plakativ zu gestalten. Wie sehen sie aus? Wo werden sie verwendet? Zu welchen Schriftstilen passen sie?
Wir haben all diese Fragen in diesem Artikel behandelt und eine Auswahl der besten Outline-Schriften für verschiedene Projekte getroffen.

Mehr erfahren
Die 10 besten Schriftarten für Posterdesigns 

Die 10 besten Schriftarten für Posterdesigns 

Plakatdesign ist eine große kreative Spielwiese für die Arbeit mit Typografie. Wie wählen Sie Plakatschriften richtig aus, ohne Ihre Idee zu vernachlässigen? Welche verschiedenen Schriftarten für Plakate gibt es und wie können Sie die richtige finden? Erfahren Sie es in diesem Artikel!

Mehr erfahren
Wie Sie Schriftarten für Ihre Marke auswählen: Ein umfassender Leitfaden für Designer

Wie Sie Schriftarten für Ihre Marke auswählen: Ein umfassender Leitfaden für Designer

Sind Sie immer noch unsicher, wie Sie eine Schriftart für Ihr Logo oder Ihr Website-Design auswählen sollen? Lernen Sie in unserer Schritt-für-Schritt-Anleitung, wie Sie Schriftarten für Designprojekte auswählen und verbessern Sie dabei Ihre Fähigkeiten.

Mehr erfahren
25+ Die besten Gaming-Schriftarten für Ihre Projekte 2024 

25+ Die besten Gaming-Schriftarten für Ihre Projekte 2024 

Wählen Sie die besten Gaming-Schriften aus unserer umfangreichen Schriftensammlung, um Ihre Videospiel-Designprojekte aufzuwerten. Eine gute Schriftart für Ihr Spiel zu finden, ist unerlässlich, denn coole Schriftarten verleihen Ihrem Spiel Individualität. Allerdings können für Spiele ungeeignete Schriften das Spielerlebnis ernsthaft beeinträchtigen.

Mehr erfahren

Mehr erfahren

Wie Sie Schriftarten für Ihre Marke auswählen: Ein umfassender Leitfaden für Designer

Wie Sie Schriftarten für Ihre Marke auswählen: Ein umfassender Leitfaden für Designer

Sind Sie immer noch unsicher, wie Sie eine Schriftart für Ihr Logo oder Ihr Website-Design auswählen sollen? Lernen Sie in unserer Schritt-für-Schritt-Anleitung, wie Sie Schriftarten für Designprojekte auswählen und verbessern Sie dabei Ihre Fähigkeiten.

Mehr erfahren
25+ Die besten Gaming-Schriftarten für Ihre Projekte 2024 

25+ Die besten Gaming-Schriftarten für Ihre Projekte 2024 

Wählen Sie die besten Gaming-Schriften aus unserer umfangreichen Schriftensammlung, um Ihre Videospiel-Designprojekte aufzuwerten. Eine gute Schriftart für Ihr Spiel zu finden, ist unerlässlich, denn coole Schriftarten verleihen Ihrem Spiel Individualität. Allerdings können für Spiele ungeeignete Schriften das Spielerlebnis ernsthaft beeinträchtigen.

Mehr erfahren
Icons und Illustrationen in Schriftarten: Was sind sie und was ist ihr Zweck? 

Icons und Illustrationen in Schriftarten: Was sind sie und was ist ihr Zweck? 

Neben dem Grundbestand an Buchstaben, Zeichen und Symbolen enthalten die meisten Schriften auch andere grafische Elemente. Wovon hängt ihr Aussehen ab? Wie und warum werden sie gestaltet? In welchen Varianten gibt es sie? In diesem Artikel gehen wir auf diese Fragen ein und stellen die faszinierendsten Icons und Illustrationen von TypeType-Schriften vor.

Mehr erfahren
Die 10 besten dünnen Schriftarten 2024: Schlanke und helle Schriftarten für elegantes Design

Die 10 besten dünnen Schriftarten 2024: Schlanke und helle Schriftarten für elegantes Design

Suchen Sie nach der besten dünnen Schriftart für Ihr neues Designprojekt? Entdecken Sie unsere Sammlung dünner, heller und schmaler Schriften und profitieren Sie davon. Jede dieser auf dem Markt erhältlichen Schriften wird Ihre Entwürfe zu etwas Besonderem machen. Diese dünnen Schriftarten passen perfekt zu verschiedenen Druckmedien und digitalen Projekten.

Mehr erfahren
UniversiTTy: Lesson 7. Designing Basic Latin Characters. Glyph Height, Contrast, Optical Sizes

UniversiTTy: Lesson 7. Designing Basic Latin Characters. Glyph Height, Contrast, Optical Sizes

Willkommen zur siebten Lektion unserer „UniversiTTy“! In diesem Artikel setzen wir unsere faszinierenden Erkundungen des Schrifterstellungsprozesses fort. Heute werden wir die Diskussion über optische Kompensationen fortsetzen, herausfinden, wie man die Höhe von Groß- und Kleinbuchstaben bestimmt, und mehr über das Wesen des Kontrasts erfahren.

Mehr erfahren
Die verborgenen Fähigkeiten von Schriftarten

Die verborgenen Fähigkeiten von Schriftarten

Die meisten Schriften bestehen nicht nur aus Buchstaben, Zeichen und Symbolen, sondern auch aus anderen grafischen Elementen, von denen ihr Aussehen abhängt. Wie und warum werden sie gestaltet? In welchen Varianten gibt es sie? In diesem Artikel gehen wir auf diese Fragen ein und stellen die interessantesten Icons und Illustrationen von TypeType-Schriften vor.

Mehr erfahren
UniversiTTy: Lektion 6. Entwerfen grundlegender lateinischer Schriftzeichen. Einführung

UniversiTTy: Lektion 6. Entwerfen grundlegender lateinischer Schriftzeichen. Einführung

Es ist an der Zeit, unsere faszinierende Reise in das vielschichtige Thema des Schriftdesigns fortzusetzen! Der folgende Artikel widmet sich der ersten Phase der Gestaltung grundlegender lateinischer Schriftzeichen: der Konstruktion der Glyphen und der Festlegung der grafischen Merkmale, Proportionen und Konsistenz.

Mehr erfahren
Die besten Newsletter-Schriften für E-Mails: Wie man sie richtig auswählt und einsetzt

Die besten Newsletter-Schriften für E-Mails: Wie man sie richtig auswählt und einsetzt

Wie wählt man die besten Schriftarten für Newsletter aus, um die Qualität der E-Mails auf ein neues Niveau zu heben? Dieser Artikel enthält verschiedene Empfehlungen von professionellen Schriftdesignern bis hin zu Marketingfachleuten zur Auswahl von Typen, Formaten und Größen von Newsletter-Schriften.

Mehr erfahren
UniversiTTy: Lektion 5. Schriften auswählen und mischen: Theorie und Praxis

UniversiTTy: Lektion 5. Schriften auswählen und mischen: Theorie und Praxis

Das Entwerfen einer Schrift ist ein komplexer und sorgfältiger 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önnen. Wir helfen bei der Auswahl einer geeigneten Schriftlösung für das Projekt, ganz gleich, ob es sich um eine bestehende Schrift aus unserer Sammlung handelt oder um eine völlig neue Schrift, die wir von Grund auf neu entwerfen. In diesem Artikel berichten wir über unsere Erfahrungen.

Mehr erfahren