Typografie & Masse

Diese Seite bietet zwei kostenlose Werkzeuge zum Organisieren von Typografie und Benutzeroberflächenmaßen. Typografische Skala erstellt eine Größenstaffel aus einem Verhältnis, und Pixel und REM konvertiert Pixel und rem mit einer gewählten Basis. Sie helfen Designern und Entwicklern, eine Texthierarchie festzulegen und Werte zwischen Einheiten umzurechnen. Beide Werkzeuge erfordern keine Registrierung und behalten Ihre Arbeit im Browser.

Beginnen Sie mit dem Werkzeug Typografische Skala, wenn Sie eine Abstufung der Größen benötigen, zum Beispiel für Überschriften und Absätze. Verwenden Sie Pixel und REM, wenn Sie bereits Werte zum Umrechnen haben oder eine Basis prüfen möchten. Die beiden Werkzeuge arbeiten gut zusammen: Die Skala legt die Stufen fest, dann hilft die Umrechnung, sie in rem auszudrücken. Sie sind kostenlos und erfordern keine Registrierung.

Bedienung

Beginne mit Typografische Skala, um eine Größenprogression festzulegen, und wähle ein Verhältnis, das zu deiner Texthierarchie passt.
Notiere die erhaltenen Werte und nutze dann Pixel und REM, um sie mit der Basis deines Projekts in rem umzurechnen.
Prüfe abschließend, dass Überschriften, Unterüberschriften und Fließtext über mehrere Bildschirmbreiten hinweg lesbar und konsistent bleiben.
Prüfe die Umrechnungen ein letztes Mal mit Pixel und REM auf einem kleinen und einem großen Bildschirm und passe dann die Basis oder die Schritte an, wenn Text zu eng wirkt.

Häufige Fragen

Warum eine typografische Skala verwenden?

Typografische Skala erstellt eine Größenstaffel aus einem Verhältnis. Sie hilft, eine konsistente Hierarchie zwischen Überschriften, Unterüberschriften und Fließtext beizubehalten. Das Werkzeug ist kostenlos und erfordert keine Registrierung.

Welche Basis sollte ich für Pixel und REM wählen?

Pixel und REM konvertiert mit einer gewählten Basis. Die Basis ist die Referenzgröße, die Sie in Ihrem Projekt verwenden. Prüfen Sie diesen Ausgangswert vor der Umrechnung.

Arbeiten die beiden Werkzeuge zusammen?

Ja. Das Werkzeug Typografische Skala definiert die Stufen, dann können Pixel und REM die resultierenden Werte umrechnen. So bleibt eine lesbare Abstufung und passende Einheiten erhalten. Beide sind kostenlos, erfordern keine Registrierung und bleiben in Ihrem Browser.

Wie wende ich eine Skala an und rechne dann in rem um?

Definiere zuerst die Schritte mit Typografische Skala. Notiere die gewünschten Größen und öffne dann Pixel und REM, um diese Werte mit der gewählten Basis umzurechnen. Prüfe das Ergebnis in deinem Stylesheet, um eine regelmäßige Hierarchie zu erhalten.

Was sollte ich prüfen, bevor ich ein Verhältnis in Typografische Skala wähle?

Betrachte den Unterschied zwischen dem kleinsten und größten geplanten Text. Ein starkes Verhältnis kann Lücken erzeugen, die schwer zu nutzen sind, während ein schwaches Verhältnis die Hierarchie weniger klar macht. Teste dann die Schritte mit Pixel und REM, um sie in deinen Einheiten auszudrücken.