Knappar i webbdesign används som grafisk resurs som hjälper besökaren att stanna, läsa den och känna frestelsen eller behovet av att klicka på den. Är en "uppmaning till handling”(Call to action) i varje regel som, precis som allt, måste ordnas med intelligens och mått.
Det är mycket viktigt att välja vilken typ av knapp som håller mest samstämmighet med utseendet på din webbplats eller blogg. Och en annan faktor att ta hänsyn till är att om din sida har 5 knappar, att de 5 har samma utseende i sin väsen: samma färg, samma teckensnitt, samma storlek. I det här inlägget ger vi dig 12 gratis knappar som du kan ladda ner och använda var du vill.
12 gratis knappar
6 tips Snabbt att tänka på innan du bestämmer dig för ett eller annat knapppaket:
- Att alla knappar på din webbplats tillhör samma förpackning (annars matchar de färg, form och typografi).
- Använd inte fler knappar än nödvändig på din sida (du riskerar att överbelasta den).
- Om bakgrundsfärg på din webbplats är blå, grön, röd, brun eller svart (intensiv), ändra den till en ljusare innan du bestämmer dig för en knapp. Din besökare tackar dig.
- Evita knappar av dålig kvalitet som verkar pixlade (med dessa kommer det inte att hända dig).
- Om din sida är på spanska, använd inte knappar som säger "Ladda ner", "Läs mer", etc. Och vice versa.
- Om du kan använda knappar gjorda med CSS3-kod istället för bilder, så mycket desto bättre. Som gummistrukturerade knappar i CSS3 som vi lärde dig för ett tag sedan.
Allmänt
Texturerade trafikljus knappar
Blå knapp i alla tre tillstånden (normal, tryckt och aktiv)
Spara, avbryt och lägg till knappar
För dina sociala nätverk
Fyrkantiga sociala medieknappar
Enkla runda knappar: färg 'tangerine tango', färg 'Honey Suckle', Turkosfärg y Mimosa färg
Mer information - Gummistrukturerade knappar i CSS3