Verschiedene Button
Wir haben für den Button einige fertige Vorlagen erstellt, die du einfach auf deine Seite ziehen kannst und die fix und fertig gestaltet sind. Natürlich kannst du alles anpassen. Button dienen meist dazu, eine Verlinkung zur Verfügung zu stellen. Daher haben Button auch einen sogenannten Hover-Effekt. Wenn ein Besucher mit der Maus über einen Button fährt dann verändert sich das Aussehen und zeigt dem Besucher an, hier kann man klicken. Du solltest also Button immer auch mit einem Link versehen um deine Besucher nicht zu verwirren.
Wir haben versucht, den Button möglichst einfach zu gestalten. Im ersten Entwurf gab es viel mehr Optionen, die zwar mehr Variationen erlaubt aber die Bedienung komplizierter gemacht hätten.
Der Button ist so aufgebaut, dass die Größe nur von der Schriftgröße bestimmt wird. Die Schriftgröße kann bis zu 99 px betragen und je nach Schriftart ist der Button dann unterschiedlich groß. Wie im Bild unten angedeutet, passen sich die Abstände im Button automatisch an. In der Vorschau (1) siehst du einmal einen dunkelblauen Button. So sieht ein Button mit den Standardeinstellungen aus, die im Dialog zu sehen sind. Wir haben dann nur die Schriftgröße auf 99 p erhöht (C) und der aufgehellte, große Button (B) in der Vorschau zeigt nun den Button an, wie er aussieht, wenn man nur die Schriftgröße verändert.
Die Vorlagen zeigen, dass man extrem viele verschiedene Varianten eines Buttons anlegen kann, also auch genau den, der zu der Gestaltung deiner Webseite passt.
Dialog Button
