Tutorials

Schriften und Text-Design: Entwurfsvorlagen-Defaults festlegen

Überall dort, wo in Deiner Visualisierung Text vorkommt, ist es möglich, diesen bezüglich Schrift und Schriftsatz individuell einzustellen, indem Du auf das A am Ende der Zeile klickst. Diese Anpassungen richten sich primär an die Template-Erstellungen und können beim Erstellen/ Anpassen eines Templates übernommen werden. Dem gegenüber gibt es auch die Schrift- und Textanpassungen der Visualisierungen, die nur für die aktuelle Visualisierung angepasst werden, das Tutorial dazu findest Du hier. In diesem Tutorial erklären wir Dir welche Möglichkeiten der Anpassung Du für Deine Default-Entwurfsvorlage Einstellungen treffen kannst.

Du hast die Möglichkeiten folgende Komponenten anzupassen:

  • Ausrichtung
  • Schriftart
  • Gewicht
  • (Schrift)Größe
  • Zeilenhöhe
  • Farbe
  • Schatten
  • Padding
  • Margin

Ausrichtung

Bezüglich der Textausrichtung gibt es folgende Auswahlmöglichkeiten:

  • blocksatz
  • zentriert
  • linksbündig
  • rechtsbündig

Als Default wird bei 23° linksbündig ausgewählt.

Schriftart

Als Standard ist bei uns die Schriftart Roboto eingestellt. Bei Bedarf kannst Du eine andere Schriftart aus den freien Schriften wählen, die im System vorhanden sind.

Je nach Art des 23°-Abos ist es auch möglich, eine eigene Schriftart zu hinterlegen. Bei Bedarf melde Dich bitte direkt bei uns unter [email protected].

Gewicht

Je nachdem, welche Schriftart ausgewählt ist, sind verschiedene Stile verfügbar. Du kannst diese einfach im Dropdown aussuchen. Vorhanden sind folgende Stile:

Hier wird Deine gewählte Schriftart in den unterschiedlichen Stilen beispielhaft dargestellt.

Schriftgröße

Die Schriftgröße lässt sich entweder durch anklicken der Pfeile neben der Ziffer, die nach oben und unten zeigen, oder mittels Verschieben des Punktes auf der Linie anpassen. Darüber hinaus ist es möglich, die gewünschte Größe (Punkte) direkt in das Ziffern-Feld zu schreiben.

Zeilenhöhe

Die Zeilenhöhe lässt sich nach Punkten für die Schrift individuell einstellen. Sie entscheidet wie weit die vorhandenen Textzeilen voneinander entfernt sind.

Schriftfarbe

Durch Klick in das Farb-Kästchen gelangst Du in die Farbauswahl. Hier kannst Du durch Verschieben des Kreises die passende Farbe sowie Deckkraft einstellen. Oder Du gibst direkt die Farbwerte (Hex, RGB oder HSL) der gewünschten Farbe ein.

Schatten

Hier kannst Du, wie gewohnt, zunächst die Farbe und Deckkraft (siehe Schriftfarbe) des Schriftschattens wählen. Der Wert unter X und Y gibt dagegen an, um wie viele Punkte der Schatten auf den beiden Achsen verschoben ist. Blur beschreibt die selektierte Unschärfe des Schriftschattens.

Padding

Unter Padding versteht man den Innenabstand eines Elements, in diesem Fall des Textelements. Das ist der Zwischenraum zwischen dem Inhalt eines Elements und der Elementgrenze. Dieser Zwischenraum kann individuell für alle vier Seiten bzw. Richtungen  des Elements gewählt werden.

Margin

Der Wert Margin wird zum Positionieren des Elementes genutzt. Es handelt sich hierbei um den Außenabstand. Dieser befindet sich außerhalb des eigentlichen Elements. So kann der Abstand zu anderen Elementen oder zu den Seitenrändern festgelegt werden. Auch dieser ist für alle vier Seiten bzw. Richtungen einzeln einstellbar.

Nachdem Du alle Einstellungen angepasst hast, kannst Du sie in einer Entwurtfvorlage/ Template speichern, so das Du sie auf die nächsten Visualisierungen anwenden kannst. Wie Du das machst, zeigen wir Dir in diesem Tutorial.

Kontakt

Tigergasse 3/5,
1080 Wien,
Austria

[email protected]
© 2024 by 23degrees. All rights reserved