12 gratis knappar för din webbplats eller blogg

Ladda ner - 12 gratis knappar

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:

  1. Att alla knappar på din webbplats tillhör samma förpackning (annars matchar de färg, form och typografi).
  2. Använd inte fler knappar än nödvändig på din sida (du riskerar att överbelasta den).
  3. 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.
  4. Evita knappar av dålig kvalitet som verkar pixlade (med dessa kommer det inte att hända dig).
  5. Om din sida är på spanska, använd inte knappar som säger "Ladda ner", "Läs mer", etc. Och vice versa.
  6. 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

"Hämta" -knappar  Download

Texturerade trafikljus knappar Texturerat trafikljus

Rundade knappar Rundade knappar

Blå knapp i alla tre tillstånden (normal, tryckt och aktiv)  Tre stater

Lutningsknappar  Förnedrat

Spara, avbryt och lägg till knappar Spara, avbryt och lägg till

Enkla knappar Enkel

 

För dina sociala nätverk

Fyrkantiga sociala medieknappar


Kvadrater

 

Runda sociala medier knappar Runda

Knappar i komisk ballong Serietidning

Runda knappar 2  Runda

Enkla runda knappar: färg 'tangerine tango', färg 'Honey Suckle', Turkosfärg y Mimosa färg  Tangerine

 

Mer information - Gummistrukturerade knappar i CSS3


Innehållet i artikeln följer våra principer om redaktionell etik. Klicka på för att rapportera ett fel här.

Bli först att kommentera

Lämna din kommentar

Din e-postadress kommer inte att publiceras.

*

*

  1. Ansvarig för uppgifterna: Miguel Ángel Gatón
  2. Syftet med uppgifterna: Kontrollera skräppost, kommentarhantering.
  3. Legitimering: Ditt samtycke
  4. Kommunikation av uppgifterna: Uppgifterna kommer inte att kommuniceras till tredje part förutom enligt laglig skyldighet.
  5. Datalagring: databas värd för Occentus Networks (EU)
  6. Rättigheter: När som helst kan du begränsa, återställa och radera din information.