आधुनिक डिजाइनों में गोल्डन अनुपात को लागू करना

आदर्श वेब पेज कार्यात्मक और सामंजस्यपूर्ण दोनों है, लेकिन यहां तक ​​कि सबसे अनुभवी वेब डिजाइनरों को यह बताने में परेशानी हो सकती है कि एक डिजाइन प्राकृतिक प्रवाह क्या देता है। रंग और नेविगेशन सिद्धांतों के बावजूद, कभी-कभी एक आदर्श वेब पेज के सौंदर्यशास्त्र का सबसे महत्वपूर्ण पहलू अप्रभावी लगता है। हम नहीं जानते कि यह क्यों काम करता है लेकिन कभी-कभी यह बस होता है। यह सब एक साधारण अवधारणा के कारण हो सकता है.

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

द गोल्डन व्हाट?

सरल शब्दों में, स्वर्ण अनुपात (जिसे रूप में भी जाना जाता है ईश्वरीय अनुपात या बीच का रास्ता), एक गणितीय स्थिरांक है जो प्रकृति और कलाकृति में बार-बार दिखाई देता है.

एक समीकरण के रूप में व्यक्त किया, जब ए से बड़ा है ख, (ए + बी) द्वारा विभाजित ए के बराबर है ए द्वारा विभाजित ख (बस नीचे दी गई छवि को देखें), जिसके बारे में बराबर है १.६१,८०,३३,९८७. वह संख्या, जिसे अक्सर ग्रीक चरित्र "फी" द्वारा दर्शाया जाता है सुनहरा अनुपात.

(छवि स्रोत: mathsisfun.com)

उसी सिद्धांत का उपयोग आयत बनाने के लिए किया जा सकता है, जिसे कहा जाता है सुनहरा आयत. एक छवि जो सुनहरे अनुपात का अनुसरण करती है उसे आयत के अंदर बड़े करीने से रखा जा सकता है जो अनुपात का पालन करता है.

(छवि स्रोत: creativeautomaton.com)

एक सुनहरा आयत बनाने के लिए, एक संख्या चुनें जो आयत के छोटे पक्ष की लंबाई होगी। तर्क के लिए, मान लीजिए कि 500 ​​पिक्सेल हैं। 1.618 से गुणा करें। परिणाम, 809 पिक्सेल, आपके आयत के लंबे पक्ष की लंबाई है। इसलिए, एक आयत जो कि by० a पिक्सेल से ५०० पिक्सल है, एक सुनहरा आयत है। यह सुनहरे अनुपात का पालन करता है.

प्राकृतिक सौंदर्य

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

मानव चेहरा अनुपात का अनुसरण करता है, और हम ऐसे लोगों को खोजते हैं जिनके चेहरे अनुपात के प्रति अधिक आकर्षक होते हैं। शंख, क्लासिक पुनर्जागरण कृतियों, पुरातनता से वास्तुकला, और यहां तक ​​कि मानव शरीर के अंगों का अनुपात उंगलियों के नीचे अनुपात के आधार पर खुद को किया जाता है.

(इमेज सोर्स: in2visualdesign)

हमारे दिमाग के मूल में कुछ गहरा सुनहरा अनुपात सुंदर के रूप में दर्ज करता है, एक तथ्य कलाकारों और वास्तुकारों ने हजारों वर्षों से उपयोग किया है, जानबूझकर या नहीं। यह कल्पना में मौलिक भाषा है। परिणाम जैविक, सहज ज्ञान युक्त है, और बस सही लगता है.

दिव्य रचना

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

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

ग्रिड / ब्लॉक के लिए

एक रेखाओं द्वारा निर्मित वर्ग आपकी सामग्री ब्लॉक होगा। छोटी आयत एक साइड या नेविगेशन बार होगी। एक बार जब आप अपने आयत के आकार का पता लगा लेते हैं, तो यह पता लगाना कि आपका नेविगेशन बार कितना चौड़ा होना आसान गणित है.

• इस उदाहरण के लिए, हम कहेंगे कि आपकी आयत है 525 पिक्सल के द्वारा 850 पिक्सल.
• 525 है ए और 850 है (ए + बी), तथा ख आपके साइड बार की चौड़ाई होगी.
• ढूँढ़ने के लिए ख, हम बस से घटाते हैं (ए + बी), जो 325 है.
• इसलिए आपके साइड बार की चौड़ाई 325 है.

याद रखें कि आपके आयत को आपके उद्देश्यों के अनुरूप, ऊपर, नीचे, या विपरीत दिशा में साइडबार लगाकर फ़्लिप किया जा सकता है। जब तक अनुपात पकड़ में रहेगा, तब तक आपका डिजाइन सामंजस्यपूर्ण लगेगा.

पाठ के लिए

आपके लिए आवश्यक माप प्राप्त करने का एक तेज़ तरीका है और इसे पाठ सामग्री के साथ लागू किया जा सकता है.

• मान लीजिए कि आपका संदर्भ पाठ आकार 12 है.
• 12 के साथ गुणा करें 1.618, सुनहरा अनुपात, और आपको 19.416 मिलेगा.
• 19 या 20 का हेडर टेक्स्ट साइज सुनहरे अनुपात का बारीकी से अनुसरण करेगा.

सुनहरा अनुपात एक ऐसी भाषा है जिसे आपका मन समझता है, और इसके साथ संवाद करने से, आपके विचार अधिक प्रभावी ढंग से सामने आएंगे। आपको इसका ठीक-ठीक पालन नहीं करना है; मूल सिद्धांत पर्याप्त है। छवि आकारों के अनुपात को लागू करना, पाठ और छवि प्लेसमेंट के बीच संबंध और साइड बार के भीतर उपविभागों का निर्माण सभी अवधारणाएं हैं.

ग्रिड वर्क: थर्ड्स का नियम

यदि गणित आपकी चाय का कप नहीं है, तो स्वर्णिम अनुपात की अवधारणा को सरल बनाया जा सकता है। तिहाई का नियम एक दृश्य में रुचि के अंक की नियुक्ति को नियंत्रित करता है। किसी भी दी गई छवि को क्षैतिज और लंबवत दोनों में विभाजित करें। आपको 9 ग्रिड मिलेंगे.

(छवि स्रोत: digital-photography-school.com)

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

(छवि स्रोत: net.tutsplus.com)

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

कॉलम और फ़ॉन्ट आकार: फाइबोनैचि अनुक्रम

सुनहरे अनुपात से जुड़े वेब डिज़ाइन के लिए एक और सरल उपकरण है फाइबोनैचि संख्या. एक फिबोनाची अनुक्रम 0 से शुरू होता है और 1. पिछले दो संख्याओं को क्रम में अगली संख्या बनाने के लिए एक साथ जोड़ा जाता है: 0, 1, 1, 2, 3, 5, 8, 13, 21, 34… और इसी तरह.

थोड़ा गणित हमें बताता है कि अनुक्रमिक फाइबोनैचि अनुक्रम संख्याओं के बीच संबंध सुनहरे अनुपात के करीब है - क्रम से किसी भी संख्या को इसके पहले की संख्या से विभाजित करें और आपको मिलेगा - आपने अनुमान लगाया - 1.618.

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

(छवि स्रोत: Wikipedia.org)

गोल्डन सर्पिल और सामग्री क्लस्टरिंग

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

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

(छवि स्रोत: fabiovisentin.com)

सर्पिल सामग्री घनत्व और क्लस्टरिंग के लिए एक दिशानिर्देश के रूप में काम कर सकते हैं। वे आपकी वेबसाइट हेडर इमेज, सर्च बार और टूल बार के अनुपात की नींव के रूप में काम कर सकते हैं.

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

शक्तिशाली संदेश अक्सर अचेतन होते हैं, और सुनहरा अनुपात प्रकृति के सबसे विपुल अचेतन विज्ञापनों में से एक है। दिव्य अनुपात का उपयोग करके, आप अपने आप को प्राकृतिक तर्क और जैविक अनुग्रह का एक छोर देते हैं जो सभी मनुष्यों में एक अवचेतन आकर्षण होता है। सुनहरा अनुपात आपके रचनात्मक निपटान में एक और उपकरण है.

अधिक पढ़ना:

• गोल्डन लेआउट को वेब लेआउट और ऑब्जेक्ट पर लागू करना

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