30 + Call to Action -skabeloner til download
Der er næppe nogen hjemmeside, der ikke har to slags knapper, nemlig; sociale medier knapper og call-to-action knapper. Mens den førstnævnte er et helt andet emne, i dette indlæg, præsenterer jeg Call-to-Action-knapskabeloner til download.
Da webdesignere altid er på udkig efter en frisk samling af call-to-action-knapper til deres rådighed, er her en samling af call-to-action-knapper, der spænder fra HTML, CSS og JavaScript til professionelt designede Photoshop-formater. Lad os se.
Redaktørens note: Dette indlæg blev oprindeligt offentliggjort i august 2014 og blev opdateret i marts 2018 på baggrund af nyt indhold af Ashutosh KS.
Knapper i HTML / CSS / JS
Fancy Floaty Button
Hvis du er på udkig efter en sjov måde at vise handlinger på, lyder Fancy Floaty Button som et ideelt valg. Det viser en simpel farvet knap, der flyder med en langsom op og ned overgang. Du kan også ændre indhold og design efter behov.
RubyMotion CTA-knap
RubyMotion CTA-knappen er en smuk og attraktiv call-to-action-knap, takket være den levende farve. Jeg kan lide animation på hover, som fylder hele knappen med farve.
Pulserende CTA
Denne skabelon viser en enkel Call-to-Action-knap med en pulserende baggrund. Takket være dens pulserende natur er det mærkbar nok til at fange hver besøgendes opmærksomhed.
Knappen Flip-down Call to Action
Knappen Flip-down Kald til handling er en simpel call-to-action-knapskabelon med a flip animation, der ser ud til at en postkasse åbner. På grund af denne animation kunne jeg godt lide denne knap.
Seks knapper med Hover Animationer
Dette sæt af seks knapper med forskellige typer svæveanimationer er et perfekt sæt af en opfordring til handling knapper, hvis du søger at placere forskellige knapper og holde det helt unikt.
YouTube Call to Action
Hvis du ønsker at vise en video- eller promo-link som en opfordring til handling, er YouTube Call to Action det ideelle valg. Det viser et a ren, synlig knap, der viser yderligere oplysninger om svømmeren, og du kan tilpasse sine farver for at holde det sammen med dit design.
Materiale Design Animerede Buttons
Material Design Animerede knapper bringer ud enkelheden af materiale design i en opfordring til handlingsknap. Det viser fire knapper med varierede designs og ripple effekter.
Micro Interaction Button
En smuk og interaktiv call-to-action-knapskabelon, Micro Interaction Button, viser et rent design som viser knaptekst sammen med et ikon. Selv om denne skabelon viser et ikon på hover, kan du tilpasse det til at tilføje et andet indhold også.
Stærk CTA Button Animationer
Stærk CTA-knap Animationer viser flere knapper i forskellige farver. Jeg kunne godt lide sine knapper 'plain og simpelt design med en overgangseffekt på baggrunden farve.
Mainstream CTA
Den foretrukne kald-til-handling-knap, som du ser overalt på nettet. Dette CSS-baseret skabelon forklarer også grundlæggende designspecifikationer for at oprette en knap, der konverterer.
Opkald til handling eksperiment
Call to Action Experiment er et andet interaktivt tastetryk som Micro Interaction Button. Det viser tekst i normal tilstand og viser et ikon i hover-tilstand. Som med den anden knap kan du også tilpasse den til at vise indhold for at forbedre interaktionen.
Knapper i Photoshop PSD
Web 2.0 Knapper Kit
Det er et smukt sæt med flere call-to-action knapper, herunder Tilmeld dig, download, læs flere knapper, osv. Det viser disse knapper i forskellige stilarter og farver, så du kan vælge den knap, der passer bedst til dit mærke og design for ydeevne.
CALL-TO-ACTION-knap
CALL-TO-ACTION Button er en simpel og attraktiv knap til at vise handlinger. Det viser et a runde design med en gradient baggrund.
Ring til handlingsknapper
Et sæt trefarvede knapper, Opkald til handlingsknapper viser fremvisningsknappen i tre forskellige farver og to tilstande - normal og presset (Klikket). Du kan også ændre knappen for at vise separate handlinger, mens du holder knappens design.
Big Green Button (PSD)
Big Green Button fremviser a single, big call-to-action-knap Det er perfekt til at vise udvidet info eller tekst sammen med en handlingsmæssig genstand, for eksempel prisinformation.
Gratis Call to Action Buttons
Gratis Call to Action-knapper viser a tilmeldingsknap i flere størrelser og farver. Selv om deres design er ens, hjælper deres sortiment med at vælge den bedste pr. Behov.
Web Designer Button Set
Denne skærm til handling-skabelon viser flere knapvarianter, fremvisning afrundede knapper, runde knapper og små cirkulære knapper. I dette sæt kan du også mærke effekten af forskellige skygger og grænser, og vælg den, der anses for passende.
Call to Action Butttons
Call to Action Butttons er en simpel skabelon, der viser flere knapper med forskellige former og en gradient baggrund i varierede farver. Sættet viser talrige knapper og indeholder ikoner også, efter den nuværende tendens i tekst cum ikon knapper.
Opkald til handlingsknap PSD
Opkald til handlingsknap PSD er en skabelon der viser to kombinerede knapper til oprettelse af handlingsbare gruppe knapper. Skabelonen indeholder tekst cum ikon i knappen og viser et knapsæt med cirkulær kant og to tilstande eller tilstande - normal og klikket.
Opkald til handling knapper PSD-fil
Denne knapskabelon, som den ovenstående, viser en knap med noget tekst cum-ikon, en gradient baggrund og en afrundet kant i normale såvel som svinger.
Download + Upload Knapper PSD
Download + Upload Knapper PSD præsenterer tre sæt knapper i to farver og design. Selvom skabelonen viser upload og download knapper endnu, kan du ændre det for at opfylde dine krav. Det viser også knapperne i svæve- og ikke-svævende tilstande.
CTA knapper
CTA-knapper viser tre sæt til handlingsknapper i varierede farver. Knapperne er defineret, fed og vis stilen i to forskellige tilstande - normal såvel som svinger.
Lær mere knapper
Lær mere Knapper viser et a lære mere knap er tre forskellige stilarter - normal, sving og aktiv / klikket. Disse knapper indeholder tekst (“Lær mere”) og et ikon, men du kan selvfølgelig ændre deres indhold, så de passer til dit mærke eller dit webstedskrav.
Gratis knapsæt
Free Button Set viser flere knapper i forskellige farver - lys og mørk - for at passe til forskellige farveskemaer eller temaer. Der er fem knapper i denne skabelon med varierede designs, der vises ikon, badge og tekst i en anden stil, på forskellige steder.
3 “Opfordring til handling” Knapper
Et sæt af helt unikke “opfordring til handling” knapper designet af Kuldar Kalvik.
3D knapper
Pretty 3D knapper, som vil fungere ret godt som “opfordring til handling” knapper.
Tilføj til kurvknapper
Dette sæt overstiger sandsynligvis kvaliteten af de fleste varer, der findes i premium-markedet, ser meget ud charmerende og professionel.
Aqua Texture Button
Høj kvalitet og stor nok til at kræve en handling.
Bright 3D Buttons
Pænt designet 3D-knapper med afbalanceret typografi og smuk farveskema.
“Opfordring til handling” Knap
Meget cool og slank “opfordring til handling” knap, der kan tilpasses til forskellige designs.
Download-knap
Et sæt af minimalistiske download knapper, der kommer i 3 forskellige tilstande - standard, sving og klikket.
Grøn App Store-knap
Den bedste gratis app store relateret “opfordring til handling” knappen jeg har set hidtil.
Pink Levende “Opfordring til handling”
Lyserød og passende designet “opfordring til handling” det tiltrækker dig virkelig til at klikke på det.
Rød downloadknap
Smuk unik downloadknap velegnet til software eller webapplikation websted.
Sexy Green Download Button
En grøn knap, der frister dig til at klikke på den.
Webknapper Vector Graphic
Professionelt designet webknapper til forskellige anvendelser skabt af design professionelle DryIcons.
