बनावट और पैटर्न - विज़ुअल डिज़ाइन के अनसंग नायक

कॉइनबेस के सहयोग से आयोजित एक शिक्षण कार्यक्रम अयागिग्स वेब3 फैलोशिप में फेलोशिपिंग (हाहा) मजेदार रही है ।

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

हम मूलभूत चरण के साथ काम कर चुके हैं और मुख्य चरण में जा रहे हैं, लेकिन इससे पहले हमारे पास एक चुनौती सप्ताह था जो सोमवार, 21 नवंबर 2022 से शुरू हुआ था, जो हमें इस बात का परीक्षण करने के लिए था कि हमने पूरे मूलभूत चरण में क्या सीखा है। एमसीक्यू, क्यूए, प्रैक्टिकल टेस्ट सहित सभी प्रकार के परीक्षण करना चुनौतीपूर्ण रहा है (आपको विश्वास नहीं होगा कि यह 2 दिनों में किया गया था), यह लेख चुनौती सप्ताह के लिए अंतिम कार्य है।

मेरे पास पैटर्न और बनावट के उपयोग पर लिखने के लिए बहुत सारे अनुरोध हैं, इसलिए मैंने इस अवसर का उपयोग इस विषय पर अपने ज्ञान को साझा करने के लिए करने का निर्णय लिया।

तो, चलिए शुरू करते हैं,

बनावट और पैटर्न दृश्य तत्व हैं जो आम तौर पर डिजाइन में अनिवार्य हो गए हैं। मैं उन्हें अनसंग हीरो कहता हूं क्योंकि ज्यादातर अनदेखी की जाती है लेकिन जिज्ञासु डिजाइनर द्वारा खोजे जाने पर वे अमूल्य हो जाते हैं।

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

हालाँकि, बनावट को लंबे समय से " ग्रंज " शैली के डिजाइन के रूप में गलत समझा गया है । कई वेब पेजों में, हम देख सकते हैं कि शांत प्रभावों को उजागर करने के लिए, उन्हें बड़ी मात्रा में उपयोग किया जाता है और दुरुपयोग की आशंका भी होती है। दुरुपयोग का परिणाम यह होता है कि उसके वास्तविक लाभ दब जाते हैं। सही मायने में बनावट का सर्वोत्तम उपयोग करने के लिए, इसे सूक्ष्मता से और इरादे से इस्तेमाल किया जाना चाहिए।

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

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

बनावट और पैटर्न के मामलों का प्रयोग करें

बनावट का उपयोग ज्यादातर मोबाइल एप्लिकेशन के बजाय वेब के लिए डिज़ाइन करते समय किया जाता है। पैटर्न वेब और मोबाइल ऐप डिज़ाइन दोनों में लोकप्रिय हैं। डिजाइन करने का कारण सिर्फ इसलिए नहीं होना चाहिए कि यह " सुंदर दिखता है ", बल्कि एक निश्चित कार्य को पूरा करने पर आधारित होना चाहिए, और डिजाइन करते समय बनावट और पैटर्न का उपयोग करने का अधिकांश उद्देश्य वेब पेज के स्तर और दृष्टि को बढ़ाना है। आइए उनके कुछ उपयोग मामलों पर एक नज़र डालें:

क्लिक करने के लिए उपयोगकर्ताओं को आकर्षित करें

आइकन, बटन, शीर्षक आदि जैसे तत्व सभी बनावट वाले हो सकते हैं। यह उपयोगकर्ताओं को संबंधित तत्वों पर क्लिक करने के लिए आकर्षित कर सकता है। यही कारण हो सकता है कि बनावट का उपयोग लोकप्रिय है। बनावट का मुख्य उपयोग इसे तत्वों पर लागू करना है ताकि उन्हें वेब पर अन्य तत्वों से अलग किया जा सके।

सूचना की उन्नत दृश्य प्रस्तुति

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

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

वातावरण बनाएं और व्यक्तित्व को उजागर करें

अब, अधिक से अधिक ग्राहक यह पसंद करते हैं कि उनकी वेबसाइट अपने बारे में अधिक जानकारी देने के लिए इंटरफ़ेस डिज़ाइन का उपयोग कर सकती है। उन्हें उम्मीद है कि वेबसाइट उनके अपने व्यक्तित्व को उजागर कर सकती है और एक ब्रांड प्रभाव डाल सकती है। बनावट और पैटर्न व्यक्तित्व स्थापित करने में शक्तिशाली उपकरण हैं।

इसे सुपाठ्य रखें

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

बनावट का संयम से उपयोग करें

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

अभ्यास परिपूर्ण बनाता है

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

इसे इरादे से इस्तेमाल करें

पैटर्न और बनावट का उपयोग करते समय आपको जानबूझकर होना चाहिए। डिजाइन की तरह, आप इसे करने के लिए नहीं करते हैं। बनावट और पैटर्न का आपका उपयोग अंत का साधन होना चाहिए।

एक्सप्लोर करें, एक्सप्लोर करें, एक्सप्लोर करें...

ऐसी हजारों साइटें हैं जो बेहतरीन बनावट और पैटर्न मुफ्त में प्रदान करती हैं। एक्सप्लोर करने में समय व्यतीत करें और आपको जो मिलेगा वह आपको पसंद आएगा। डिजाइन करते समय बहुत समय बचाने के लिए, मेरा विश्वास करो, यह पीरटाइम में बैकअप संसाधन बनाने का सबसे अच्छा उपाय है। यदि डिजाइनिंग का समय संसाधनों को डाउनलोड करने और एकत्र करने में लगाया जाता है, तो मुझे डर है कि आपके पास समय कम होगा।

टेक्सचर एक्सप्लोरेशन के लिए चुनिंदा लिंक

डाउनलोड करने के लिए 365 बनावट (जेपीजी, पीएसडी, पीएटी, एबीआर) — WeGraphics

पृष्ठभूमि | ग्राफिकबर्गर

पैटर्न लाइब्रेरी

ava7 पैटर्न /// 1905 फ्री सीमलेस बैकग्राउंड पैटर्न

पैटर्न एक्सप्लोरेशन के लिए चुनिंदा लिंक

मुफ्त एसवीजी जनरेटर, रंग उपकरण और वेब डिजाइन उपकरण (fffuel.co)

पैटर्न मॉन्स्टर - एसवीजी पैटर्न जेनरेटर

सूक्ष्म पैटर्न | आपकी अगली वेब परियोजना के लिए मुफ्त बनावट (toptal.com)

पैटर्न जेनरेटर | निर्बाध, रॉयल्टी मुक्त पैटर्न बनाएं (doodad.dev)

पढ़ने के लिए धन्यवाद और आपका दिन शुभ हो!

संदर्भ

• यूएक्सडिजाइन.सीसी