Schaltflächen im Webdesign werden als verwendet grafische Ressource das hilft dem Besucher anzuhalten, es zu lesen und die Versuchung zu spüren oder darauf klicken zu müssen. Ist ein "Call-to-action”(Aufruf zum Handeln) in jeder Regel, die wie alles mit Intelligenz und Maß arrangiert werden muss.
Es ist sehr wichtig, den Schaltflächentyp auszuwählen, der am besten funktioniert Zusammenhalt mit dem Erscheinungsbild Ihrer Website oder Ihres Blogs. Ein weiterer zu berücksichtigender Faktor ist, dass, wenn Ihre Seite 5 Schaltflächen hat, alle 5 im Wesentlichen das gleiche Erscheinungsbild beibehalten: gleiche Farbe, gleiche Schriftart, gleiche Größe. In diesem Beitrag erhalten Sie 12 kostenlose Schaltflächen, die Sie herunterladen und verwenden können, wo immer Sie möchten.
12 freie Tasten
6-Tipps Berücksichtigen Sie dies schnell, bevor Sie sich für das eine oder andere Button Pack entscheiden:
- Dass alle Schaltflächen auf Ihrer Website zum gehören gleiche Packung (oder sie stimmen in Farbe, Form und Typografie überein).
- Verwenden Sie nicht mehr Tasten als erforderlich auf Ihrer Seite (Sie laufen Gefahr, sie zu überladen).
- Wenn der Hintergrundfarbe Wenn Ihre Website blau, grün, rot, braun oder schwarz (intensiv) ist, ändern Sie sie gegen eine hellere, bevor Sie sich für eine Schaltfläche entscheiden. Ihr Besucher wird es Ihnen danken.
- Evita Schaltflächen von schlechter Qualität, die pixelig erscheinen (mit diesen wird es Ihnen nicht passieren).
- Wenn Ihre Seite auf Spanisch ist, verwenden Sie keine Schaltflächen mit den Aufschriften "Download", "Read more" usw. Und umgekehrt.
- Wenn Sie anstelle von Bildern Schaltflächen mit CSS3-Code verwenden können, umso besser. Wie strukturierte Gummiknöpfe in CSS3 das haben wir dir vor einiger Zeit beigebracht.
General
Blaue Taste in allen drei Zuständen (normal, gedrückt und aktiv)
Speichern, Abbrechen und Hinzufügen von Schaltflächen
Für Ihre sozialen Netzwerke
Quadratische Social-Media-Schaltflächen
Einfache runde Knöpfe: Farbe 'Mandarine Tango', Farbe 'Honey Suckle', türkis y Mimosenfarbe
Mehr Informationen - Strukturierte Gummiknöpfe in CSS3