रचना के माध्यम से प्रवाह और लय कैसे बनाएं


11

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

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

डिजाइन में एक दृश्य प्रवाह और ताल बनाते समय क्या विचार किए जाने चाहिए और किन विशिष्ट तकनीकों का उपयोग किया जा सकता है?


कुछ उदाहरण:

पल्प फिंगर्स

एम 1-डिजाइन

नया डील फेस्टिवल

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

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

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


यह प्रश्न कैसे
Zach Saucier


1
पहला सवाल नहीं देखा - लेकिन वह सवाल यह है कि यह सवाल कैसे है
काई

जवाबों:


7

इस प्रश्न का उत्तर एक मास्टर की थीसिस हो सकता है, इसलिए कृपया मेरे उत्तर को तकनीकी उत्तर से अधिक एक राय मानें।

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

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

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

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

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

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

यह मेरी अवधारणा है और मैं अधिक बात कर सकता था, लेकिन जैसा कि मैंने कहा कि यह एक मास्टर की थीसिस हो सकती है।



6

'एफ' पैटर्न

'एफ' पैटर्न का प्रसिद्ध प्रभाव है , जहां पाठक पृष्ठ को ऊपर से नीचे और दाएं से बाएं स्कैन करेंगे, दाएं की तुलना में बाईं ओर अधिक ध्यान देंगे, लगभग एक 'एफ' के आकार में। यह शोध और कई वैज्ञानिक अध्ययनों द्वारा समर्थित है।

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

फ्लो बनाने की तकनीक

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

रेखाएँ और आकार

लाइनों का उपयोग कई तरीकों से गति को निर्देशित करने के लिए किया जा सकता है। गति की दिशा के लिए लंबवत रेखाएं एक बाधा के रूप में कार्य करेंगी, दिशा को बदल देंगी या गति को एक साथ रोक देंगी। दिशात्मक या गर्भकालीन रेखाएं और आकार आंदोलन और प्रवाह बना सकते हैं।

लाइनों के विभिन्न उपयोग के साथ, इन लेआउट की तुलना करें:

पंक्तियां

प्रवाह को निर्देशित करने के लिए अधिक जटिल आकृतियों का भी उपयोग किया जा सकता है:

आकृतियाँ

तीर का अर्थ है गति और आपकी आँखें स्वाभाविक रूप से तीर की दिशा का पालन करेंगी, इसलिए यह तीर को इंगित करने के लिए समझ में आता है जहां आप किसी को देखना चाहते हैं। इन तीरों की तुलना करें, फिर सामग्री की ओर इशारा करते हुए:

दूर की ओर इशारा करते हुए तीर

इशारा करते हुए बोला

दृश्य भार और पदानुक्रम

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

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

परिप्रेक्ष्य

तिरछी रेखाओं और स्केल के उपयोग के माध्यम से एक विकृत दृष्टिकोण, या कल्पना के उपयोग के माध्यम से शाब्दिक परिप्रेक्ष्य एक और तकनीक है।

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

आँखें

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

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


उसकी आँखें अपने पाठ पर ध्यान केंद्रित नहीं है, लेकिन करीब है?
पूजा

1
यह बहुत ही त्वरित उदाहरण था और पहली तस्वीर जो मुझे मिली ...
काई

एक कारण के लिए यह इनाम दिया - "पहले आपको यह समझने की आवश्यकता है कि आप क्या हासिल करने की कोशिश कर रहे हैं।" लक्ष्य यह है कि आप प्रवाह को कैसे परिभाषित करते हैं। जब लोग कहते हैं "क्या हासिल करने की कोशिश कर रहे हैं" यह सोचकर बहुत व्यापक .... नहीं, तुम वहाँ हो, यही है, यही जवाब है!
रयान

धन्यवाद @Ryan yeh तकनीक महान हैं, लेकिन बिना यह जाने कि आप उनके लिए क्या उपयोग कर रहे हैं, बेकार है!
काई
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.