ढीले ग्रिड के पीछे क्या तर्क है?


14

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

यहाँ छवि विवरण दर्ज करें


यहाँ छवि विवरण दर्ज करें


यहाँ छवि विवरण दर्ज करें


यहाँ छवि विवरण दर्ज करें


यहाँ छवि विवरण दर्ज करें


4
शायद "मेकिंग एंड ब्रेकिंग द गर्ड" के बारे में यह दस्तावेज सहायक हो सकता है ... :)
ग्यारह

2
सभी लेआउट गणितीय ग्रिड का अनुसरण नहीं करते हैं। कभी-कभी यह सिर्फ शुद्ध सौंदर्य संबंधी स्थानिक संबंध होता है। यहाँ 'तर्क' कुछ भी हो सकता है लेकिन 'सफेद स्थान को संतुलित करने' की तर्ज पर संभव है।
DA01

"सार्वजनिक विचार 2010" स्पष्ट रूप से एक टाइल-सेट है, इसलिए ग्रिड ट्रिम लाइनों का दोहरावदार ढांचा है।
योरिक

जवाबों:


7

ऐसा लगता है कि पहला उदाहरण क्लासिक लेआउट पर अधिक कठोर ग्रिड पर आधारित है। यह सुनहरे खंड के "स्क्विट" संस्करण पर आधारित लगता है। यह "कटा हुआ" होने के कारण कई हो सकते हैं:

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

यहाँ छवि विवरण दर्ज करें

ध्यान दें कि सुनहरे खंड द्वारा उत्पन्न "वर्ग" (जो आयताकार हो गया था क्योंकि मुझे इसे स्क्विश करना पड़ा था) का उपयोग कॉपी कॉलम की चौड़ाई और तस्वीरों की ऊंचाई और ऊंचाई निर्धारित करने के लिए इकाइयों के रूप में किया जाता है।

फोटो बारोक विकर्ण के समानांतर विकर्णों की एक सम ताल के बाद व्यवस्थित किए गए प्रतीत होते हैं (नीचे से ऊपर दाएं बाएं)। यह सिनिस्टर विकर्ण के साथ एक अच्छा ज्वार बनाता है (ऊपर से नीचे दाएं बाएं), जो आंख को कॉपी की ओर निर्देशित करता है।

यहाँ छवि विवरण दर्ज करें


5

आम तौर पर एक ग्रिड का उपयोग समानताएं और अंतर को अधिक स्पष्ट करने के लिए किया जाता है - और इस प्रकार अधिक पहचानने योग्य।

यह एक्सेसिबिलिटी को भी प्रोत्साहित करता है, इसलिए दर्शक स्वचालित रूप से जानते हैं कि तत्वों की तलाश कहाँ करनी है क्योंकि " क्षैतिज और ऊर्ध्वाधर विभाजनों के जंक्शन सूचनाओं को खोजने के लिए साइनपोस्ट के रूप में कार्य करते हैं " [1]।

उन्होंने कहा, एक ग्रिड के बारे में दिलचस्प बात यह है कि यह अपने तत्वों को वितरित और समायोजित करता है, जबकि एक ही समय में उन्हें और उनके रिश्तों को एक दूसरे के साथ सुलझाने और समझने में मदद करता है जैसा कि आप निम्नलिखित चित्रण में देख सकते हैं ( en.wikipedia.org से ) ।

En.wikipedia.org से बहु-स्तंभ ग्रिड का चित्रण

जैसा कि टिमोथी समारा ने कहा है, " हर ग्रिड में एक ही मूल भाग होते हैं, चाहे वह कितना भी जटिल क्यों न हो। प्रत्येक भाग एक विशिष्ट कार्य को पूरा करता है" । तत्व या तो हो सकते हैं

  • संयुक्त समूहों के लिए संयुक्त
  • या छोड़ा गया संपूर्ण संरचना

ग्रिड के तत्वों को कैसे और कब जोड़ा जाता है या छोड़ा जाता है यह डिजाइनर के विवेक पर निर्भर करता है, लेकिन जानकारी की दर्शकों की व्याख्या पर निर्भर होना चाहिए।

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

[१] टिमोथी समारा , रॉकपोर्ट पब्लिशर्स मई २००५ तक ग्रिड बनाना और तोड़ना


1

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


2
हे सारा! GD.SE में आपका स्वागत है! यदि आपके पास कोई सवाल है कि साइट कैसे काम करती है, तो सहायता केंद्र पर एक नज़र डालें या अपनी प्रतिष्ठा 20 तक पहुंचने के बाद ग्राफिक डिज़ाइन चैट में हम में से एक को पिंग करने के लिए स्वतंत्र महसूस करें । फिर से देखें!
विकी

मैं मानता हूं: मुझे लगता है कि ओपी मान रहा है कि "ग्रिड" लगाया गया है। मैं इसे नहीं देखता, जब तक कि आप पृष्ठ ट्रिम लाइनों (जैसे गटर-जैसे-केंद्र) को शामिल न करें। मैं केंद्र (दाएं हाथ के पृष्ठ) पर कुछ संरेखित देखता हूं, अन्य लोग उदाहरण के लिए "ए" के क्रॉस-बार पर संरेखित होते हैं। कभी-कभी आप बस एक कनेक्शन देखते हैं और फिर उनके बीच काल्पनिक रेखा पर कुछ छोड़ते हैं।
योरिक
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.