In einer umfangreichen Galerie mit 140 Buttons auf dragnet.se kann man sich aktuelle Trends anschauen oder sich einfach nur inspirieren lassen.

Trend #1: Transparenz

Ein Web 2.0 Trend, der auch hier bei vielen Buttons zu sehen ist, ist die horizontale Aufteilung des Buttons in zwei Teile genau in der Mitte. Die obere Hälfte wird mit einem transparent Verlauf von hell nach dunkel versehen, um den 3D-Effekt zu erzielen.

Variiert wird auch gerne mit einer geschwungenen Linie als Trennung des oberen vom unteren Bereich.

Trend #2: Runde Ecken

Auch hier wieder ist wohl Web 2.0 zuschulden gekommen, obwohl man deutlich sagen muss, dass abgerundete Ecken schon lange existieren. Der Grund hierfür liegt in der deutlich positiver ausfallenden Reaktion der Nutzer. Rundungen kommen wohl nicht nur bei/an Frauen besser an ;)

Trend #3: Pixel-Rahmung

Ein weiterer Trend ist die Umrahmung der Buttons mit einer 1-Pixel-breiten Linie. Bei hellen Buttons ist sie dunkel und umgekehrt. Wesentlicher Vorteil: Erhöhte Schärfe und verbesserter Kontrast mit dem Hintergrund, unabhängig von dessen Farbe.

Trend #4: Riesige Font-Größen

Um Aufmerksamkeit des Lesers zu erzeugen und den Fokus auf z.B. den Download oder die Anmeldung zu lenken, scheuen Web Designer nicht davor, auch Schriftgrößen von über 30 Pixel zu verwenden. Die so entstehenden Buttons sind nunmehr schon strukturelle Teile des layouts als lediglich Interaktionsflächen und bestimmen somit auch das gesamte Design der Seite.

Herausragendes Beispiel ist der Firefox-Download-Button.

Alles in allem eine sehr inspirierende und vor allen Dingen vielfältige Liste von Buttons verschiedenster Funktionen.