Hier werden Sie durch die Schritte zum Erstellen einer einfachen Schaltfläche mit einer durchgehenden Füllung und etwas Text in Adobe XD geführt. Folgen Sie diesen einfachen Schritten.
Wählen Sie das Rechteck-Werkzeug aus, klicken und ziehen Sie, um ein Rechteck beliebiger Größe auf einer Zeichenfläche zu erstellen.
In diesem Beispiel ist die Standardvorlage für das iPhone 6 ausgewählt.
Geben Sie bei noch aktivem Rechteck 200 in das Textfeld Breite und 70 in das Textfeld Höhe ein. Drücken Sie nach jeder Eingabe die Tabulatortaste, um den Wert zu bestätigen.
Anwenden einer festen Füllung
Hier fügen Sie Ihrer Form eine einfarbige Füllfarbe hinzu:
Stellen Sie sicher, dass Ihr Rechteck noch ausgewählt ist. Klicken Sie im Eigenschaftenbedienfeld auf das weiße Feld links neben „Füllen“, um die Farbauswahl zu öffnen.
Scrollen Sie durch die Farben, indem Sie auf den Schieberegler „Farbton“ klicken und ihn ziehen. Nachdem Sie den gewünschten Farbton eingegeben haben, klicken Sie auf eine Farbe im Farbfeld, um sie auf Ihr Rechteck anzuwenden.
Sie können Farben, die Sie häufig verwenden, speichern, indem Sie unten in der Farbauswahl auf das Pluszeichen Farbfeld speichern klicken.
Sie können Ihrer Füllung Transparenz zuweisen, indem Sie den Schieberegler auf der rechten Seite des Farbauswahlfensters verwenden.
Deaktivieren Sie das Kontrollkästchen links neben Rahmen, um den Strich um das Rechteck zu entfernen.
Wenden Sie eine Farbe mit dem Farbwähler an. Speichern Sie eine Farbe, indem Sie auf das Symbol Farbfeld speichern + klicken.
Runden Sie Ihre Ecken ab
Sie können die Ecken quadratisch lassen oder einen der folgenden Schritte ausführen, um die Ecken der Form abzurunden:
Halten Sie die Alt- (Windows) bzw. Wahltaste (Mac OS) gedrückt und ziehen Sie einen Eckenradius, um ihn zu einem unabhängigen Wert zu machen.
Hinzufügen von Text zu Ihrer Schaltfläche
Jetzt fügen Sie den Text zum Button hinzu:
Wählen Sie das Textwerkzeug aus dem Werkzeugbedienfeld und klicken Sie dann in Ihre Schaltfläche. Ein Textcursor erscheint. Machen Sie sich keine Sorgen um die genaue Platzierung des Textfelds, da dieses später verschoben werden kann.
Geben Sie das Wort Senden ein, und wählen Sie dann den Text aus, indem Sie Strg+A (Windows) oder Befehlstaste+A (Mac) drücken.
Ändern Sie bei ausgewähltem Wort die Eigenschaften im Textbereich des Eigenschaftenbedienfelds, um eine gewünschte Schriftart und Schriftgröße auszuwählen. Sie können die Ausrichtung auch ändern, indem Sie die Schaltflächen Linksbündig, Mitte oder Rechtsbündig auswählen.
Sie können Ihre aktuelle Schriftgröße im Textfeld Schriftgröße auswählen und den Pfeil nach oben oder unten drücken, um die Schriftgröße zu erhöhen oder zu verringern.
Klicken Sie auf das Feld Füllen, um die Farbe Ihres Textes zu ändern.
Wählen Sie Ihre Texteigenschaften im Abschnitt „Text“ im Eigenschaftenbedienfeld aus.