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.
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.
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.
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č.
Š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.
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.
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.
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.
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.
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.
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.
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..
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.
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.
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.
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.
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.
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.
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.
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..
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.
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.
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.
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.
3 “Poziv k dejanju” Gumbi
Niz popolnoma edinstvenih “poziv k dejanju” gumbi, ki jih je oblikoval Kuldar Kalvik.
3D gumbi
Pretty 3D gumbi, ki bodo delovali precej dobro kot “poziv k dejanju” gumbov.
Dodaj v košarico
Ta niz verjetno presega kakovost večine postavk na premijskem trgu, izgleda zelo šarmanten in profesionalen.
Gumb za teksturo Aqua
Visoka kakovost in dovolj velik za ukrepanje.
Svetli 3D gumbi
Lepo oblikovani 3D gumbi z uravnotežena tipografija in čudovito barvno shemo.
“Poziv k dejanju” Gumb
Zelo hladen in mehek “poziv k dejanju” gumb, ki je prilagodljiv različnim oblikam.
Gumb za prenos
Niz minimalističnih gumbov za prenos, ki so na voljo v 3 različnih državah - privzeto, hover in kliknili.
Zeleni gumb App Store
Najboljša brezplačna trgovina app “poziv k dejanju” gumb, ki sem ga do sedaj videl.
Pink Vibrant “Poziv k dejanju”
Roza in primerno oblikovana “poziv k dejanju” ki vas resnično privlači, da ga kliknete.
Rdeči gumb za prenos
Pretty edinstven gumb za prenos primerno za programsko opremo ali spletno aplikacijo strani.
Seksi zeleni gumb za prenos
Zeleni gumb, ki vas skuša klikniti.
Vektorska grafika spletnih gumbov
Profesionalno oblikovani spletni gumbi za različne namene, ki jih ustvarijo profesionalni oblikovalci DryIcons.
