30+ कॉल टू एक्शन बटन टेम्प्लेट डाउनलोड करने के लिए
शायद ही कोई वेबसाइट है जिसमें दो प्रकार के बटन नहीं हैं, अर्थात्; सोशल मीडिया बटन और कॉल-टू-एक्शन बटन। जबकि पूर्व पूरी तरह से एक अलग विषय है, इस पोस्ट में, मैं इसकी विशेषता हूं कॉल-टू-एक्शन बटन को डाउनलोड करने के लिए टेम्पलेट्स.
जैसा कि वेब डिज़ाइनर हमेशा अपने निपटान में कॉल-टू-एक्शन बटन के नए संग्रह की तलाश में होते हैं, यहाँ कॉल-टू-एक्शन टेम्पलेट्स का संग्रह है एचटीएमएल, सीएसएस और जावास्क्रिप्ट पेशेवर रूप से तैयार किए गए फ़ोटोशॉप प्रारूपों के लिए. चलो एक नज़र डालते हैं.
संपादक की टिप्पणी: यह पोस्ट मूल रूप से अगस्त 2014 में प्रकाशित किया गया था और मार्च 2018 में आशुतोष केएस द्वारा नई सामग्री के आधार पर अपडेट किया गया था.
HTML / CSS / JS में बटन
फैंसी फ्लोटी बटन
यदि आप कार्रवाई करने योग्य आइटम दिखाने के लिए कुछ मजेदार तरीके की तलाश कर रहे हैं, तो फैंसी फ्लोटी बटन एक आदर्श विकल्प की तरह लगता है। यह एक सरल दिखाता है रंगीन बटन जो धीमे और नीचे संक्रमण के साथ तैरता है. आप आवश्यकतानुसार इसकी सामग्री और डिज़ाइन भी बदल सकते हैं.
रूबीमोशन सीटीए-बटन
रूबीमोशन सीटीए-बटन एक सुंदर और आकर्षक कॉल-टू-एक्शन बटन है, इसके जीवंत रंग के लिए धन्यवाद। मुझे पसंद है होवर पर एनीमेशन, जो पूरे बटन को रंग से भर देता है.
पुलिंग CTA
यह टेम्प्लेट एक सरल दिखाता है कॉल-टू-एक्शन बटन एक स्पंदन पृष्ठभूमि के साथ. इसकी स्पंदन प्रकृति के लिए धन्यवाद, यह प्रत्येक आगंतुक का ध्यान आकर्षित करने के लिए पर्याप्त ध्यान देने योग्य है.
बटन फ्लिप-डाउन कॉल टू एक्शन
बटन फ्लिप-डाउन कॉल टू एक्शन एक सरल कॉल-टू-एक्शन बटन टेम्पलेट है एक मेलबॉक्स की तरह लगता है कि फ्लिप एनीमेशन खुल रहा है. इस एनीमेशन के कारण, मुझे यह बटन पसंद आया.
होवर एनिमेशन के साथ छह बटन
छह का यह सेट विभिन्न प्रकार के होवर एनिमेशन के साथ बटन यदि आप अलग-अलग बटन प्रकारों को रखना चाहते हैं और इसे सभी अद्वितीय रखना चाहते हैं, तो कॉल टू एक्शन बटन का एक सही सेट है.
YouTube कॉल टू एक्शन
यदि आप कॉल-टू-एक्शन के रूप में एक वीडियो या प्रोमो लिंक दिखाना चाहते हैं, तो YouTube कॉल टू एक्शन आदर्श विकल्प है। यह दिखाता है a स्वच्छ, दृश्यमान बटन जो होवर पर अतिरिक्त जानकारी प्रदर्शित करता है, और आप अपने डिजाइन के साथ इसे बाहर खड़े करने के लिए इसके रंगों को अनुकूलित कर सकते हैं.
सामग्री डिजाइन एनिमेटेड बटन
सामग्री डिज़ाइन एनिमेटेड बटन एक्शन बटन में कॉल में सामग्री डिज़ाइन की सादगी को सामने लाते हैं। यह दिखाता है विभिन्न डिजाइन और लहर प्रभाव के साथ चार बटन.
माइक्रो इंटरेक्शन बटन
एक सुंदर और इंटरैक्टिव कॉल-टू-एक्शन बटन टेम्पलेट, माइक्रो इंटरएक्शन बटन एक साफ डिजाइन दिखाता है एक आइकन के साथ बटन टेक्स्ट दिखाता है. हालाँकि यह टेम्प्लेट होवर पर एक आइकन प्रदर्शित करता है, फिर भी आप इसे किसी अन्य सामग्री को जोड़ने के लिए अनुकूलित कर सकते हैं.
मजबूत सीटीए बटन एनिमेशन
मजबूत सीटीए बटन एनिमेशन विभिन्न रंगों में कई बटन दिखाता है। मुझे इसके बटन सादे और पसंद आए अपनी पृष्ठभूमि पर एक संक्रमण प्रभाव के साथ सरल डिजाइन रंग.
मुख्यधारा CTA
पसंदीदा कॉल-टू-एक्शन बटन जिसे आप वेब पर हर जगह देखते हैं। इस CSS- आधारित टेम्प्लेट बेसिक डिज़ाइन स्पेक्स की भी व्याख्या करता है एक बटन बनाने के लिए जो धर्मान्तरित होता है.
एक्शन एक्सपेरिमेंट के लिए कॉल करें
कॉल टू एक्शन एक्सपेरिमेंट एक अन्य इंटरेक्टिव बटन है जिसे माइक्रो इंटरेक्शन बटन की तरह सेट किया गया है। यह दिखाता है सामान्य मोड में पाठ और होवर मोड में एक आइकन दिखाता है. अन्य बटन के साथ के रूप में, आप बातचीत को बेहतर बनाने के लिए किसी भी सामग्री को दिखाने के लिए इसे अनुकूलित भी कर सकते हैं.
फ़ोटोशॉप PSD में बटन
वेब 2.0 बटन किट
यह सहित कई कॉल-टू-एक्शन बटन की एक सुंदर किट है साइन अप करें, डाउनलोड करें, अधिक बटन पढ़ें, आदि यह इन शैलियों को विभिन्न शैलियों और रंगों में प्रदर्शित करता है, जिससे आप उस बटन को चुन सकते हैं जो आपके ब्रांड और प्रदर्शन के लिए सबसे अच्छा है.
कॉल-टू-कार्रवाई बटन
CALL-TO-ACTION बटन एक सरल और आकर्षक बटन है जो कार्रवाई करने योग्य वस्तुओं को दिखाता है। यह दिखाता है a एक ढाल पृष्ठभूमि के साथ गोल डिजाइन.
कार्रवाई बटन को बुलाओ
तीन-रंग बटन का एक सेट, कॉल टू एक्शन बटन शोकेस में डाउनलोड बटन तीन अलग-अलग रंग और दो मोड - सामान्य और दबाए गए (क्लिक किया)। आप बटन के डिज़ाइन को बनाए रखते हुए अलग कार्रवाई दिखाने के लिए बटन को संशोधित भी कर सकते हैं.
बड़ा हरा बटन (PSD)
बिग ग्रीन बटन एक दिखाता है एकल, बड़ी कॉल-टू-एक्शन बटन जो कि एक्सक्लूसिव आइटम के साथ विस्तारित जानकारी या टेक्स्ट दिखाने के लिए एकदम सही है, उदाहरण के लिए, मूल्य निर्धारण की जानकारी.
फ्री कॉल टू एक्शन बटन
नि: शुल्क कॉल टू एक्शन बटन्स शोकेस ए कई आकारों और रंगों में साइन-अप बटन. हालांकि उनका डिज़ाइन समान है, फिर भी उनकी विविधता आवश्यकताओं के अनुसार सर्वश्रेष्ठ का चयन करने में मदद करती है.
वेब डिजाइनर बटन सेट
यह कॉल-टू-एक्शन बटन टेम्पलेट कई बटन वेरिएंट, शोकेसिंग प्रदर्शित करता है राउंडेड बटन, राउंड बॉर्डर बटन और छोटे सर्किल बटन. इस सेट में, आप विभिन्न छाया और सीमाओं के प्रभावों को भी नोटिस कर सकते हैं, और एक समझा फिट चुन सकते हैं.
कॉल एक्शन बटटन्स को
कॉल टू एक्शन बट्टन्स एक सरल टेम्पलेट है जिसमें विभिन्न आकारों वाले कई बटन और विभिन्न रंगों में एक ढाल पृष्ठभूमि होती है। सेट दिखाता है कई बटन आकार और आइकन शामिल हैं पाठ सह आइकन बटन की वर्तमान प्रवृत्ति का अनुसरण करते हुए.
कॉल टू एक्शन बटन पीएसडी
कॉल टू एक्शन बटन पीएसडी एक टेम्पलेट दिखा रहा है कार्रवाई करने योग्य समूह बटन बनाने के लिए दो संयुक्त बटन. टेम्पलेट में बटन में पाठ सह आइकन शामिल है और परिपत्र सीमा और दो राज्यों या मोड के साथ एक बटन सेट दिखाता है - सामान्य और क्लिक किया गया.
एक्शन बटन PSD फ़ाइल पर कॉल करें
यह बटन टेम्पलेट, ऊपर वाले की तरह, कुछ टेक्स्ट सह आइकन, एक ढाल पृष्ठभूमि और सामान्य रूप से मंडराने वाली सीमा के साथ एक बटन दिखाता है.
डाउनलोड + अपलोड बटन PSD
डाउनलोड + अपलोड बटन PSD प्रस्तुत करता है दो रंगों और डिजाइनों में बटन के तीन सेट. हालाँकि टेम्प्लेट अपलोड और डाउनलोड बटन दिखाता है फिर भी आप इसे अपनी आवश्यकताओं को पूरा करने के लिए संशोधित कर सकते हैं। इसके अलावा, यह बटन को दिखाता है होवर और नॉन-होवर राज्य.
CTA बटन
CTA बटन विभिन्न रंगों में तीन कॉल-टू-एक्शन बटन सेट दिखाता है। बटन परिभाषित, बोल्ड और हैं शैली को दो अलग-अलग मोड में प्रदर्शित करें - साथ ही मंडराना सामान्य.
और जानें बटन
अधिक जानें बटन शोकेस a अधिक जानें बटन तीन अलग-अलग शैलियों है - सामान्य, हॉवर और सक्रिय / क्लिक किया हुआ। इन बटनों में पाठ है (“और अधिक जानें”) और एक आइकन, लेकिन आप निश्चित रूप से अपने ब्रांड या साइट की आवश्यकताओं के अनुरूप उनकी सामग्री को बदल सकते हैं.
नि: शुल्क बटन सेट
नि: शुल्क बटन सेट विभिन्न रंगों में कई बटन प्रदर्शित करता है - प्रकाश और अंधेरे - विभिन्न रंग योजनाओं या विषयों को फिट करने के लिए। विभिन्न डिजाइनों के साथ इस टेम्पलेट में पांच बटन हैं, दिखा रहे हैं आइकन, बैज और एक अलग शैली में पाठ, विभिन्न स्थानों पर.
3 “कार्यवाई के लिए बुलावा” बटन
एकदम अनोखा सेट “कार्यवाई के लिए बुलावा” कुलधर कालविक द्वारा डिजाइन किए गए बटन.
3 डी बटन
सुंदर 3 डी बटन जो के रूप में बहुत अच्छा काम करेंगे “कार्यवाई के लिए बुलावा” बटन.
कार्ट बटन में जोड़ें
यह सेट संभवत: प्रीमियम बाजार में मिलने वाली अधिकांश वस्तुओं की गुणवत्ता से अधिक होता है आकर्षक और पेशेवर.
एक्वा टेक्सचर बटन
उच्च गुणवत्ता और कार्रवाई के लिए कॉल करने के लिए पर्याप्त बड़ा.
उज्ज्वल 3 डी बटन
के साथ अच्छी तरह से डिजाइन 3 डी बटन संतुलित टाइपोग्राफी और भव्य रंग योजना.
“कार्यवाई के लिए बुलावा” बटन
बहुत शांत और चिकना “कार्यवाई के लिए बुलावा” बटन जो विभिन्न प्रकार के डिजाइनों के अनुकूल है.
डाउनलोड बटन
अतिसूक्ष्म डाउनलोड बटन का एक सेट जो 3 अलग-अलग राज्यों में आता है - डिफ़ॉल्ट, होवर और क्लिक किया गया.
ग्रीन ऐप स्टोर बटन
सबसे अच्छा मुफ्त ऐप स्टोर संबंधित “कार्यवाई के लिए बुलावा” बटन मैंने अब तक देखा है.
गुलाबी कंपन “कार्यवाई के लिए बुलावा”
गुलाबी और उपयुक्त रूप से डिज़ाइन किया गया “कार्यवाई के लिए बुलावा” यह वास्तव में आपको इसे क्लिक करने के लिए आकर्षित करता है.
लाल डाउनलोड बटन
सुंदर अद्वितीय डाउनलोड बटन सॉफ्टवेयर या वेब अनुप्रयोग के लिए अच्छी तरह से अनुकूल है साइट.
सेक्सी ग्रीन डाउनलोड बटन
एक हरा बटन जो आपको उस पर क्लिक करने के लिए प्रेरित करता है.
वेब बटन वेक्टर ग्राफिक
व्यावसायिक रूप से डिज़ाइन किए गए वेब बटन को डिज़ाइन पेशेवर ड्राईआईकॉन्स द्वारा बनाया गया है.