इन्फोबॉक्स
कम ध्यान की दुनिया में, आप जानकारी कैसे प्रस्तुत करते हैं, यह सब अंतर बनाता है एक सादा पाठ ब्लॉक छोड़ दिया जाता है; एक डिज़ाइन किया गया जानकारी बॉक्स पढ़ा जाता है मास्टर एडॉन्स इन्फो बॉक्स तत्व कॉम्पैक्ट, शक्तिशाली सामग्री मॉड्यूल बनाने में मदद करता है एक पेशेवर स्टाइल प्रीसेट के साथ शुरू करें, फिर अपने आइकन या छवि, एक सम्मोहक शीर्षक और स्पष्ट विवरण को स्टाइल करें प्रत्येक परत स्वतंत्र रूप से जैसे पृष्ठभूमि, सीमाएं, पाठ, और होवर प्रभाव सेवा हाइलाइट्स, फीचर व्याख्याकार, या सीटीए बनाने के लिए जो केवल पृष्ठ पर नहीं बैठते हैं, वे इसके लिए काम करते हैं।
पूर्व निर्मित स्टाइल प्रीसेट और लेआउट
रचनात्मक ब्लॉक को हराएं और घंटों को बचाएं दस अद्वितीय शैली प्रीसेट (वेरिएशन वन से दस तक) से चुनें जो तुरंत समन्वित लेआउट और दृश्य शैलियों को लागू करते हैं चाहे आपको एक साधारण आइकन-बाएं डिजाइन, एक केंद्रित कार्ड, या एक आधुनिक बैनर-शैली बॉक्स की आवश्यकता हो, एक प्रारंभिक बिंदु है ये प्रीसेट मूल संरचना और स्टाइल को संभालते हैं, ताकि आप अपनी सामग्री और ठीक-ट्यूनिंग पर ध्यान केंद्रित कर सकें, अपने पहले क्लिक से पॉलिश लुक सुनिश्चित कर सकें।
- १०+ तैयार-निर्मित डिजाइन: तत्काल दृश्य संरचना के लिए, “Variation One,” “Variation Nine,” आदि जैसे प्रीसेट लागू करें।
- लेआउट विविधता: आइकन/छवि प्लेसमेंट (ऊपर, बाएं, दाएं) और सामग्री प्रवाह के लिए अलग-अलग व्यवस्था प्राप्त करें।
- डिज़ाइन संगति: सुनिश्चित करें कि आपकी साइट पर सभी जानकारी बॉक्स एक सामंजस्यपूर्ण, पेशेवर आधार साझा करते हैं।
टाइपोग्राफी एवं पाठ नियंत्रण
परिशुद्धता के साथ अपने पाठ के रूप को नियंत्रित करें शीर्षक और विवरण को स्वतंत्र रूप से स्टाइल करें प्रत्येक के लिए, टाइपोग्राफी (फ़ॉन्ट, आकार, वजन), रंग और संरेखण सेट करें आप सामान्य और होवर राज्यों के लिए अलग-अलग पाठ रंगों को भी परिभाषित कर सकते हैं, एक सामंजस्यपूर्ण इंटरैक्टिव अनुभव को समायोजित कर सकते हैं श्वास कक्ष बनाने के लिए पाठ ब्लॉकों के चारों ओर पैडिंग और सुनिश्चित करें कि आपका संदेश पढ़ने में आसान है क्योंकि यह प्रेरक है।
- अलग टेक्स्ट स्टाइलिंग: शीर्षक और विवरण पर अद्वितीय टाइपोग्राफी और रंग लागू करें।
- इंटरएक्टिव टेक्स्ट रंग: जब उपयोगकर्ता संपूर्ण जानकारी बॉक्स पर मंडराता है तो टेक्स्ट का रंग बदलें।
- संरेखण विकल्प: अपने लेआउट और प्रीसेट से मेल खाने के लिए टेक्स्ट को बाएँ, केंद्र या दाएँ संरेखित करें।
होवर राज्यों के साथ उन्नत स्टाइलिंग
कंटेनर को डिजाइन का एक महत्वपूर्ण हिस्सा बनाएं पृष्ठभूमि (रंग, ढाल, या छवि) और पूर्ण सीमा नियंत्रण (प्रकार, चौड़ाई, रंग, त्रिज्या) के साथ सामान्य शैलियों को स्टाइल करें सही रिक्ति के लिए पैडिंग और मार्जिन को ठीक से नियंत्रित करें फिर, अलग-अलग सामान्य और होवर राज्यों को स्टाइल करके इसे जीवन में लाएं पृष्ठभूमि रंग, सीमा बदलें, या यहां तक कि एक होवर एनीमेशन लागू करें जब उपयोगकर्ता बातचीत करते हैं यह एक स्थिर बॉक्स को एक आकर्षक, इंटरैक्टिव तत्व में बदल देता है।
- दोहरी-राज्य पृष्ठभूमि: सामान्य और होवर राज्यों के लिए अलग-अलग पृष्ठभूमि रंग या चित्र सेट करें।
- पूर्ण सीमा नियंत्रण: सभी तरफ सीमा प्रकार, चौड़ाई, रंग और त्रिज्या डिज़ाइन करें।
- इंटरएक्टिव फीडबैक: उपयोगकर्ता इंटरैक्शन को पुरस्कृत करने के लिए होवर एनीमेशन प्रभाव (जैसे फीका, धक्का, बढ़ना) का उपयोग करें।
इन्फोबॉक्स के लिए अक्सर पूछे जाने वाले प्रश्न
इस इन्फो बॉक्स का सबसे आम उपयोग क्या है?
यह अविश्वसनीय रूप से बहुमुखी है शीर्ष उपयोग हैं: सेवा/सुविधा शोकेस (आइकन + शीर्षक + संक्षिप्त विवरण), टीम सदस्य प्रोफाइल (छवि + नाम + भूमिका), संपर्क बिंदु (आइकन + “कॉल हमें” + संख्या), और प्रोमोशनल सीटीए (आइकन + सम्मोहक शीर्षक + प्रस्ताव के लिए लिंक)।
क्या मैं पूरे बॉक्स को एक पृष्ठ से लिंक कर सकता हूं, न कि केवल शीर्षक?
डिफ़ॉल्ट रूप से आप केवल शीर्षक के लिए लिंक जोड़ सकते हैं लेकिन डर नहीं, रैपर लिंक को सक्षम करना सुनिश्चित करें और आप पूरे इन्फोबॉक्स के लिए एक लिंक जोड़ने में सक्षम हो सकते हैं।
क्या मुझे आइकन या छवि का उपयोग करना चाहिए?
प्रतीक प्रतीकात्मक, सरल अवधारणाओं के लिए सबसे अच्छे हैं (“सेटिंग्स के लिए एक गियर,“के लिए एक फोन कोंबोल करेंसंक्रमण) वे पूरी तरह से स्केल करते हैं और हल्के होते हैं छवियों का उपयोग करें जब आपको ब्रांड पहचान के लिए एक विशिष्ट लोगो, एक व्यक्ति का चेहरा, या एक उत्पाद फोटो दिखाने की आवश्यकता होती है।
क्या होवर प्रभाव आवश्यक है?
आवश्यक नहीं है, लेकिन अत्यधिक अनुशंसित एक सूक्ष्म होवर प्रभाव (जैसे पृष्ठभूमि रंग परिवर्तन या छाया) उपयोगकर्ता को मूल्यवान दृश्य प्रतिक्रिया प्रदान करता है, यह दर्शाता है कि तत्व इंटरैक्टिव है यह आपकी साइट के पेशेवर, पॉलिश महसूस को बहुत बढ़ाता है।
ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन
कम समय में परिष्कृत वेबसाइट बनाएं।
ग्लासमोर्फिज्म
कंटेनर अतिरिक्त
पैटर्न
पोस्ट/पेज डुप्लीकेटर
