क्या आपको हीरो की छवि चाहिए? हो सकता है कि टाइपोग्राफी काफी हो

जब वेबसाइट डिजाइन के नायक क्षेत्र की बात आती है, तो टेक्स्ट और कॉल टू एक्शन के साथ एक छवि या वीडियो होता है। लेकिन हर डिज़ाइन में उच्च-गुणवत्ता वाले विज़ुअल तत्व नहीं होते हैं ताकि इस शैली की नायक छवि काम कर सके।

यह सवाल उठता है: क्या आपको वास्तव में नायक छवि की भी आवश्यकता है?

कुछ वेबसाइट परियोजनाओं के लिए, जवाब न है। आप महान टाइपोग्राफी और कुछ छोटे विवरण वाली वेबसाइट के लिए एक तारकीय नायक क्षेत्र डिजाइन कर सकते हैं। आइए एक नजर डालते हैं कि इसे कैसे करना है और कुछ उदाहरण जिन्हें हम पसंद करते हैं।

एनवाटो तत्वों का अन्वेषण करें

हीरो इमेज के लाभ

वेबसाइट के लिए हीरो इमेज या वीडियो का उपयोग करने के प्राथमिक लाभ ध्यान आकर्षित करने वाले हैं दृश्य तत्व की प्रकृति और वह जानकारी जो बताती है। एक छवि आपकी वेबसाइट या प्रोजेक्ट और सामग्री के बारे में बहुत कुछ कह सकती है।

छवियां कहानी कहने का एक महत्वपूर्ण हिस्सा हैं और उनके बिना कोई भी पूर्ण डिजाइन बनाना कठिन होगा। जबकि हम यहां एक छवि के बिना हीरो हेडर डिजाइन करने के बारे में सोच रहे हैं, यह ध्यान रखना महत्वपूर्ण है कि ये वेबसाइट शायद ही कभी छवियों के बिना पूरी तरह से होती हैं।

अधिकांश भाग के लिए, मनुष्य सहज रूप से दृश्य होते हैं। हम चीजों को देखकर समझ हासिल करते हैं। इसलिए हीरो इमेजरी इतनी लोकप्रिय है।

हीरो इमेज के फ़ायदों में ये भी शामिल हैं:

• किसी उत्पाद या सेवा को दिखाता है
• वेबसाइट विज़िटर को इससे जोड़ता हैआप क्या करते हैं या किस बारे में हैं
• छवि में जो है उसके लिए इच्छा या आवश्यकता की भावना पैदा करता है
• पाठ या कॉल टू एक्शन जैसे अन्य तत्वों पर स्क्रीन पर विज़ुअल फ़ोकस बढ़ाता है
• उपयोगकर्ताओं को स्क्रीन पर लंबे समय तक रहने और जुड़े रहने के लिए कुछ देता है

टाइपोग्राफी-आधारित हीरो के लाभ

टाइपोग्राफी-आधारित का प्राथमिक लाभ हीरो हेडर एरिया यह है कि यह कुछ स्पष्ट रूप से संचार करता है। शब्द, विशेष रूप से मजबूत पठनीयता और सुपाठ्यता के साथ, स्क्रीन से वेबसाइट विज़िटर तक जानकारी संप्रेषित करने का प्राथमिक तरीका है।

आप टाइपोग्राफी का उपयोग उपयोगकर्ताओं को यह बताने के लिए कर सकते हैं कि आप उन्हें क्या बताना चाहते हैं।

टाइपोग्राफी-आधारित नायक क्षेत्र के अन्य लाभों में शामिल हैं:

• डिजाइन के लिए स्पष्ट फोकस और समझ
• शब्दों के लिए संभावित रूप से अधिक जगह
• विज़ुअल रूप से विघटनकारी मुखपृष्ठ जो ध्यान आकर्षित करेगा क्योंकि यह अलग है
• विभिन्न फसलों के बारे में सोचने के बिना किसी भी स्क्रीन आकार पर काम करता है
• छोटे एनिमेशन, ध्वनि, या जैसे अन्य डिज़ाइन तत्वों के साथ अच्छी तरह से प्रवाहित हो सकता है बोल्ड रंग

5 कारण टाइपोग्राफी सर्वश्रेष्ठ हो सकती है

आपकी वेबसाइट डिज़ाइन के लिए टाइपोग्राफी-आधारित नायक क्षेत्र का उपयोग करने का निर्णय किसी पर नहीं लिया जाना चाहिए यूँ या क्योंकि आपको कोई फ़ोटो पसंद नहीं है। आपके द्वारा चुने गए किसी अन्य डिज़ाइन तत्व की तरह ही इसका उद्देश्यपूर्ण उद्देश्य होना चाहिए।

तो सिर्फ सही छवि न होने के अलावा, आप टाइपोग्राफी का उपयोग क्यों करेंगे-आधारित नायक?

• एक दिलचस्प टाइपफेस एक छवि की तुलना में आपके उत्पाद या व्यवसाय के अनुरूप अधिक है। यह एक अधिक सुसंगत कहानी का संचार करता है।
• आपके पास कहने के लिए बहुत कुछ है और शब्दों पर क्या जोर देना है। यह एक अधिक प्रत्यक्ष संदेश का संचार करता है।
• टाइपोग्राफी आपके द्वारा किए जाने वाले कार्यों के अनुरूप है। यह आपकी वेबसाइट के लिए उपयुक्त कौशल या तकनीक का संचार करता है।
• आप इसका उपयोग गहराई और जानकारी की परतें बनाने या स्थानिक संबंध स्थापित करने के लिए कर सकते हैं। यह शब्दों से मेल खाने वाली भावना को संप्रेषित कर सकता है।
• छवियां या वीडियो सपाट लगते हैं और वेबसाइट विज़िटर के साथ एक डिस्कनेक्ट बनाते हैं। यह स्पष्टता और दूरदर्शिता का संचार करता है।

दिलचस्प टाइपफेस का प्रयास करें

जब बात मजबूत टाइपोग्राफी फोकस वाले नायक क्षेत्रों की आती है, तो विचार के दो स्कूल हैं:

• इसे सरल रखें।
• एक दिलचस्प या प्रायोगिक टाइपफेस भी आजमाएं।

दोनों सही हैं और आप उन्हें एक साथ भी आजमा सकते हैं।

जब आप अत्यधिक दृश्य या दिलचस्प टाइपफेस का उपयोग करते हैं, तो उनमें कुछ सहज अर्थ अंतर्निहित होते हैं। वे उपयोगकर्ताओं को एक निश्चित तरीके से सोचने या महसूस करने पर मजबूर कर सकते हैं। अगर शब्दों को पढ़ना बहुत कठिन हो तो वे भ्रम भी पैदा कर सकते हैं।

इसलिए एक अलग मध्य मैदान है जो लगभग हर सफल टाइपोग्राफी-हीरो को संतुलित करता है। और इसे तब तक परिभाषित करना कठिन है जब तक आप इसे देखें - और पढ़ें - नहीं। उम्मीद है, यहां दिए गए उदाहरण से आपको अंदाजा हो गया होगा कि यह कैसा दिखता है।

5ऐसे उदाहरण जिन्हें हम पसंद करते हैं

MKTLM

एक साधारण सैन सेरिफ़ और रेखांकित स्क्रिप्ट के संयोजन से आप यहाँ स्क्रीन पर शब्दों को देख सकते हैं। सरल एनिमेटेड तत्वों के रूप में न्यूनतम पृष्ठभूमि इसे सभी को एक साथ खींचती है।

फ़ंक्शन और amp; फॉर्म

फ़ंक्शन और amp; फॉर्म एक शानदार नायक क्षेत्र बनाने के लिए पाठ की कई परतों का उपयोग करता है जो सरल दिखता है लेकिन काफी जटिल है। हर जगह ट्रेंडी तत्व हैं - रोटेटिंग सर्कल, एक सेरिफ़ टाइपफेस, भारी कॉपी ब्लॉक - और यह सब एक तरह से एक साथ आता है जो शानदार दिखने के साथ-साथ पढ़ने और समझने में आसान है।

नियर नॉर्थ स्टूडियो

ऐसा कुछ भी नहीं है जो आपको नियर नॉर्थ स्टूडियो के लिए डिज़ाइन पर रोक दे, लेकिन जब आप सभी तत्वों को एक साथ रखते हैं, तो टाइपोग्राफी-आधारित डिज़ाइन है हड़ताली। पाठ की गति के तीन स्तरों वाला एनिमेटेड स्क्रोलर ध्यान आकर्षित कर रहा है।

Liferay.Design

पृष्ठभूमि में सादगी और सूक्ष्म विवरण का संयोजन इस टाइपोग्राफी-आधारित डिज़ाइन को अगले स्तर तक ले जाता है। "वार्षिक रिपोर्ट" एक टाइपफेस और शैली में है जो अप्रत्याशित है और सरल एनिमेटेड तीर आपको और अधिक चाहता है।

रेडीमैग

रेडीमैग का डिजाइन उसके चेहरे पर सबसे सरल हो सकता है, लेकिन रंग बदलने वाली पृष्ठभूमि आपको डिजाइन को देखती रहती है। यह तब होता है जब आपको टाइपफेस के दिलचस्प विभाजनों और आकृतियों का एहसास होता है जिसमें एक रूपरेखा शैली भी शामिल होती है।शब्दों का वजन वास्तव में आपको यह जानने के लिए आकर्षित करता है कि आगे क्या है।

निष्कर्ष

अब एक शानदार फॉन्ट की तलाश करें और टाइपोग्राफी को प्रदर्शित करने वाले तारकीय हैडर के साथ आगे बढ़ें। अधिक फ़ोकस और विज़ुअल इंटरेस्ट बनाने के लिए कुछ सूक्ष्म अतिरिक्त - जैसे गति या रंग - जोड़ना न भूलें।

और संपादित करें, संपादित करें और फिर से संपादित करें। मजबूत कॉपी से ज्यादा महत्वपूर्ण कुछ नहीं है जब आपका एकमात्र दृश्य तत्व शब्द हो।