Knapper i webdesign brukes som grafisk ressurs som hjelper den besøkende å stoppe, lese den og føle fristelsen eller behovet for å klikke på den. Er en "oppfordring til handling”(Call to action) i hver regel som, i likhet med alt, må ordnes med intelligens og mål.
Det er veldig viktig å velge hvilken type knapp som holder mest sammenheng med utseendet til nettstedet eller bloggen din. Og en annen faktor å ta i betraktning er at hvis siden din har 5 knapper, at alle 5 opprettholder det samme utseendet: samme farge, samme skrift, samme størrelse. I dette innlegget gir vi deg 12 gratis knapper som du kan laste ned og bruke hvor du vil.
12 gratis knapper
6 tips Raskt å vurdere før du bestemmer deg for en eller annen knappepakke:
- At alle knappene på nettstedet ditt tilhører samme pakke (ellers samsvarer de med farge, form og typografi).
- Ikke bruk flere knapper enn nødvendig på siden din (du risikerer å overbelaste den).
- Hvis bakgrunnsfarge på nettstedet ditt er blå, grønn, rød, brun eller svart (intens), endre den til en lysere en før du bestemmer deg for en knapp. Den besøkende vil takke deg.
- Evita knapper av dårlig kvalitet som ser ut til å være pixelert (med disse vil det ikke skje deg).
- Hvis siden din er på spansk, må du ikke bruke knapper som sier "Last ned", "Les mer" osv. Og vice versa.
- Hvis du kan bruke knapper laget med CSS3-kode i stedet for bilder, så mye bedre. Som gummistrukturerte knapper i CSS3 som vi lærte deg for en stund siden.
Generelt
Blå knapp i alle tre tilstandene (normal, trykket og aktiv)
Lagre, avbryt og legg til knapper
For dine sosiale nettverk
Firkantede sosiale medier-knapper
Runde knapper på sosiale medier
Enkle runde knapper: farge 'mandarintango', farge 'Honey Suckle', Turkis farge y Mimosa farge
Mer informasjon - Gummistrukturerte knapper i CSS3