Verwenden Sie den Button Creator, um 2D- und 3D-Designschaltflächen sowie unsichtbare Schaltflächen zu erstellen und anzupassen. Designschaltflächen ermöglichen unbegrenzt viele Variationen von Stilen und Größen, mit oder ohne Schatten- und Transparenzeffekten, Piktogrammen und Farbstreifen. Schaltflächenfarben passen sich automatisch an die Farbpalette des Projekts an.
Starten Sie, indem Sie den Schaltflächentyp auswählen, den Sie erstellen möchten. Bestimmte Eigenschaften für jeden Typ werden unter diesem angezeigt. Die Textoptionen sind für alle Schaltflächentypen dieselben, mit Ausnahme der unsichtbaren Schaltflächen.
Verwenden Sie die Vorschau, um die Darstellung der von Ihnen erstellen Schaltfläche in allen drei möglichen Positionen zu überprüfen: Erhaben, geklickt oder Rollover.
Text:
Geben Sie den Text, der auf der Schaltfläche angezeigt werden soll, in das Feld ein.
Klicken Sie zum Ändern der Textoptionen (Größe, Farbe, Schriftart etc.) auf das Textsymbol.
Klicken Sie auf das Symbol 'Bearbeiten', um die erweiterten Textoptionen aufzurufen. Ändern Sie die Textdarstellung in erhabener und geklickter Position sowie in Rollover-Position. Deaktivieren Sie das Kontrollkästchen, um die Optionen 'Geklickt' und 'Rollover' freizugeben.
Sie können Ihren Schaltflächen einen Reaktionseffekt verleihen, indem Sie eine andere Schriftart, Größe oder Farbe oder einen Prägungs- oder Gravureffekt verwenden. Setzen Sie nicht sämtliche dieser Optionen für eine Schaltfläche ein. Wenn Sie es übertreiben, wird das Ergebnis eher verwirrend als ansprechend sein.
Warnung:
Schaltflächen werden zu Grafikdateien konvertiert, damit sie im Web übertragbar sind. Die für Grafikdateien mit Text verwendeten Komprimierungsalgorithmen können mitunter zu einer schlechteren Darstellung drucktechnischer Zeichen führen. Überprüfen Sie das Ergebnis in einem Browser, bevor Sie es in das Internet hochladen. Der Vorteil besteht darin, dass jede Schriftart verwendet werden kann, da die Buchstaben in den Schaltflächen zu Grafiken konvertiert werden.
2D:
Wählen Sie zum Erstellen einer 2D-Schaltfläche einfach Farbe und Transparenzstufe sowie Stärke und Farbe für den Rahmen aus. Geben Sie für die Stärke den Wert „0“ ein, wenn Sie keinen Rahmen wünschen.
Wählen Sie für die Ergonomie unterschiedliche Einstellungen für die Positionen 'Erhaben', 'Geklickt' und 'Rollover' aus, damit der Benutzer den Eindruck erhält, dass Ihre Website auf seine Aktionen reagiert.
Design
Wählen Sie Eigenschaften aus den Pulldown-Menüs aus, um mit nur wenigen Klicks eine Vielzahl an Schaltflächen mit anspruchsvollen Grafiken zu erstellen.
Typ: Standard
Standardschaltflächen weisen geometrische Formen mit Schatten und 3D-Tiefeneffekten auf. Wählen Sie zum Erstellen einer Schaltfläche eine Form und eine Größe aus, und fügen Sie einen Textureffekt hinzu.
Die Höhe der Schaltflächen entspricht ihrer Darstellung: flach oder erhaben (mit Prägungs- oder Gravureffekt). Wählen Sie eine Farbe aus oder zwei, um der Schaltfläche einen Streifen hinzuzufügen. Ändern Sie diese Einstellungen für unterschiedliche Positionen ('Erhaben', 'Geklickt' und 'Rollover'), um der Schaltfläche Dynamik zu verleihen.
Typ: Piktogramm
Die Piktogrammschaltfläche verwendet eine Grafik, die allgemein bekannte Aktionen (Übernehmen, Abbrechen etc.) oder Ziele (Startseite, Zurück etc.) repräsentiert. Diese Schaltflächen sind sehr nützlich, da sie auf visuellen Konventionen basieren und die Navigation innerhalb Ihrer Website erleichtern.
Das Piktogramm entspricht dem Symbol, das Sie aus der Pulldown-Liste auswählen. Anschließend können Sie im oberen Bereich die Form, Textur und Höhe der Piktogrammschaltfläche auswählen.
Sie können einer Piktogrammschaltfläche einen Schatten- oder Prägungseffekt hinzufügen, um ihr mehr Tiefe zu verleihen.
Wählen Sie zwei Farben aus: Eine für den Hintergrund der Schaltfläche, die andere für das Piktogramm. Ändern Sie diese Einstellungen für unterschiedliche Positionen ('Erhaben', 'Geklickt' und 'Rollover'), um der Schaltfläche Dynamik zu verleihen. Deaktivieren Sie hierzu das Kontrollkästchen 'Symbol des erhabenen Status verwenden'.
Hinweis:
Aufgrund ihrer geringen Größe empfiehlt es sich nicht, Piktogramme mit einem Text darüber zu verwenden. Eine Piktogrammschaltfläche identifizieren Sie am besten, indem Sie auf der Registerkarte 'Aktionen' einen Tool-Tip hinzufügen. Sie können einfach das Ziel der Schaltfläche benennen oder eine kurze Anweisung angeben (beispielsweise „Wenden Sie sich für weitere Informationen an uns“ auf einer E-Mail-Schaltfläche).
Typ: 3D
Umschalt-Schaltfläche:
Mit dieser Option verhält sich die Schaltfläche wie ein Schalter, mit einer oberen und einer unteren Position. Sobald auf die Schaltfläche geklickt wird, bleibt sie in der unteren Position, bis erneut auf sie geklickt wird.
Wenn der Umschalter inaktiv ist, nimmt die Schaltfläche wieder ihre Ausgangsform an, sobald darauf geklickt wurde. Stellen Sie sich einen Kassettenrekorder vor. Sobald Sie eine Taste drücken, bleibt diese unten. Drücken Sie die Taste ein zweites Mal, kehrt diese an ihre ursprüngliche Position zurück.
Typ: Grafikschaltfläche:
Diese Schaltfläche besteht aus drei Grafiken für die Positionen 'Erhaben', 'Geklickt' und 'Rollover'.
Erhaben: Ausgangsgrafik der Schaltfläche.
Geklickt: Grafik, sobald auf die Schaltfläche geklickt wird.
Rollover: Grafik, sobald der Mauszeiger über die Schaltfläche gleitet.
Nur die erhabene Position ist obligatorisch. Die Grafiken, auf die geklickt wird, oder über die der Mauszeiger gleitet, sind optional, verleihen der Seite jedoch mehr Dynamik.
Typ: Unsichtbare Schaltflächen
Diese Schaltflächen sind sehr nützlich, um Hot Zones in technischen Grafiken oder Abbildungen zu verwenden. Kombinieren Sie diese Schaltflächen mit Tool-Tips, um die Untersuchung einer verknüpften Grafik zu erleichtern.
Sie können die Größe einer unsichtbaren Schaltfläche ändern, um sie an die Grafikgröße einer Seite anzupassen.