मॉड्यूलर ग्रिड कैसे बनाएं

विषयसूची:

मॉड्यूलर ग्रिड कैसे बनाएं
मॉड्यूलर ग्रिड कैसे बनाएं

वीडियो: मॉड्यूलर ग्रिड कैसे बनाएं

वीडियो: मॉड्यूलर ग्रिड कैसे बनाएं
वीडियो: 🔥मॉड्यूलर किचन कैसे बनाएं, पानी पट्टी, मोल्डिंग पट्टी, और पर्दा,डिजाइन पत्थर कैसे फिटिंग करें!DIYer 2024, मई
Anonim

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

मॉड्यूलर ग्रिड कैसे बनाएं
मॉड्यूलर ग्रिड कैसे बनाएं

ज़रूरी

एबोड फोटोशॉप प्रोग्राम।

निर्देश

चरण 1

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

चरण 2

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

चरण 3

आप इंसर्ट टेबल आइटम का उपयोग करके पंक्तियों और स्तंभों के किसी भी सेट के साथ विभिन्न टेबल (ग्रिड आइटम) जोड़ सकते हैं, साथ ही सेल में नई टेबल डाल सकते हैं, जिससे पेज तत्वों के निर्माण के लिए एक जटिल नेटवर्क तैयार हो सकता है।

चरण 4

आप CSS शैलियों का उपयोग करके मैन्युअल रूप से एक मॉड्यूलर ग्रिड बना सकते हैं। ऐसा करने के लिए, #grid, Gridmaker, CSS Grid Builder, 1 KB CSS Grid, Gridr Buildrrr और अन्य मॉड्यूल टूल का उपयोग करें। उदाहरण के लिए, निम्न कोड स्निपेट दी गई चौड़ाई के चार मॉड्यूल का ग्रिड बनाता है:.पृष्ठ-लेआउट {मार्जिन-दाएं: -5px; }.लेआउट-बॉक्स {फ्लोट: लेफ्ट; मार्जिन: ० ५पीएक्स ५पीएक्स ०; }.lb-1 {चौड़ाई: 779px; } / * १००% * /. एलबी-2 {चौड़ाई: ५८३पीएक्स; } / * 75% * /। एलबी -3 {चौड़ाई: 387 पीएक्स; } / * 50% * /। एलबी -4 {चौड़ाई: १९१पीएक्स; } / * 25% * /

चरण 5

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

सिफारिश की: