So passen Sie die Texteigenschaften in Adobe XD an

Wenn Ihr Adobe XD-Projekt Text enthält, können Sie die Texteigenschaften ändern. Zu diesen Eigenschaften gehören Schriftfamilie, Schriftgröße, Schriftstärke, Ausrichtung, Zeichenabstand (Kerning und Nachführung), Zeilenabstand (voreilend), Füllung, Rahmen (Strich), Schatten (Schatten) und Hintergrundunschärfe. Sehen wir uns also an, wie diese Eigenschaften angewendet werden.

Über Lesbarkeit und Schriftauswahl

Die Auswahl einer Schriftart ist von entscheidender Bedeutung. Möglicherweise haben Sie in Ihrem System viele Schriftarten zur Auswahl, aber nur einige wenige werden es als erfolgreiche Wahl für das Lesen auf dem Bildschirm eignen. Einige Merkmale, auf die Sie bei Ihrer Schriftartenauswahl achten sollten, sind die folgenden:

• Serifen oder Nicht-Serifen? Unten sehen Sie oben eine Schriftfamilie im Serifenstil und unten eine in serifenloser Schrift. Serifen haben einen leichten Vorsprung, der einen Buchstabenstrich abrundet. Sans-Serif hingegen hat diese leichte Projektion nicht. Serifenlose Schriften sehen in der Regel moderner aus und sind eine beliebte Wahl für interaktive Anwendungen und Websites. In der Vergangenheit glaubte man, dass Schriftfamilien mit Serifen bei großen Textmengen leichter zu lesen sind. Tests, die mit Eye-Tracking-Geräten durchgeführt wurden, haben gezeigt, dass es keinen großen Unterschied in der Lesbarkeit zwischen Serifen und Sans-Serifen gibt. Sie können also ruhig einen der beiden Stile auswählen, solange Sie einige der anderen folgenden Schriftmerkmale beachten.

  Oben eine Serifenschrift, unten eine serifenlose Schrift.

• Gerade, gleichmäßige Strichstärken: Da Ihre Schrift aus Pixeln erstellt wird, ist es am besten, die Breite Ihres Textes nicht zu stark zu variieren. Sie können in einer Pixelvorschau den Unterschied zwischen einer Schriftart mit Variation in der Breite (oben) und einer Schriftart mit konsistenter Breite sehen.

  Die obere Schriftart weist Variationen in den dicken und dünnen Linien auf, die die Schriftart erstellen. die untere Schriftart ist einheitlich und auf dem Bildschirm besser lesbar.

• Starke Zähler: Zähler sind die Löcher, die Sie in Buchstaben wie „O“, „B“ und „R“ sehen. Achten Sie darauf, wie groß diese Zähler sind, da sie auch zu Lesbarkeitsproblemen führen können, wenn sie sich schließen, wenn sie als Pixel auf einem Bildschirm angezeigt werden. Eine Pixelansicht von zwei verschiedenen Schriftfamilien wird angezeigt; sehen Sie, wie die Zähler im Vergleich zueinander aussehen.

  Suchen Sie in Ihrer Auswahl an Schriftfamilien nach starken offenen Zählern.

• Unterlängen und Versalhöhe: Kurze Unterlängen und niedrige Versalhöhen sind wichtig für die Lesbarkeit auf dem Bildschirm. Oben sehen Sie eine Schriftfamilie mit kurzen Unterlängen und niedrigen Versalhöhen; unten eine Schrift mit langen Unterlängen und hohen Versalhöhen.

  Eine Schriftfamilie mit kurzen Unterlängen und einer niedrigen Versalhöhe ist normalerweise auf dem Bildschirm leichter zu lesen.

Auswahl Ihrer Schriftfamilie

Nachdem Sie nun wissen, was eine bessere Schriftauswahl für die Lesbarkeit ausmacht, verwenden Sie das Eigenschaftenbedienfeld, um eine auszuwählen. Folgende Punkte sollten Sie bei der Auswahl beachten:

• Schriftfamilie: Nachdem Sie einen Typ auf Ihrem Bildschirm eingegeben haben, können Sie ihn auswählen und das Dropdown-Menü „Schriftfamilie“ im Abschnitt „Text“ des Eigenschaftenbedienfelds auswählen. Wenn Sie die gewünschte Schriftart kennen, geben Sie einfach den Namen der Schriftart in das Textfeld Schriftfamilie ein. Wenn sie in Ihrem System vorhanden ist, wird sie in Ihrer Liste gefunden.

  Vergessen Sie nicht, dass Ihnen über Adobe TypeKit Schriftarten zur Verfügung stehen.

• Schriftstärke: Nachdem Sie eine Schriftfamilie ausgewählt haben, können Sie eine Schriftstärke aus dem Dropdown-Menü Schriftstärke auswählen. Abhängig von den Schriftarten, die Sie in Ihrem System haben, haben Sie verschiedene Auswahlmöglichkeiten für die Schriftart.

  Wählen Sie eine Schriftfamilie und eine Schriftstärke.

• Schriftgröße: Sie können einfach eine Schriftgröße in das Textfeld „Schriftgröße“ eingeben, aber wenn Sie nicht sicher sind, welche Größe am besten funktioniert, können Sie Ihren Cursor unter das Textfeld „Schriftgröße“ positionieren und klicken und ziehen. Suchen Sie vor dem Ziehen nach dem Doppelpfeil. Durch Ziehen nach oben wird die Größe verringert; nach unten erhöht die Größe.

  Klicken und ziehen Sie, um die Schriftgröße visuell zu ändern.

• Ausrichtung: Sie können Ihren ausgewählten Text mithilfe der Ausrichtungsschaltflächen im Abschnitt „Text“ des Eigenschaftenbedienfelds in „Linksbündig“, „Mitte“ oder „rechtsbündig“ ändern.
• Zeichenabstand: Der Zeichenabstand bezieht sich auf den Abstand zwischen den Zeichen. Dies wird als Verfolgung bezeichnet . Hier sehen Sie das Ergebnis der Erhöhung des Abstands zwischen den Zeichen.

  Zeichen mit normalem Abstand, auf 0 (Null) und dann auf 150 setzen.

Beachten Sie, dass Sie die gleiche Klick-und-Ziehen-Technik verwenden können, die im Textfeld Schriftgröße verfügbar ist, um den Zeichenabstand visuell zu ändern.

Sie können die Größe des Zeichenabstands auch visuell durch Klicken und Ziehen ändern.

• Zeilenhöhe: Zeilenhöhe ist führender , der Raum zwischen den Textzeilen. Dies kann beim Informationsdesign eine wichtige Rolle spielen. Stellen Sie daher sicher, dass Sie dies in Ihrem gesamten Design konsistent verwenden. Sie können Ihren Cursor auch unter dem Textfeld Zeilenhöhe positionieren und klicken und nach oben oder unten ziehen, um die Zeilenhöhe zu verringern oder zu erhöhen.
• Farbe: Ändern Sie die Füllfarbe, indem Sie im Eigenschaftenfenster auf das Feld neben Füllfarbe klicken. Sie führen diese Aufgabe auf die gleiche Weise wie bei jeder Form durch. Wählen Sie das Feld Füllen und wählen Sie eine Farbe aus dem Farbwähler. Sie können auch Transparenz für Ihren Text auf der Transparenzfolie auswählen, die rechts neben dem Farbwähler verfügbar ist.
• Rahmen: Beim Anwenden eines Rahmens wird ein Strich um Ihren Text gelegt. Dies wird nicht empfohlen, da es zu Lesbarkeitsproblemen führen kann. Verwenden Sie es sparsam und vielleicht nur für Spezialeffekte. Das Bild unten zeigt ein Beispiel für eine größere Schrift mit einem dünnen Strich und einer weißen Füllung auf einem dunkleren Hintergrund. In einer solchen Situation könnte ein Rahmen funktionieren, aber nicht mit kleinerem Text.

  Ein kleiner Rand mit weißer Füllung auf dunklem Hintergrund.