Designmodo की स्लाइड्स रूपरेखा का अवलोकन
लैंडिंग पृष्ठ और प्रचार वेबसाइट उपयोगकर्ताओं या ग्राहकों में आगंतुकों को परिवर्तित करने के लिए महत्वपूर्ण हैं। एक गुणवत्ता डिजाइन बिक्री संख्या में सुधार करने और अपने उत्पाद को केंद्र-चरण में लाने की कुंजी हो सकती है.
स्लाइड्स फ्रेमवर्क सिंगल-पेज एनिमेटेड लेआउट बनाने के लिए टेम्पलेट्स की एक श्रृंखला है। पैकेज में सभी HTML / CSS / jQuery स्रोत कोड और डिजाइनरों के लिए PSD / स्केच फाइलें शामिल हैं.
स्टाइल के साथ लैंडिंग पृष्ठ बनाने के लिए यह आसानी से सबसे विस्तृत रूपरेखाओं में से एक है। इस पोस्ट में मैं स्लाइड्स फ्रेमवर्क का अवलोकन देता हूं जिसमें दिखाया गया है कि यह कैसे काम करता है और यह आपके खुद के डिजाइन प्रोजेक्ट पर कैसे लागू हो सकता है.
शुरू करना
स्लाइड्स डाउनलोड पैक में नए उपयोगकर्ताओं के लिए एक सरल ट्यूटोरियल वॉकथ्रू शामिल है। यह कहा जाता है “पहला चरण” स्लाइड्स फ्रेमवर्क से वेबसाइट बनाने के शुरुआती चरणों के माध्यम से आपका मार्गदर्शन करना.
इस सेटअप प्रक्रिया के बारे में बताते हुए Designmodo का YouTube पर पूरा 8 मिनट का वीडियो है। यह जांचें कि क्या आप यह देखना चाहते हैं कि यह कैसे काम करता है.
स्लाइड के बारे में सबसे अच्छी बात यह है कि आपके वेब ब्राउज़र में सब कुछ अनुकूलित किया जा सकता है। इसमें एक सेटअप विज़ार्ड है जो आपको हर चीज के बारे में बताता है और अंतिम टेम्पलेट को .zip फ़ाइल में संकलित करता है। यह किसी को भी एक स्लाइड्स टेम्पलेट बनाने, स्रोत कोड डाउनलोड करने और फिर सीधे वेब सर्वर पर अपलोड करने की अनुमति देता है। सरल!
प्रत्येक सेटअप पैक में निम्नलिखित फ़ोल्डर होते हैं:
- सीएसएस सभी CSS संपत्तियों के लिए
- जे एस jQuery लाइब्रेरी और सभी प्लगइन्स के लिए
- संपत्ति व्यक्तिगत स्लाइड के लिए आवश्यक सभी छवि मीडिया शामिल हैं
- पुस्तकालय पैनल, स्लाइड और कस्टम नेविगेशन के लिए कोड स्निपेट हैं
- खाका विभिन्न परियोजना विचारों के लिए लेआउट के पूर्व-निर्मित विविधताएं प्रदान करता है
टेम्पलेट जनरेटर यह सुपर आसान बनाता है कि आप कैसे व्यवहार करना चाहते हैं, इसके आधार पर अपने स्वयं के कस्टम मूल्यों का चयन करना आसान है। पाठ प्लेसमेंट, छवि / वीडियो पृष्ठभूमि और स्लाइड्स के बीच के एनिमेशन को भी चुनें.
यदि आप जनरेटर से परेशान हैं, तो आप हमेशा स्लाइड मैनुअल ऑनलाइन देख सकते हैं। यह केवल उन लोगों के लिए सुलभ है जो स्लाइड्स फ्रेमवर्क लाइसेंस के लिए भुगतान करते हैं, लेकिन यह वह सब कुछ सिखाता है जो आपको जानना चाहिए.
प्रभावशाली स्लाइड्स सुविधाएँ
मैं सबसे अधिक प्रभावित हूँ कि कैसे तेज़ और त्वरित रूपरेखा संचालित होती है। कोई फर्क नहीं पड़ता कि आप किस ब्राउज़र का उपयोग कर रहे हैं, ऐसा लगता है कि स्लाइड्स फैशनेबल लैंडिंग पृष्ठ है जिसे हम सभी के लिए तरस रहे हैं.
फ्रेमवर्क में आपकी आवश्यकताओं के लिए चुनने और अनुकूलित करने के लिए 60 अलग-अलग स्लाइड शामिल हैं। प्रत्येक स्लाइड को किसी भी अन्य स्लाइड के साथ एक सुसंगत लेआउट डिजाइन में मिलाया जा सकता है। यह नए स्लाइड्स लेआउट का निर्माण करते समय वेब डिज़ाइनरों को कई प्रकार के विकल्प देता है.
प्लस स्लाइड्स फ्रेमवर्क में सभी फोंट और आइकन आपके द्वारा डिज़ाइन किए गए किसी भी टेम्पलेट पर उपयोग करने के लिए स्वतंत्र हैं। यह डिजाइनरों को फ़ोटोशॉप या स्केच में डिज़ाइन को कस्टमाइज़ करने की अनुमति देता है, ताकि वे अपने विचारों को डेवलपर्स को सौंप सकें.
स्लाइडिंग फ्रेमवर्क का अर्थ है कि एनिमेटेड लैंडिंग पृष्ठों को क्राफ्ट करते समय विकास के दौरान समय की बचत करना। एक लाइसेंस का उपयोग असीमित वेबसाइटों के लिए किया जा सकता है जो फ्रीलांसरों या कई ग्राहकों के साथ काम करने वाली रचनात्मक एजेंसियों के लिए बहुत आसान है.
थोड़ा और जानने के लिए FAQ पृष्ठ पर जाएँ जो स्लाइड्स के संचालन के बारे में अधिकांश प्रश्नों के उत्तर देता है.
पूर्व निर्मित टेम्पलेट ऑन डिमांड
यदि आप स्लाइड के साथ समय बचाना चाहते हैं, तो आप इसके बजाय पूर्व-निर्मित टेम्प्लेट में से किसी एक के साथ काम करना चुन सकते हैं। ये बैकग्राउंड वीडियो से लेकर iOS ऐप लैंडिंग पेजों तक की कई डिज़ाइनों में आते हैं.
स्लाइड्स टेम्प्लेट वीडियो विभिन्न विकल्पों में एक शानदार झलक प्रदान करता है। स्लाइड्स की रूपरेखा खरीदने वाला कोई भी व्यक्ति स्क्रैच से एक लेआउट को अनुकूलित करने या 11 त्वरित-प्रारंभ टेम्पलेट में से एक को अनुकूलित करने के बीच चुन सकता है.
हर अच्छे ढांचे में कुछ डेमो शामिल होते हैं और स्लाइड्स में अपने स्वयं के कस्टम उदाहरण पृष्ठ होते हैं जो चमकदार लेआउट से भरे होते हैं। एक बार स्लाइड्स बैकएंड में लॉग इन करने के बाद आप इन नमूनों को देख सकेंगे और अपनी खुद की परियोजना के लिए स्रोत कोड को खींच सकेंगे।.
प्रत्येक नमूना लेआउट चौड़ाई और गहराई को दर्शाता है जिसे स्लाइड को पेश करना है। आप उनके बीच कस्टम एनिमेशन के साथ बैकग्राउंड वीडियो या फोटो सेटअप कर सकते हैं। यदि आप जानते हैं कि एक साधारण HTML फाइल को कैसे कस्टमाइज़ किया जाता है तो आप इन टेम्प्लेट पर पूर्ण नियंत्रण रखते हैं और वे कैसे काम करते हैं.
वेबसाइटों के लिए स्लाइडिंग को अनुकूलित करना
स्लाइड्स फ्रेमवर्क का एक उपयोगी पहलू यह है कि यह HTML / CSS / JS कोड के साथ चलता है। इसका मतलब है कि आप WordPress, Laravel, Django, या यहां तक कि Node.js. पर एक लैंडिंग पृष्ठ बना सकते हैं लेकिन कोई बैकएंड भाषा की आवश्यकता नहीं है क्योंकि स्लाइड एक स्थिर HTML / CSS वेबपेज के रूप में चल सकती है.
यह डेवलपर्स को किसी भी वेबसाइट पर चलने के लिए स्लाइड को कॉन्फ़िगर करते समय बहुत लचीलापन देता है.
उदाहरण के लिए, कोई व्यक्ति अपने वर्डप्रेस साइट पर एक लैंडिंग पृष्ठ जोड़ा जा सकता है, लेकिन मुखपृष्ठ पर नहीं जोड़ा जा सकता है। स्लाइड्स को वेबसाइट पर किसी अन्य पेज को प्रभावित किए बिना एक ही पृष्ठ पर लागू WP टेम्पलेट के रूप में इस्तेमाल किया जा सकता है.
यह ध्यान दिया जाना चाहिए कि स्लाइड लेआउट को संपादित करने की उम्मीद करने वाले किसी व्यक्ति को HTML / CSS के बारे में थोड़ा जानना होगा। आपको WordPress या किसी अन्य CMS का उपयोग करने की आवश्यकता नहीं होगी, लेकिन स्लाइड HTML / CSS कोड पर काम करते हैं। अधिकांश जावास्क्रिप्ट प्लगइन्स के भीतर समाहित है, लेकिन एनीमेशन प्रभाव जैसी कुछ सेटिंग्स के लिए मैन्युअल संपादन की भी आवश्यकता हो सकती है.
यदि आप HTML / CSS / JS प्रवीणता के एक निश्चित स्तर होने के कारण स्लाइड का काम करना चाहते हैं, तो इसे ध्यान में रखें.
सभी-इन-स्लाइड स्लाइड टेम्पलेट किसी भी कस्टम लैंडिंग पृष्ठ के लिए एक अविश्वसनीय अनुभव प्रदान करता है। स्लाइड्स जनरेटर और पूर्व-निर्मित टेम्प्लेट बहुत समय लिखने और कोड को फिर से लिखने से बचा सकते हैं.
ध्यान देने की सबसे बड़ी बात यह है कि स्लाइड्स को कुछ मैन्युअल संपादन की आवश्यकता होती है यदि आप किसी विशेष परियोजना की आवश्यकताओं के अनुरूप लेआउट को अनुकूलित करना चाहते हैं। विशेषज्ञ होना अनिवार्य नहीं है, लेकिन आप किसी भी टेम्प्लेट में उचित परिवर्तन करने के लिए HTML / CSS के बारे में थोड़ा जानना चाहते हैं.
लपेटें
स्लाइड्स के साथ बहुत कम (यदि कोई हो) गहराई पर लैंडिंग पृष्ठ चौखटे हैं। कोड उत्तम है, अनुकूलन शानदार है, और स्लाइड्स कोड जनरेटर घंटों के शौचालय को बचा सकता है.
यदि आप लाइव पूर्वावलोकन देखना चाहते हैं तो स्लाइड लैंडिंग पृष्ठ पर जाएं। इसमें स्लाइड की विशेषताओं के बारे में विवरण शामिल हैं और आप रूपरेखा से क्या उम्मीद कर सकते हैं। कुल मिलाकर स्लाइड्स डायनामिक, लाइटवेट और किसी भी कस्टम प्रोमो पेज या पिज़्ज़ के साथ लैंडिंग पेज बनाने के लिए एकदम सही है.
