Allalaaditavad nuppudega „Üleskutse” nupud
Alati pole veebisaiti, millel ei ole kahte tüüpi nuppe, nimelt; sotsiaalmeedia nupud ja helistamisnupud. Kui esimene on täiesti teistsugune teema, siis olen selles postituses allalaadimiseks helistamismeetmete nupu mallid.
Kuna veebidisainerid otsivad oma käsutuses alati värskeid üleskutse nuppude kogumit, siis siin on kogum üleskutse nuppudele, mis ulatuvad HTML, CSS ja JavaScript professionaalselt kujundatud Photoshopi vormingutele. Vaatame.
Toimetaja märkus: See postitus avaldati algselt 2014. aasta augustis ja seda uuendati 2018. aasta märtsis Ashutosh KSi uue sisu alusel.
Nupud HTML / CSS / JS
Fancy Floaty nupp
Kui otsite mõnusat viisi, kuidas näidata aktiveeritavaid esemeid, kõlab Fancy Floaty Button ideaalselt. See näitab lihtsat värviline nupp, mis liigub aeglaselt üles ja alla. Samuti saate oma sisu ja disaini vastavalt vajadusele muuta.
RubyMotion CTA-nupp
RubyMotion CTA-nupp on ilus ja atraktiivne tegutsemisnupp, tänu oma elavale värvile. mulle meeldib animatsioon hoveril, mis täidab kogu värvi värvi.
Pulseeriv CTA
See mall näitab lihtsat helistava taustaga helistamisnupp. Tänu oma pulseerivale iseloomule on piisavalt tähelepanelik, et iga külastaja tähelepanu pöörata.
Nupp Flip-down Tegevuskutse
Nupp Flip-down Üleskutse on lihtsa üleskutse nupu mall, millel on a flip animatsioon, mis tundub olevat postkasti avamine. Selle animatsiooni tõttu meeldis mulle see nupp.
Kuus nuppu Hover animatsioonidega
See kuue komplekt nupud erineva liikumisega animatsioonidega on täiuslik helistamisnuppude komplekt, kui soovid paigutada erinevaid nuputüüpe ja hoida seda ainulaadsena.
YouTube'i üleskutse
Kui soovid näidata videoklippe või promo-linki, siis YouTube'i üleskutse on ideaalne valik. See tutvustab a puhas, nähtav nupp, mis kuvab hoveri kohta lisateavet, ja saate oma värve kohandada nii, et see sobiks teie disainiga.
Materjalide kujunduse animeeritud nupud
Materiaalse disaini animeeritud nupud toovad esile materjali disaini lihtsuse üleskutse nupule. See näitab neli nuppu, millel on mitmekesine disain ja rippleefekt.
Mikro interaktsiooni nupp
Ilus ja interaktiivne helistamismeetme nupp mall, Micro Interaction Button näitab puhta disaini näitab nupu teksti koos ikooniga. Kuigi see mall kuvab hover ikooni, võite selle kohandada ka mõne muu sisu lisamiseks.
Tugevad CTA nupud animatsioonid
Tugev CTA-nuppude animatsioon näitab erinevaid nuppe erinevates värvides. Mulle meeldis selle nuppude tavaline ja lihtne disain, millel on selle taustal ülemineku efekt värv.
Üldine CTA
Lemmik-helistamisnupp, mida näete kõikjal veebis. See CSS-põhine mall selgitab ka põhilisi disaini spetsifikatsioone nupu loomiseks, mis teisendab.
Üleskutse
Tegevuskutse on teine interaktiivne nupp, mis on seatud nagu Micro Interaction Button. See näitab tavapärases režiimis ja näitab hover-režiimis ikooni. Nagu teise nupu puhul, saate ka seda kohandada, et näidata mingit sisu suhtluse parandamiseks.
Photoshopi PSD nupud
Web 2.0 nuppude komplekt
See on ilus komplekt, mis sisaldab mitmeid helistamisnõudeid registreeru, laadige alla, loe veel nuppe, jne. See näitab neid nuppe erinevates stiilides ja värvides, võimaldades teil valida oma brändi ja disaini jaoks kõige paremini sobiva nupu..
TOIMINGUTE NIMEKIRI
CALL-TO-ACTION-nupp on lihtne ja atraktiivne nupp, mida saab kasutada võistlevate esemete näitamiseks. See tutvustab a ümmargune kujundus koos gradienti taustaga.
Helista tegevusele
Kolme värvi nuppude komplekt, helistamisnupud näitavad allalaadimisnuppu kolm erinevat värvi ja kaks režiimi - normaalne ja pressitud (klõpsati). Nupu disaini muutmiseks saate nuppu ka muuta, et näidata eraldi toimingut.
Suur roheline nupp (PSD)
Big Green Button esitleb a üks suur tegevus-nupp see sobib suurepäraselt laiendatud info või teksti näitamiseks koos aktiveeritava elemendiga, näiteks hinnakujunduse info.
Tasuta üleskutse tegevusele
Tasuta üleskutse tegevusele Nupud näitavad a registreerimisnupp mitmes suuruses ja värvitoonis. Kuigi nende disain on samasugune, aitab nende sortiment valida iga üksiku parima.
Veebidisaini nuppude komplekt
See tegevusele kutsumisnupu mall kuvab mitu nupuvarianti, esitlus ümardatud nupud, ümmargused nupud ja väikesed ümmargused nupud. Selles komplektis on võimalik märkida ka erinevate varjude ja piiride mõju ning valida sobivaks peetav.
Pöörduge toimingutesse
Tegevuskutse Butttons on lihtne mall, mis näitab mitmeid erineva kujuga nuppe ja erineva värvi gradienti. Komplekt näitab arvukalt nuppe ja sisaldab ikoone samuti, järgides teksti cum ikooni nuppude praegust suundumust.
Tegevusnupu PSD
Toimingute tegemise nupp PSD on mall, mis näitab kaks kombineeritud nuppu, et luua võisteldavaid rühma nuppe. Mall sisaldab nupu teksti cum ikooni ja näitab ringikujulise ja kahe oleku või režiimiga seadistatud nuppu - tavaline ja klõpsatud.
Helista toimingunupudele PSD-fail
See nupp mall, nagu ülaltoodud, näitab mõningase teksti cum ikooni, gradienti tausta ja ümardatud piiri nii tavalistes kui ka hover riikides.
Laadi alla + üleslaadimise nupud PSD
Download + Upload Buttons PSD esitleb kolm komplekti kahte värvi ja disaini. Kuigi mall näitab üleslaadimis- ja allalaadimisnuppe, saate seda muuta, et see vastaks teie vajadustele. Samuti näitab see nuppe hover ja mitte hover riigid.
CTA nupud
CTA-nupud näitavad kolme helistamisnuppu, mis on varustatud erinevates värvides. Nupud on määratletud, paksud ja kuvab stiili kahes erinevas režiimis - nii normaalne kui ka hover.
Lisateave nupud
Lisateave Nupud näitavad a rohkem nuppe on kolm erinevat stiili - normaalne, hover ja aktiivne / klõpsatud. Need nupud sisaldavad teksti (“Lisateave”) ja ikooni, kuid saate muuta nende sisu vastavalt oma brändi või saidi nõuetele.
Tasuta nuppude komplekt
Free Button Set kuvab mitmesuguseid värve erinevates värvides - heledad ja tumedad -, et need sobiksid erinevate värvilahendustega. Selles mallis on erinevad nupud, millel on erinevad kujundused ikoon, märk ja tekst erinevas stiilis, erinevates kohtades.
3 “Tegutsemine” Nupud
Täielikult unikaalne komplekt “üleskutse” Kuldari Kalviku kujundatud nupud.
3D nupud
Päris 3D nupud, mis töötavad päris hästi “üleskutse” nupud.
Lisa ostukorvi nupud
See komplekt ületab tõenäoliselt enamiku preemiaturul leitud esemete kvaliteeti võluv ja professionaalne.
Aqua tekstuuri nupp
Kõrge kvaliteet ja piisavalt suur, et nõuda tegevust.
Heledad 3D nupud
Hästi kujundatud 3D nupud koos tasakaalustatud tüpograafia ja uhke värviskeem.
“Tegutsemine” Nupp
Väga lahe ja klanitud “üleskutse” nupp, mis on kohandatav erinevatele disainilahendustele.
Lae nupp
Komplekt minimalistlikke allalaadimisnuppe, mis tulevad 3 erinevast riigist - vaikimisi, klõpsata ja klõpsata.
Roheline App Store'i nupp
Parim vaba rakenduste pood seotud “üleskutse” nupp, mida olen seni näinud.
Roosa elav “Tegutsemine”
Roosa ja sobivalt kujundatud “üleskutse” see tõesti meelitab teid klõpsama.
Punane allalaadimise nupp
Päris unikaalne allalaadimise nupp sobib hästi tarkvarale või veebirakendusele saidil.
Seksikas roheline allalaadimise nupp
Roheline nupp, mis sind kiusab klõpsama.
Veebi nupud Vector Graphic
Professionaalselt kujundatud veebi nupud disaini professionaalsete DryIcons'i poolt loodud erinevateks kasutusaladeks.
