30+ “Harekete Geçirici Mesaj” Düğme Şablonları İndirmek İçin
İki tür düğme içermeyen bir web sitesi yok; sosyal medya düğmeleri ve harekete geçirme düğmeleri. Eski tamamen farklı bir konu olmakla birlikte, bu yazıda, ben öne indirmek için harekete geçirme düğmesi şablonları.
Web tasarımcıları her zaman ellerinde harekete geçirici arama butonları koleksiyonu aradıkları için, aralarından harekete geçirici butonlar şablonları koleksiyonu Profesyonelce tasarlanmış Photoshop formatlarına HTML, CSS ve JavaScript. Hadi bir bakalım.
Editörün Notu: Bu yayın ilk olarak Ağustos 2014'te yayınlandı ve Mart 2018'de Ashutosh KS tarafından sunulan yeni içerik temelinde güncellendi..
HTML / CSS / JS’deki düğmeler
Süslü Floaty Düğme
Hareketli eşyaları göstermenin eğlenceli bir yolunu arıyorsanız, Fancy Floaty Button ideal bir seçim gibi görünüyor. Basit bir gösterir yavaş yukarı ve aşağı geçiş ile yüzen renkli düğme. İçeriğini ve tasarımını gerektiği gibi değiştirebilirsiniz.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download.jpg)
RubyMotion CTA düğmesi
RubyMotion CTA-düğmesi, canlı rengi sayesinde güzel ve çekici bir harekete geçirme ifadesi düğmesidir. Beğendim vurgulu üzerinde animasyon, tüm düğmeyi renkle doldurur.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_2.jpg)
Darbe CTA
Bu şablon basit gösterir darbeli bir arka plan ile harekete geçirme düğmesi. Darbeli doğası sayesinde, her ziyaretçinin dikkatini çekecek kadar farkedilir..
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_3.jpg)
Düğme Aşağıya Çevirmeli Eylem Çağrısı
Düğme Aşağıya Çevirmeli Harekete Geçirme Çağrısı, basit bir harekete geçirme ifadesi düğmesi şablonudur. Bir posta kutusu açılıyor gibi görünüyor çevirme animasyonu. Bu animasyon nedeniyle bu düğmeyi beğendim.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_4.jpg)
Vurgulu Animasyonlu Altı Düğme
Bu altı set farklı vurgulu animasyon türlerine sahip düğmeler farklı düğme türleri yerleştirmek ve hepsini benzersiz tutmak istiyorsanız, harekete geçirici düğmelere mükemmel bir çağrı setidir..
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_5.jpg)
YouTube Eylem Çağrısı
Bir harekete geçirme ifadesi olarak bir video veya tanıtım bağlantısı göstermek istiyorsanız, YouTube Harekete geçirici Mesaj ideal bir seçimdir. Bir vitrinde vurgulu hakkında ek bilgiler gösteren temiz, görünür düğme, ve tasarımınızla birlikte öne çıkması için renklerini özelleştirebilirsiniz.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_6.jpg)
Materyal Tasarımı Animasyonlu Düğmeler
Materyal Tasarımı Animasyonlu Butonlar, harekete geçirme çağrısında materyal tasarımının basitliğini ortaya çıkarır. Gösteriyor çeşitli tasarımlar ve dalgalanma efektleri ile dört düğme.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_7.jpg)
Mikro Etkileşim Düğmesi
Güzel ve etkileşimli bir harekete geçirme ifadesi düğmesi şablonu olan Micro Interaction Button, temiz bir tasarım gösterir. bir simge ile birlikte düğme metni gösterir. Bu şablon vurgulu bir simge gösterse de, başka içerik de eklemek için özelleştirebilirsiniz..
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_8.jpg)
Güçlü CTA Düğme Animasyonları
Güçlü CTA Düğme Animasyonları farklı renklerde çoklu düğmeler gösterir. Düğmelerinin düzlüğünü beğendim ve arka planında geçiş efektli basit tasarım renk.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_9.jpg)
Ana CTA
Web'de her yerde gördüğünüz favori harekete geçirme düğmesi. Bu CSS tabanlı şablon ayrıca temel tasarım özelliklerini açıklar. dönüştüren bir düğme oluşturmak için.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_10.jpg)
Eylem Denemesi Çağrısı
Eylem Denemesi Denemesi, Mikro Etkileşim Düğmesi gibi ayarlanan başka bir etkileşimli düğmedir. Gösteriyor Normal moddaki bir metni gösterir ve hover modunda bir simge gösterir.. Diğer düğmede olduğu gibi, etkileşimi geliştirmek için herhangi bir içeriği göstermek üzere de özelleştirebilirsiniz.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_11.jpg)
Photoshop PSD'deki Düğmeler
Web 2.0 Düğme Takımı
Dahil olmak üzere çoklu harekete geçirme düğmelerinin güzel bir seti kaydol, indir, daha fazla düğme oku, vb. Bu düğmeleri çeşitli stil ve renklerde gösterir ve performansınız için markanıza ve tasarımınıza en uygun düğmeyi seçmenize olanak tanır..
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_12.jpg)
ÇAĞRI HAREKETİ Düğmesi
ARAMA AKTİF Düğmesi, harekete geçirilebilir öğeleri göstermek için basit ve çekici bir düğmedir. Bir vitrinde gradyan arka planı olan yuvarlak tasarım.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_13.jpg)
Eylem Düğmesine Çağrı
Üç renkli düğme kümesi, Harekete Geçirme Düğmesine Çağrı, üç farklı renk ve iki mod - normal ve basılı (Tıklandığında). Düğmenin tasarımını korurken ayrı bir eylem göstermek için düğmeyi de değiştirebilirsiniz..
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_14.jpg)
Büyük Yeşil Düğme (PSD)
Büyük Yeşil Düğme bir vitrinde tek, büyük harekete geçirme ifadesi düğmesi fiyat bilgisi gibi, işlem yapılabilir bir öğeyle birlikte genişletilmiş bilgi veya metin göstermek için mükemmel.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_15.jpg)
Eylem Düğmelerine Ücretsiz Çağrı
Ücretsiz Eylem Düğmeleri Arama vitrinde Farklı boyut ve renklerde kayıt butonu. Tasarımları aynı olsa da, çeşitliliği ihtiyaç başına en iyisini seçmeye yardımcı oluyor.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_16.jpg)
Web Tasarımcı Düğme Seti
Bu harekete geçirme ifadesi düğmesi şablonu, vitrinde olan birden fazla düğme değişkeni görüntüler yuvarlak düğmeler, yuvarlak kenarlı düğmeler ve küçük daire içine alınmış düğmeler. Bu kümede, çeşitli gölgelerin ve kenarların etkilerini de farkedebilir ve uygun olanı seçebilirsiniz..
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_17.jpg)
Eylem Butttons Çağrı
Harekete Geçme Çağrısı Butttons, farklı şekillerde ve çeşitli renklerde gradyan arka planına sahip birden fazla düğmeyi gösteren basit bir şablondur. Set gösterir sayısız düğme boyutu ve simgeler içerir Ayrıca, metin cum simge düğmelerinin mevcut eğilimini takip.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_18.jpg)
Eylem Düğmesine Çağrı PSD
Eylem Düğmesine Çağrı PSD gösteren bir şablondur hareketli grup düğmeleri oluşturmak için iki birleşik düğme. Şablon, düğmenin içine metin cum simgesi içerir ve dairesel kenarlıklı ve iki durumlu veya modlu bir düğmeyi gösterir - normal ve tıklatılmış.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_19.jpg)
Eylem düğmelerine çağrı PSD dosyası
Bu düğme şablonu, yukarıdaki gibi, bir metin boşluğu simgesi, bir degrade arka planı ve vurgulu durumların yanı sıra normal bir yuvarlak kenarlıklı bir düğmeyi gösterir.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_20.jpg)
İndir + Yükle Düğmeleri PSD
İndir + Yükle Düğmeleri PSD sunar iki renk ve desende üç adet buton seti. Şablon, yükleme ve indirme düğmelerini gösterse de, gereksinimlerinizi karşılayacak şekilde değiştirebilirsiniz. Ayrıca, düğmelerini gösterir vurgulu ve vurgulu olmayan durumlar.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_21.jpg)
CTA düğmeleri
CTA düğmeleri, çeşitli renklerde üç harekete geçirme çağrısı düğmesi seti gösterir. Düğmeler tanımlanmış, kalın ve koyu renkli stili iki farklı modda göster - vurgulu olduğu kadar normal.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_22.jpg)
Daha Fazla Bilgi Edinin
Daha Fazla Bilgi Düğmeler daha fazla öğren düğmesi üç farklı stildir - normal, gezdir ve etkin / tıklandı. Bu düğmeler metin içeriyor (“Daha fazla bilgi edin”) ve bir simge, ancak içeriğini marka veya site gereksinimlerinize uyacak şekilde değiştirebilirsiniz..
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_23.jpg)
Ücretsiz Düğme Seti
Ücretsiz Düğme Seti, çeşitli renk şemalarına veya temalarına uyacak şekilde farklı renklerde (açık ve koyu) çok sayıda düğme görüntüler. Bu şablonda çeşitli tasarımlara sahip beş düğme vardır; simge, rozet ve farklı bir tarzda metin, farklı yerlerde.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_24.jpg)
3 “Eylem çağrısı” Düğmeler
Kesinlikle eşsiz bir dizi “eylem çağrısı” Kuldar Kalvik tarafından tasarlanan düğmeler.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_25.jpg)
3B Düğmeler
Oldukça iyi çalışacak oldukça 3D düğmeler “eylem çağrısı” düğmeleri.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_26.jpg)
Sepete Ekle Düğmeleri
Bu set muhtemelen premium pazarda bulunan çoğu ürünün kalitesini aşıyor, çok görünüyor büyüleyici ve profesyonel.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_27.jpg)
Aqua Doku Düğmesi
Yüksek kaliteli ve harekete geçecek kadar büyük.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_28.jpg)
Parlak 3D Düğmeler
Güzel tasarlanmış 3D düğmeler dengeli tipografi ve muhteşem renk şeması.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_29.jpg)
“Eylem çağrısı” Buton
Çok serin ve şık “eylem çağrısı” çeşitli tasarımlara uyarlanabilir düğme.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_30.jpg)
İndirme Düğmesi
3 farklı durumda gelen minimalist indirme butonları - varsayılan, gezdir ve tıklandı.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_31.jpg)
Yeşil Uygulama Mağazası Düğmesi
İlgili en iyi ücretsiz uygulama mağazası “eylem çağrısı” şimdiye kadar gördüğüm düğme.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_32.jpg)
Pembe canlı “Eylem çağrısı”
Pembe ve uygun şekilde tasarlanmış “eylem çağrısı” Bu gerçekten tıkladığınızda sizi cezbeder.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_33.jpg)
Kırmızı İndir Düğmesi
Oldukça benzersiz indirme düğmesi Yazılım veya web uygulaması için çok uygundur yer.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_34.jpg)
Seksi Yeşil İndir Düğmesi
Tıklamanızı sağlayan yeşil bir düğme.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_35.jpg)
Web düğmeleri vektör grafiği
Tasarım uzmanı DryIcons tarafından oluşturulan farklı kullanımlar için profesyonelce tasarlanmış web düğmeleri.
![](http://savtec.org/img/images/30-call-to-action-button-templates-to-download_36.jpg)