30+ Predlošci Poziv na akciju za preuzimanje
Gotovo da nema web-mjesta koje nema dvije vrste gumba, naime; gumbi društvenih medija i gumbi poziva na radnju. Dok je bivši posve drugačija tema, u ovom postu sam predloške s pozivom na radnju za preuzimanje.
Budući da web-dizajneri uvijek traže svježe skupove gumba poziv na radnju, ovdje je zbirka predložaka s pozivom na radnju u rasponu od HTML, CSS i JavaScript za profesionalno dizajnirane Photoshop formate. Pogledajmo.
Napomena urednika: Ovaj je post izvorno objavljen u kolovozu 2014., a ažuriran je u ožujku 2018. na temelju novog sadržaja Ashutosh KS-a.
Gumbi u HTML / CSS / JS
Fancy Floaty gumb
Ako ste u potrazi za zabavnim načinom prikazivanja djelotvornih stavki, tada Fancy Floaty Button zvuči kao idealan izbor. To pokazuje jednostavno obojani gumb koji pluta s usporenim prijelazom gore i dolje. Također možete promijeniti njegov sadržaj i dizajn prema potrebi.
Gumb RubyMotion CTA
RubyMotion CTA-gumb je lijep i atraktivan gumb poziva na akciju, zahvaljujući živoj boji. Sviđa mi se animacija na lebdenju, koja ispunjava cijeli gumb bojom.
Pulsirajući CTA
Ovaj predložak prikazuje jednostavnu gumb poziva na radnju s pulsirajućom pozadinom. Zahvaljujući pulsirajućoj prirodi, dovoljno je uočljivo da privuče pažnju svakog posjetitelja.
Poziv na akciju za prekidanje gumba
Poziv na akciju preklapanja gumba jednostavan je predložak gumba poziva na radnju s animacija okretanja koja izgleda kao da se otvara poštanski sandučić. Zbog ove animacije ovaj gumb mi se svidio.
Šest gumba s animacijama na leđima
Ovaj set od šest tipke s različitim vrstama hover animacija je savršen skup gumba za poziv na akciju ako želite postaviti različite tipke gumba i zadržati ih jedinstvenim.
Poziv na radnju usluge YouTube
Ako želite prikazati videozapis ili promotivni link kao poziv na radnju, YouTube poziv na akciju je idealan izbor. Ona prikazuje vitrine a čist, vidljiv gumb koji prikazuje dodatne informacije o lebdenju, i možete prilagoditi njegove boje kako biste ga izdvojili zajedno s vašim dizajnom.
Materijalni dizajn Animirani gumbi
Materijalni dizajn Animirani gumbi prikazuju jednostavnost dizajna materijala u pozivu na akciju. To pokazuje četiri gumba s raznovrsnim dizajnom i valovitim efektima.
Gumb za mikro interakciju
Prekrasan i interaktivni predložak gumba poziva na akciju, Micro Interaction Button (mikro interakcijski gumb) prikazuje čist dizajn prikazuje tekst gumba zajedno s ikonom. Iako ovaj predložak prikazuje ikonu na leđima, možete je prilagoditi kako biste dodali i druge sadržaje.
Jaka animacija CTA gumba
Snažne CTA tipke Animacije prikazuju više tipki u različitim bojama. Svidjele su mi se i njezine tipke jednostavan dizajn s učinkom prijelaza na pozadinu boja.
Mainstream CTA
Omiljeni gumb poziva na radnju koji ćete vidjeti posvuda na webu. Ovaj CSS-based predložak također objašnjava osnovne specifikacije dizajna za stvaranje gumba koje se pretvaraju.
Eksperiment poziva na radnju
Eksperiment s pozivom na radnju još je jedan interaktivni gumb kao što je gumb za mikro interakciju. To pokazuje u normalnom načinu rada i prikazuje ikonu u načinu prikaza. Kao i kod drugog gumba, možete ga prilagoditi i prikazati bilo koji sadržaj radi poboljšanja interakcije.
Gumbi u Photoshopu PSD
Komplet gumba za Web 2.0
To je prekrasan komplet višestrukih gumba poziva-na-akcije uključujući prijavite se, preuzmite, pročitajte više gumba, itd. Prikazuje ove gumbe u različitim stilovima i bojama, omogućujući vam da odaberete gumb koji najbolje odgovara vašem brandu i dizajnu za performanse.
Gumb za poziv na radnju
Gumb za pozivanje na akciju je jednostavan i atraktivan gumb za prikaz stvarnih stavki. Ona prikazuje vitrine a okrugli dizajn s nagibnom pozadinom.
Tipke za poziv na radnju
Skup gumba s trobojnim gumbima, gumb za pozivanje na radnju prikazuje gumb za preuzimanje tri različite boje i dva načina rada - normalni i pritisnuti (Klik). Gumb također možete izmijeniti da biste prikazali zasebnu radnju, a istovremeno zadržali dizajn gumba.
Veliki zeleni gumb (PSD)
Veliki zeleni gumb prikazuje a jedan, veliki poziv na akciju koji je savršen za prikazivanje proširenih informacija ili teksta zajedno s predmetom koji se može aktivirati, na primjer, informacije o cijenama.
Besplatni gumbi za poziv na akciju
Gumbi za besplatni poziv na akciju prikazuju a gumb za prijavu u više veličina i boja. Iako je njihov dizajn je isti, ali njihova raznolikost pomaže da odaberete najbolje po potrebama.
Gumb za web dizajnere
Ovaj predložak gumba poziva na akciju prikazuje više varijanti gumba, koje prikazuju zaobljene tipke, okrugle gumbe i male kružne gumbe. U ovom setu također možete primijetiti učinke različitih sjena i granica, te odabrati onu koja se smatra prikladnom.
Poziv na akciju
Poziv na akciju je jednostavan predložak koji prikazuje više gumba različitih oblika i pozadine u različitim bojama. Set se prikazuje brojne veličine tipki i uključuje ikone kao i, slijedeći trenutni trend tipkanja ikone teksta cum.
Poziv na akcijski gumb PSD
Gumb Poziv na radnju PSD je predložak koji se prikazuje dva kombinirana gumba za stvaranje gumba za radnju. Predložak uključuje ikonu cum cum u gumbu i prikazuje gumb postavljen s kružnim obrubom i dva stanja ili načina rada - normalan i kliknut.
Poziv na akcijske gumbe PSD datoteke
Ovaj predložak gumba, poput gore navedenog, prikazuje gumb s ikonom tekstualnog cum-a, pozadinu gradijenta i zaobljenu granicu u uobičajenim, kao i lebdjelim državama.
PSD za preuzimanje + prijenos
Preuzmite + Učitaj gumbe PSD predstavlja tri seta gumba u dvije boje i dizajna. Iako predložak prikazuje gumbe za učitavanje i preuzimanje, možete ga mijenjati kako biste zadovoljili svoje zahtjeve. Također, prikazuje i gumbe stanja hover i non-hover.
CTA gumbi
CTA gumbi prikazuju tri skupa poziva na radnju u različitim bojama. Tipke su definirane, podebljane i prikazati stil u dva različita načina - normalno kao i lebdenje.
Saznajte više gumba
Saznajte više Gumbi prikazuju a gumb saznajte više su tri različita stila - normalno, lebdi i aktivno / kliknuto. Ovi gumbi sadrže tekst (“Saznajte više”) i ikonu, ali možete mijenjati njihov sadržaj tako da odgovara vašim zahtjevima branda ili web-mjesta.
Set slobodnih gumba
Free Button Set prikazuje više gumba u različitim bojama - svijetlo i tamno - kako bi odgovaralo različitim shemama boja ili temama. U ovom predlošku nalazi se pet gumba s raznovrsnim dizajnom ikonu, značku i tekst u drugačijem stilu, na različitim mjestima.
3 “Poziv na akciju” tipke
Skup apsolutno jedinstvenih “poziv na akciju” gumbe koje je dizajnirao Kuldar Kalvik.
3D tipke
Prilično 3D gumbi koji će raditi prilično dobro kao “poziv na akciju” tipke.
Dodajte gumbe u košaricu
Ovaj skup vjerojatno premašuje kvalitetu većine artikala koji se nalaze na premium tržištu, izgleda vrlo šarmantan i profesionalan.
Aqua teksturni gumb
Visoka kvaliteta i dovoljno velika da zahtijeva poziv.
Svijetle 3D tipke
Lijepo dizajnirani 3D gumbi s uravnotežena tipografija i prekrasna shema boja.
“Poziv na akciju” Dugme
Vrlo cool i gladak “poziv na akciju” gumb koji se može prilagoditi različitim izvedbama.
Gumb za preuzimanje
Skup minimalističkih gumba za preuzimanje koji dolaze u 3 različite države - Zadano, hover i kliknuli.
Zeleni gumb App Store
Najbolji besplatni App Store vezan “poziv na akciju” gumb koji sam do sada vidio.
Pink Vibrant “Poziv na akciju”
Ružičasta i prikladno dizajnirana “poziv na akciju” koji vas stvarno privlači da ga kliknete.
Red Download Button
Prilično jedinstveni gumb za preuzimanje prikladan za softver ili web-aplikaciju mjesto.
Seksi zeleni gumb za preuzimanje
Zeleni gumb koji vas mami da kliknete na njega.
Vektorska grafika gumba na webu
Profesionalno dizajnirani web gumbi za različite namjene koje je kreirao profesionalni dizajn DryIcons.