30+ »Klic na akcijo« Predloge za prenos
Obstaja skoraj nobena spletna stran, ki nima dveh vrst gumbov, in sicer; gumbi za družabne medije in gumbi poziva k dejanjem. Medtem ko je nekdanji popolnoma drugačna tema, v tem prispevku sem predloge za poziv k dejanjem za prenos.
Ker spletni oblikovalci vedno iščejo svežo zbirko gumbov za poziv k dejanjem, je tukaj na voljo zbirka gumbov za poziv do dejanja, ki segajo od HTML, CSS in JavaScript za profesionalno oblikovane formate Photoshop. Poglejmo.
Opomba urednika: Ta objava je bila prvotno objavljena avgusta 2014 in je bila posodobljena marca 2018 na podlagi novih vsebin, ki jih je objavil Ashutosh KS.
Gumbi v HTML / CSS / JS
Fancy Floaty gumb
Če iščete zabaven način za prikaz predmetov, ki so primerni za ukrepanje, potem Fancy Floaty Button zveni kot idealna izbira. To kaže preprosto barvni gumb, ki plava s počasnim prehajanjem navzgor in navzdol. Vsebino in zasnovo lahko spremenite tudi po potrebi.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download.jpg)
Gumb RubyMotion CTA
Gumb RubyMotion CTA je lep in privlačen gumb za klicanje, zahvaljujoč živahni barvi. Všeč mi je animacija pri lebdenju, ki zapolni celoten gumb z barvo.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_2.jpg)
Utripajoči CTA
Ta predloga je preprosta gumb s pozivom k dejanju z utripajočim ozadjem. Zaradi svoje utripajoče narave je dovolj opazna, da pritegne pozornost vsakega obiskovalca.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_3.jpg)
Gumb za odpiranje pokrovčka
Spodnja klicna tipka Klic k dejanju je preprosta predloga klicanja na dejanje z a animacija flip, ki se zdi, kot da se odpre poštni predal. Zaradi te animacije mi je bil ta gumb všeč.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_4.jpg)
Šest gumbov z animacijami Hover
Ta niz šestih gumbi z različnimi vrstami animacij hover je popoln nabor gumbov klicanja dejanj, če iščete različne vrste gumbov in jih ohranite edinstvene.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_5.jpg)
YouTube - poziv k dejanju
Če želite prikazati videoposnetek ali promocijsko povezavo kot poziv k dejanju, je YouTube klic na akcijo idealna izbira. Prikazuje a čist, viden gumb, ki prikazuje dodatne informacije o lebdenju, in lahko prilagodite njegove barve, da se izognete skupaj z vašim dizajnom.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_6.jpg)
Material Design Animirani gumbi
Animirani gumbi za oblikovanje materiala prikazujejo preprostost oblikovanja materiala v gumbu za klic na dejanje. Kaže štirje gumbi z različnimi oblikami in valovitimi učinki.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_7.jpg)
Gumb za mikro interakcijo
Lepa in interaktivna predloga gumba za klicanje in dejanje, Micro Interaction Button, prikazuje čisto obliko prikazuje besedilo gumba skupaj z ikono. Čeprav ta predlog prikazuje ikono na hoverju, jo lahko prilagodite, da dodate tudi druge vsebine.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_8.jpg)
Močne animacije gumbov CTA
Strong CTA Button Animations prikazuje več gumbov v različnih barvah. Všeč mi je bil njegov navaden gumb preprosta zasnova s prehodnim učinkom na njeno ozadje barve.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_9.jpg)
Mainstream CTA
Najljubši gumb poziva k dejanju, ki ga vidite povsod v spletu. To Predloga na osnovi CSS pojasnjuje tudi osnovne specifikacije oblikovanja za ustvarjanje gumba, ki se pretvarja.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_10.jpg)
Eksperiment s klicem na dejanja
Eksperiment s klicem na akcijo je še en interaktivni gumb, kot je gumb za interakcijo mikroskopov. Kaže v običajnem načinu in prikaže ikono v načinu hover. Kot pri drugem gumbu, ga lahko prilagodite tako, da prikaže vse vsebine, s katerimi izboljšate interakcijo.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_11.jpg)
Gumbi v Photoshopu PSD
Komplet gumbov Web 2.0
To je čudovit komplet večih gumbov za poziv k dejanjem, vključno z prijavite se, prenesite, preberite več gumbov, itd prikazuje te gumbe v različnih stilih in barvah, kar vam omogoča, da izberete gumb, ki najbolj ustreza vaši znamki in oblikovanju za učinkovitost..
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_12.jpg)
Gumb za klicanje
Gumb za klicanje je preprost in privlačen gumb za prikaz predmetov, ki jih je mogoče uporabiti. Prikazuje a okrogla oblika z gradientnim ozadjem.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_13.jpg)
Gumbi za klicanje
Set treh barvnih gumbov, Call To Action Buttons prikaže gumb za prenos tri različne barve in dva načina - normalno in pritisnjeno (kliknili). Gumb lahko spremenite tudi tako, da prikazuje ločeno dejanje, hkrati pa ohranja obliko gumba.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_14.jpg)
Veliki zeleni gumb (PSD)
Big Green Button prikazuje a en sam gumb za veliko klicanje ki je kot nalašč za prikazovanje razširjenih informacij ali besedila skupaj z dejanjem, ki ga je mogoče uporabiti, na primer o cenah.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_15.jpg)
Gumbi za brezplačni klic
Gumbi za brezplačne klice za akcijo prikazujejo a gumb za prijavo v več velikostih in barvah. Čeprav je njihova zasnova enaka, pa njihova raznolikost pomaga izbrati najboljše za vsako potrebo.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_16.jpg)
Gumb za oblikovanje spletnih oblikovalcev
Predloga gumba za poziv k dejanjem prikazuje več različic gumbov, ki prikazujejo zaobljeni gumbi, gumbi okroglega roba in majhni krožni gumbi. V tem nizu lahko opazite tudi učinke različnih senc in meja ter izberete tistega, ki se vam zdi primeren.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_17.jpg)
Poziv k ukrepanju
Poziv k akciji je preprosta predloga, ki prikazuje več gumbov z različnimi oblikami in prelivnim ozadjem v različnih barvah. Sej se pokaže številne velikosti gumbov in vključuje ikone tudi po trenutnem trendu ikon gumbov za besedilo cum.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_18.jpg)
Gumb za klic na akcijo PSD
Gumb »Pokliči za dejanje« PSD je prikazana predloga dva kombinirana gumba za ustvarjanje aktivnih gumbov skupine. Predloga vključuje ikono besedila cum v gumbu in prikaže nabor gumbov s krožno obrobo in dvema državama ali načinoma - normalno in s klikom.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_19.jpg)
Klicni gumbi PSD datoteke
Predloga gumba, kot je zgoraj, prikazuje gumb z ikono nekega besedila, z ozadjem preliva in zaokroženo obrobo tako v navadnih kot tudi obrnjenih državah..
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_20.jpg)
Prenesi + Prenesi gumbe PSD
Prenos + Prenos gumbov PSD predstavlja trije gumbi v dveh barvah in oblikah. Čeprav predlog kaže gumbe za nalaganje in prenos, jih lahko spremenite, da bo ustrezal vašim zahtevam. Prav tako prikaže gumbe v stanj hover in non-hover.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_21.jpg)
Gumbi CTA
Gumbi CTA prikazujejo tri klicne tipke za klicanje v različnih barvah. Gumbi so definirani, krepko in prikaže slog v dveh različnih načinih - normalno kot lebdenje.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_22.jpg)
Več o tem gumbih
Več o tem gumbov prikaže a gumb za učenje več je tri različne sloge - normal, hover in active / clicked. Ti gumbi vsebujejo besedilo (“Nauči se več”) in ikono, lahko pa seveda spremenite njihovo vsebino, da bo ustrezala zahtevam blagovne znamke ali spletnega mesta.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_23.jpg)
Brezplačen nabor gumbov
Free Button Set prikaže več gumbov v različnih barvah - svetlo in temno -, da se prilega različnim barvnim shemam ali temam. V tej predlogi je pet gumbov z različnimi modeli, ki prikazujejo ikona, značko in besedilo v drugačnem slogu, na različnih mestih.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_24.jpg)
3 “Poziv k dejanju” Gumbi
Niz popolnoma edinstvenih “poziv k dejanju” gumbi, ki jih je oblikoval Kuldar Kalvik.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_25.jpg)
3D gumbi
Pretty 3D gumbi, ki bodo delovali precej dobro kot “poziv k dejanju” gumbov.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_26.jpg)
Dodaj v košarico
Ta niz verjetno presega kakovost večine postavk na premijskem trgu, izgleda zelo šarmanten in profesionalen.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_27.jpg)
Gumb za teksturo Aqua
Visoka kakovost in dovolj velik za ukrepanje.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_28.jpg)
Svetli 3D gumbi
Lepo oblikovani 3D gumbi z uravnotežena tipografija in čudovito barvno shemo.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_29.jpg)
“Poziv k dejanju” Gumb
Zelo hladen in mehek “poziv k dejanju” gumb, ki je prilagodljiv različnim oblikam.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_30.jpg)
Gumb za prenos
Niz minimalističnih gumbov za prenos, ki so na voljo v 3 različnih državah - privzeto, hover in kliknili.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_31.jpg)
Zeleni gumb App Store
Najboljša brezplačna trgovina app “poziv k dejanju” gumb, ki sem ga do sedaj videl.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_32.jpg)
Pink Vibrant “Poziv k dejanju”
Roza in primerno oblikovana “poziv k dejanju” ki vas resnično privlači, da ga kliknete.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_33.jpg)
Rdeči gumb za prenos
Pretty edinstven gumb za prenos primerno za programsko opremo ali spletno aplikacijo strani.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_34.jpg)
Seksi zeleni gumb za prenos
Zeleni gumb, ki vas skuša klikniti.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_35.jpg)
Vektorska grafika spletnih gumbov
Profesionalno oblikovani spletni gumbi za različne namene, ki jih ustvarijo profesionalni oblikovalci DryIcons.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_36.jpg)