फिग्मा में आपकी सामग्री को स्क्रॉल करने योग्य बनाने में साइड टैब पर नेविगेट करना शामिल है। दुर्भाग्य से, यह मुख्य उपयोगकर्ता इंटरफ़ेस पर स्वचालित रूप से प्रकट नहीं होता है। स्क्रॉल करने योग्य सामग्री तब उपयोगी होती है जब आप अपने डिज़ाइन के एक फ्रेम के भीतर बहुत सारी जानकारी प्रस्तुत करना चाहते हैं। कुछ उदाहरणों में लैंडिंग पृष्ठ, ऐप इंटरफ़ेस या पॉप-अप विंडो शामिल हैं।
यह आलेख समझाएगा कि आपके फिग्मा डिज़ाइन को स्क्रॉल करने योग्य कैसे बनाया जाए।
स्क्रॉल करने योग्य टेक्स्ट को एक आकार में फ़िट करना
आइए एक सरल आकार में स्क्रॉल करने योग्य टेक्स्ट बनाकर शुरुआत करें। यह स्क्रॉल करने योग्य टेक्स्ट का सबसे आम उदाहरण है, और आप बाद में रंग, फ़ॉन्ट और रूपरेखा जैसे अन्य स्वामित्व जोड़ सकते हैं।
यहां बताया गया है कि यह कैसे किया जाता है:
- एक मूल आकृति बनाएँ. इस उदाहरण के लिए, हम एक लंबवत आयत बनाने की अनुशंसा करते हैं। आप बाएं साइडबार पर आयत टूल का चयन करके या 'आर' कमांड का उपयोग करके ऐसा कर सकते हैं। बाईं ओर दबाए रखें, कैनवास बिंदु पर क्लिक करें और आकृति बनाएं।
- दाएँ साइडबार पर, डिज़ाइन टैब के अंतर्गत, 'क्लिप सामग्री' विकल्प के आगे एक चेक लगाएं।
- टेक्स्ट बॉक्स बनाने और उसे स्क्रॉल करने योग्य फ़्रेम में रखने के लिए टेक्स्ट टूल का चयन करें। आपके द्वारा उपयोग की जा रही किसी भी सामग्री को टाइप या कॉपी-पेस्ट करें।
- फ़्रेम का चयन करें और अपने इंटरफ़ेस के दाईं ओर प्रोटोटाइप टैब पर जाएं। फिर, 'ओवरफ़्लो स्क्रॉलिंग' विकल्प और अपनी पसंदीदा शैली चुनें। यहां हम 'वर्टिकल स्क्रॉलिंग' चुनेंगे।
एक बार जब आप प्रोटोटाइप टैब पर ओवरफ़्लो स्क्रॉलिंग विकल्प पर क्लिक करते हैं, तो कई शैलियाँ होती हैं। हम ऊर्ध्वाधर आयत को चुनते हैं क्योंकि हम एक उदाहरण के रूप में ऊर्ध्वाधर आयत का उपयोग कर रहे हैं। यह आपको पाठ को ऊपर से नीचे तक पढ़ने की सुविधा देता है। कुछ अन्य शैलियों में शामिल हैं:
- क्षैतिज स्क्रॉलिंग - कुछ उदाहरणों में उपयोगकर्ता अपने टेक्स्ट को बाएं से दाएं स्क्रॉल कर सकते हैं। यदि आप भूदृश्य प्रारूप में डिज़ाइन बना रहे हैं तो यह विकल्प बेहतर है।
- नो स्क्रॉलिंग - यदि आप अपनी सामग्री को उसकी जगह पर लॉक करना चाहते हैं, तो नो स्क्रॉलिंग विकल्प चुनें।
- दोनों दिशाएँ - बहुत सारी सामग्री के साथ एक डिज़ाइन बनाएं और लंबवत और क्षैतिज दोनों तरह से स्क्रॉल करें।
सामग्री के साथ इंटरैक्ट करते समय आपके पाठक द्वारा उपयोग किए जाने वाले प्रयास (क्लिक) को कम करने के लिए आपको अपने डिज़ाइन में स्क्रॉल करने योग्य सुविधाओं का उपयोग करना चाहिए। वे ढेर सारे टेक्स्ट पर क्लिक करने या टैप करने के बजाय स्वाइप कर सकते हैं या माउस व्हील का उपयोग कर सकते हैं।
अपने स्क्रॉल करने योग्य घटकों को कैसे डिज़ाइन करें
आपके उत्पाद के आधार पर, आपको अपना कंटेंट फ़्रेम और सामग्री स्वयं डिज़ाइन करने की आवश्यकता होगी। इस प्रक्रिया में समग्र डिज़ाइन में रंग, फ़ॉन्ट और संभावित रूप से अन्य घटकों को जोड़ना शामिल है। इन तत्वों को बदलना आसान है, लेकिन सही सौंदर्यशास्त्र का चयन करने के लिए सावधानीपूर्वक विचार की आवश्यकता होती है।
अपने स्क्रॉल करने योग्य डिज़ाइन का फ़ॉन्ट कैसे बदलें
पहली चीज़ जो आपको करने की ज़रूरत होगी वह है अपने स्क्रॉल करने योग्य डिज़ाइन पर फ़ॉन्ट बदलना। फिग्मा आपके चुनने के लिए शैलियों की एक विस्तृत श्रृंखला प्रदान करता है। यहाँ सबसे सरल विधि है:
- अपने स्क्रॉल करने योग्य फ़्रेम में वह सामग्री चुनें जिसे आप बदलना चाहते हैं।
- ऊपर बाईं ओर स्थित ड्रॉप-डाउन मेनू पर जाएँ और उसे चुनें।
- फ़ॉन्ट्स में तब तक स्क्रॉल करें जब तक आपको वह फ़ॉन्ट न मिल जाए जिसका आप उपयोग करना चाहते हैं।
यदि आप जिस ब्रांड के लिए डिज़ाइन कर रहे हैं उसकी एक विशेष टाइपोग्राफी है, तो आप संभवतः वही टाइपोग्राफी चुनेंगे ताकि यह ब्रांड छवि के अनुरूप हो। यदि आपके पास अधिक गुंजाइश है, तो आपको सही उदाहरण चुनने से पहले विभिन्न उदाहरणों के साथ प्रयोग करना चाहिए।
कुछ विचारों में शामिल हैं:
- डिज़ाइन का इरादा - टाइपोग्राफी का चयन आपके डिज़ाइन के इरादे से मेल खाना चाहिए। यदि आप बहुत सारी जानकारी स्पष्ट रूप से बताना चाहते हैं, तो कम सजावटी लेकिन सुरुचिपूर्ण फ़ॉन्ट का लक्ष्य रखें।
- अन्य घटक - आपका फ़ॉन्ट आपके डिज़ाइन में किसी अन्य की तरह एक दृश्य तत्व है। इसे फ़्रेम और आपके द्वारा शामिल किए गए अन्य घटकों से मेल खाना चाहिए।
- समग्र सौंदर्य और ब्रांडिंग - ब्रांड का सामान्य अनुभव भी आपके चुने हुए फ़ॉन्ट को प्रभावित करना चाहिए। उदाहरण के लिए, एक फूल वितरण सेवा में SAAS लैंडिंग पृष्ठ के समान फ़ॉन्ट नहीं होगा।
हालाँकि सही फ़ॉन्ट चुनने के लिए कुछ प्रयोग की आवश्यकता हो सकती है, कुछ ठोस फ़ॉन्ट उदाहरण सबसे विश्वसनीय विकल्प हैं:
क्या आप बिना फ़ोन नंबर के groupme का उपयोग कर सकते हैं
- रोबोटो - यदि आप इसे सुरक्षित रखना चाहते हैं, तो रोबोटो का उपयोग करें। इसे कई अनुप्रयोगों वाला एक बहुमुखी और तटस्थ फ़ॉन्ट माना जाता है। चूँकि इसे समझना बहुत आसान है, इसलिए कई लोग निर्देशों और लैंडिंग पृष्ठों के लिए रोबोटो को चुनते हैं।
- पोपिन्स - मैत्रीपूर्ण लेकिन आधुनिक और साफ-सुथरी अपील के लिए, पोपिन्स चुनें। यह फ़ॉन्ट अधिक गोलाकार है और पाठ को आकर्षक और पढ़ने में आसान बनाता है।
- रेलवे - एक परिष्कृत लक्जरी ब्रांड के लिए डिज़ाइन करते समय, आप शायद रेलवे पर विचार करना चाहेंगे। यह आम तौर पर पतला होता है लेकिन इसमें अलग-अलग वजन भिन्नताएं होती हैं और समग्र रूप से सुंदर लुक होता है।
- लाटो - मित्रतापूर्ण, विश्वसनीय और गंभीर इस फ़ॉन्ट का वर्णन करने के लिए सही शब्द हैं। डिज़ाइनर शीर्षकों और अनुच्छेद पाठों के लिए लेटो का उपयोग कर सकते हैं जहां पठनीयता और स्पष्टता प्रमुख चिंताएं हैं।
आप अपने चुने हुए फ़ॉन्ट आकार और टेक्स्ट शैली पर भी विचार करना चाहेंगे। आम तौर पर, बोल्ड का उपयोग शीर्षकों या खंडों पर जोर देने के लिए किया जाता है, जबकि इटैलिक का उपयोग उद्धरण के लिए किया जाता है।
फ़्रेम आकार का रंग बदलना
फ़ॉन्ट बदलने के अलावा, आप अपने फ़्रेम आकार का रंग भी बदलना चाहेंगे। एक बार फिर, सटीक रंग उस ब्रांड पर निर्भर करेगा जिसके लिए आप डिज़ाइन कर रहे हैं या आपके सौंदर्यशास्त्र पर। सौभाग्य से, फिग्मा का इंटरफ़ेस रंग का चयन करना आसान बनाता है।
यहां बताया गया है कि आप अपने फ़्रेम का रंग कैसे बदल सकते हैं:
- वह फ़्रेम चुनें जिसे आप संपादित करना चाहते हैं.
- परत दाएँ साइडबार पर दिखाई देगी. 'भरें' अनुभाग पर जाएँ।
- भरण जोड़ने के लिए '+' चुनें।
- एक रंग चयनकर्ता विंडो खुलेगी. भरण रंग और ग्रेडिएंट का चयन करें. यदि आप सटीक रंग जानते हैं तो आप हेक्स कोड भी टाइप कर सकते हैं।
अन्य डिज़ाइन तत्वों की तरह, आपको विभिन्न रंगों के साथ प्रयोग करने की आवश्यकता हो सकती है और वे आपके चुने हुए फ़ॉन्ट के साथ कैसे दिखते हैं।
सामान्य प्रश्नोत्तर
क्या फिग्मा में स्क्रॉल करने योग्य टेक्स्ट कमांड है?
दुर्भाग्य से, फिग्मा में टेक्स्ट को स्क्रॉल करने योग्य बनाने के लिए कोई आदेश नहीं है। हालाँकि, आप उपरोक्त विधि का उपयोग करके कुछ ही क्लिक में प्रक्रिया को पूरा कर सकते हैं।
मैं कैसे तय करूं कि मुझे कौन सा अतिप्रवाह विकल्प चाहिए?
यह आपके द्वारा उपयोग किए जा रहे पाठ के प्रकार, समग्र डिज़ाइन और उसके कार्य पर निर्भर करता है। ऊर्ध्वाधर शैली आमतौर पर बड़े पाठों पर नज़र डालने के लिए अच्छी होती है।
किस डिवाइस इंटरफ़ेस को आमतौर पर स्क्रॉल करने योग्य टेक्स्ट डिज़ाइन की आवश्यकता होगी?
एक अच्छा उदाहरण किसी ऐप के लिए डिज़ाइन मॉक-अप होगा। उपयोगकर्ता सामान्य फ़्रेम के रूप में एक फ़ोन बना सकते हैं, जबकि स्क्रॉल करने योग्य टेक्स्ट ऐप का इंटरफ़ेस हो सकता है।
क्या फ़िगमा स्क्रॉल करने योग्य डिज़ाइन बनाने के लिए सर्वोत्तम विकल्प है?
फ़िग्मा स्क्रॉल करने योग्य डिज़ाइन सहित कई प्रकार के फ़ॉर्म बनाने के लिए सबसे अच्छे टूल में से एक है। इससे भी बेहतर, फिग्मा मुफ़्त है। हालाँकि, आपकी कुछ व्यक्तिगत प्राथमिकताएँ हो सकती हैं। Adobe Illustrator जैसे कुछ प्लेटफ़ॉर्म के साथ प्रयोग करने का प्रयास करें, जब तक कि आपको वह टूल आपके लिए सबसे उपयुक्त न मिल जाए।
ऑटो व्यवस्था आइकन विंडोज़ 10 windows
अपने डिज़ाइन को स्क्रॉल करने योग्य और उपयोगकर्ता के अनुकूल बनाएं
फिगमा में किसी भी टेक्स्ट को एक फ्रेम के भीतर बनाना आसान है। बस फ़्रेम का चयन करें और फिर क्लिप सामग्री विकल्प पर जाएं। एक बार पूरा होने पर, आप अपने अतिप्रवाह स्क्रॉलिंग विकल्प चुन सकते हैं। इसी तरह, आपको अन्य महत्वपूर्ण डिज़ाइन तत्वों, जैसे फ़्रेम का रंग और आकार और टेक्स्ट फ़ॉन्ट की उपेक्षा नहीं करनी चाहिए। अपने डिज़ाइन को स्क्रॉल करने योग्य बनाना लैंडिंग पेज, ऐप इंटरफ़ेस और पॉप-अप विंडो के लिए एक उत्कृष्ट विकल्प है। यह टेक्स्ट को क्लिक करने के बजाय सरसरी तौर पर पढ़ना आसान बनाता है, जिससे अंततः उपयोगकर्ता अनुभव बेहतर होता है।
क्या आपको फिग्मा में अपनी सामग्री को स्क्रॉल करने योग्य बनाना आसान लगा? सही फ़ॉन्ट चुनने के बारे में क्या ख्याल है? नीचे टिप्पणी अनुभाग में हमें बताएं।
