typographyMay 10, 202612 min read

प्रिंट डिज़ाइन के वो सिद्धांत जिन्हें हर डिज़ाइनर को अपनाना चाहिए

प्रिंट डिजाइनरों ने दशकों पहले ही पदानुक्रम, ग्रिड, लय और संयम जैसी समस्याओं को हल कर लिया था। डिजिटल डिजाइनरों को 2026 में किन बातों को अपनाना चाहिए, इसके लिए यह एक प्रामाणिक मार्गदर्शिका है।

By Boone
XLinkedIn
what print designers got right

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

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

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

प्रिंट ने इस समस्या का समाधान पहले क्यों किया और हम इसे क्यों भूलते रहते हैं

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

हर निर्णय की एक कीमत होती थी, और इसी कीमत ने संपादकीय संयम को बाध्य किया। प्रिंट डिज़ाइनरों को पाठक का ध्यान आकर्षित करने के लिए अगले पृष्ठ से प्रतिस्पर्धा करनी पड़ती थी, न कि टिकटॉक से। प्रतिस्पर्धा निष्पक्ष थी। उपकरण सीमित थे: टाइप, छवि, रंग, कागज और ग्रिड।

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

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

प्रिंट द्वारा अपनाए गए सात सिद्धांत

भावुकता को हटा दें, तो आपको वे सात सिद्धांत मिलते हैं जिन्हें प्रिंट ने बखूबी अपनाया, जबकि डिजिटल अभी भी उन पर लड़खड़ा रहा है।

  1. पदानुक्रम। एक चीज़ मुख्य भाग है। बाकी सब मुख्य भाग की सेवा में है।

  2. ग्रिड ग्रिड पाठक के साथ एक अनुबंध है, डिजाइनर के लिए कोई बंधन नहीं।

  3. लय पृष्ठ दर पृष्ठ संगीत की धुन की तरह लगना चाहिए, न कि किसी स्लॉट मशीन की तरह।

  4. पैमाना बड़ी चीजें बड़ी इसलिए होती हैं क्योंकि वे इसके लायक होती हैं, छोटी चीजें छोटी इसलिए होती हैं क्योंकि वे भी इसके लायक होती हैं।

  5. विपरीतता फ़ॉन्ट का वजन, रंग, घनत्व, पैमाना। विपरीतता ही आँखों की गति का निर्धारण करती है।

  6. संयम अधिकांश निर्णय हटाने के होते हैं, जोड़ने के नहीं।

  7. पाठक के प्रति सम्मान पाठक का समय, ध्यान और बुद्धि ही आपका बजट है।

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

वोक्सेल फ्रेमवर्क: सात लेबल वाले कार्ड जिन पर पदानुक्रम, ग्रिड, लय, पैमाना, कंट्रास्ट, संयम और सम्मान लिखा है, एक प्रिंटर की ट्रे की तरह हल्के पेस्टल कोरल और क्रीम रंग की सतह पर व्यवस्थित हैं।
वोक्सेल फ्रेमवर्क: सात लेबल वाले कार्ड जिन पर पदानुक्रम, ग्रिड, लय, पैमाना, कंट्रास्ट, संयम और सम्मान लिखा है, एक प्रिंटर की ट्रे की तरह हल्के पेस्टल कोरल और क्रीम रंग की सतह पर व्यवस्थित हैं।

पदानुक्रम और ग्रिड: एक लीड चुनें, उसे अनुबंध से जोड़ें

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

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

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

लीड को कहीं न कहीं पहुंचना ही होगा। वह जगह ग्रिड है। 1940 के दशक के उत्तरार्ध में जान शिखोल्ड ने पेंगुइन पेपरबैक श्रृंखला को इस तरह से पुनर्गठित किया कि ग्रिड इतना अनुशासित था कि किताबें आज भी आधुनिक लगती हैं।

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

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

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

लय और पैमाना: दूसरे पृष्ठ को डिज़ाइन करें, आकार को सही ढंग से निर्धारित करें

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

डिजिटल डिज़ाइन में अक्सर एक ही स्क्रीन पर ध्यान केंद्रित किया जाता है। पहले भाग को सौ घंटे का ध्यान मिलता है, दूसरे भाग को पंद्रह मिनट, और तीसरे को कुछ नहीं। फिर हम सोचते हैं कि हमारे मार्केटिंग पेज क्यों सिकुड़ जाते हैं।

इस तरीके को अपनाएं। पूरे पेज को लय की एक श्रृंखला के रूप में स्केच करें। यदि आप लय को स्पष्ट रूप से व्यक्त नहीं कर सकते, तो पेज में कोई लय नहीं है।

आकार लय का मुखर रूप है। पाउला शेर के पब्लिक थिएटर के पोस्टर आकार को समझने का एक बेहतरीन उदाहरण हैं। पोस्टर में टाइप भरा होता है, किनारों से कटा हुआ, एक ही मोटाई सारा काम करती है।

आकार ही संदेश है। आप टाइप को पढ़ते हैं क्योंकि टाइप ही वह स्थान है।

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

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

पाँच डिजिटल गलतियाँ जिन्हें प्रिंटिंग सिद्धांत ठीक करते हैं

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

ज़्यादातर खराब डिजिटल डिज़ाइन पाँच बार दोहराई जाने वाली गलतियों में से एक होती है। हर गलती को ठीक करने के लिए एक प्रिंटिंग सिद्धांत है।

| प्रिंटिंग सिद्धांत | आम डिजिटल गलती | समाधान |

|---|---|---|

| पदानुक्रम | सब कुछ एक ही आकार का है, कोई भी मुख्य बिंदु नहीं है | मुख्य बिंदु चुनें, बाकी को स्पष्ट रूप से छोटा करें |

| ग्रिड | सजावटी लेआउट, कोई अंतर्निहित संरचना नहीं | एक वास्तविक ग्रिड सेट करें, हर तत्व को उसके अनुसार संरेखित करें, कोई अपवाद नहीं |

| संयम | बहुत सारे फ़ॉन्ट, बहुत ज़्यादा क्रोम | फ़ॉन्ट की संख्या दो तक सीमित करें, बॉर्डर, शैडो और ग्रेडिएंट हटाएँ जो कोई काम नहीं करते |

आकार | बड़े अक्षरों में कमज़ोर शब्द | शब्दों को उनके आकार के अनुरूप बनाएँ, या अक्षरों का आकार छोटा करें |

कंट्रास्ट | सपाट ग्रे-पर-ग्रे यूआई जिसमें कोई एंकर नहीं है | वास्तविक वज़न कंट्रास्ट, वास्तविक रंग एंकर और वास्तविक घनत्व परिवर्तन जोड़ें |

एक बार तालिका पढ़ें और फिर अपना उत्पाद देखें। आपको इस महीने जारी किए गए स्क्रीन पर इनमें से कम से कम तीन कमियाँ मिलेंगी। यह ठीक है, लगभग सभी में ये होती हैं। बात यह है कि इन्हें पहचानें ताकि आप इन्हें दूर कर सकें।

संयम और सम्मान: दो सिद्धांत जिन्हें सीखना कठिन है

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

संयम को आत्मसात करना सबसे कठिन सिद्धांत है क्योंकि डिज़ाइन में दिखाई देने वाला काम वही होता है जो आप जोड़ते हैं। आपने जो ग्रेडिएंट हटाया, जो आइकन काटा, या जिस तीसरे फॉन्ट को लोड करने से मना किया, उसकी कोई तारीफ़ नहीं करता। पाठक चुपचाप, पेज पूरा पढ़कर ही आपकी सराहना करता है।

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

पाठक का सम्मान ही संयम का मूल सिद्धांत है। प्रिंट मीडिया में पाठक को वयस्क माना जाता है। पेंगुइन ने मान लिया था कि आप बिना स्क्रॉल इंडिकेटर, बिना प्रोग्रेस बार, बिना अनुमानित पढ़ने के समय के ग्यारह पॉइंट गैरामंड फॉन्ट में छपा चार सौ पेज का उपन्यास पढ़ सकते हैं।

डिजिटल मीडिया ने पंद्रह साल चुपचाप अपने पाठकों का अपमान किया है। रीडिंग टाइम चिप्स, प्रोग्रेस बार, लेखों के अंदर "TLDR" सेक्शन जो खुद सारांश होते हैं। यह मान लिया गया है कि पाठक बिना किसी सहायक के टेक्स्ट को समझ नहीं सकता।

इस धारणा को छोड़ दें। आपका पाठक वयस्क है। वह पढ़कर आपको इसका इनाम देगा।

एक बेहतरीन संपादकीय पृष्ठ को कैसे पढ़ें

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

मुख्य बिंदु पर ध्यान दें। यह बिल्कुल एक ही है। यह या तो शीर्षक है, छवि है, या कोई उद्धरण है।

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

सफेद स्थान पर ध्यान दें, जो आपकी अपेक्षा से अधिक है, और यह जानबूझकर व्यवस्थित किया गया है, आकस्मिक नहीं है। कैप्शन पर ध्यान दें, जो छोटे हैं और एक निश्चित कॉलम में स्थिर हैं। पृष्ठों पर ध्यान दें, जो एक निश्चित स्थान पर हैं और हिलते नहीं हैं।

यह ग्रिड की कार्यप्रणाली है। यह पदानुक्रम की कार्यप्रणाली है। यह लय की कार्यप्रणाली है।

ये सभी निर्णय जानबूझकर, किसी व्यक्ति द्वारा, पाठक की सेवा में लिए गए थे।

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

टाइपोग्राफी के सबक जो आसानी से समझ में आ जाते हैं

प्रिंट टाइपोग्राफी, स्क्रीन टाइपोग्राफी से तीन खास मायनों में दशकों आगे है।

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

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

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

तीसरा, टाइप पेयरिंग। प्रिंट का नियम है कि ज़्यादा से ज़्यादा दो फ़ॉन्ट परिवार हों, और उन्हें अलग-अलग काम करने होते हैं। डिस्प्ले और टेक्स्ट, या सेरिफ़ और सैन्स।

डिजिटल जगत में एक आम नियम बन गया है कि "इंटर फॉन्ट का इस्तेमाल करो और फिर मार्केटिंग टीम की पसंद के हिसाब से चार और फॉन्ट जोड़ दो।" अपने फॉन्ट की संख्या दो तक सीमित रखो और आपकी डिज़ाइन रातोंरात बेहतर हो जाएगी।

व्हाइट स्पेस और कवर डिज़ाइन के सबक

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

मुलर-ब्रॉकमैन के पोस्टर को देखिए। व्हाइट स्पेस संरचनात्मक भूमिका निभा रहा है। यह टाइप को फ्रेम करता है, नज़र को आकर्षित करता है, और प्रमुख तत्वों को जगह देता है।

व्हाइट स्पेस का मतलब कंटेंट की कमी नहीं है। यह पेज का वह हिस्सा है जो कंटेंट को पठनीय बनाता है। डिजिटल उत्पाद व्हाइट स्पेस से डरते हैं क्योंकि खाली पिक्सल बेकार जगह लगते हैं। ऐसा नहीं है।

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

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

आपका होमपेज हीरो, आपका ऑनबोर्डिंग स्क्रीन, आपका ऐप आइकन, आपकी सोशल शेयर इमेज। ये सभी कवर हैं। वही दो सेकंड का नियम।

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

प्रिंट से डिजिटल में क्या नहीं बदलता

प्रिंट ने सब कुछ हल नहीं किया। इस बारे में ईमानदार रहें कि मानक आपको क्या नहीं दे सकता।

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

प्रिंट ने गति की समस्या हल नहीं की। संपादकीय डिज़ाइनर स्थिरता में सोचते हैं। गति एक ऐसी कला है जो आप एनिमेशन, फिल्म और गेम से सीखते हैं, न कि पत्रिका के स्प्रेड से।

प्रिंट ने रिस्पॉन्सिव लेआउट की समस्या हल नहीं की। प्रिंट ग्रिड आपको अनुशासन सिखाता है, लेकिन रिस्पॉन्सिव ग्रिड एक ऐसी समस्या है जिसे आपको इसके ऊपर हल करना होता है।

सिद्धांत कायम रहता है, क्रियान्वयन नहीं। सिद्धांतों को अपनाएं, मान्यताओं को छोड़ दें। यही सही तरीके से नकल करने का तरीका है।

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

प्रिंट से प्रेरित डिज़ाइन सिस्टम बनाना

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

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

अपने स्पेसिंग टोकन को एक ऐसी लय तक सीमित रखें जो ब्रेकपॉइंट्स पर भी बनी रहे। अपने शैडो और बॉर्डर टोकन को सबसे छोटे सेट तक सीमित रखें जो काम करे।

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

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

सिद्धांतों के बिना डिज़ाइन सिस्टम एक स्टिकर पैक के समान है। प्रिंट सिद्धांतों को समाहित करने वाला डिज़ाइन सिस्टम एक प्रकाशन है।

बाउहॉस ने इसे उन्नीस सौ बीस के दशक में समझ लिया था। त्शिकोल्ड ने इसे 1928 में 'द न्यू टाइपोग्राफी' में संहिताबद्ध किया। स्विस स्कूल ने इसे पचास के दशक में क्रियान्वित किया।

पेंटाग्राम इसे साठ वर्षों से व्यावसायिक रूप से बेच रहा है। सिद्धांत स्थिर हैं, माध्यम बदलता रहता है।

एक छोटी कार्यशाला जिसे आप अपने उत्पाद पर चला सकते हैं

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

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

फिर काट-छाँट करें। तीन तत्व हटाएँ, आइब्रो को छोटा करें, फ़ॉन्ट की संख्या दो तक सीमित करें। मुख्य बिंदु को ग्रिड के वास्तविक प्रतिच्छेदन पर ले जाएँ। पृष्ठ को जीवंत बनाने के लिए खाली स्थान बढ़ाएँ।

नए संस्करण को इन्हीं पाँच प्रश्नों से पर परखें। सुधार स्पष्ट दिखाई देगा।

इसे एक महीने तक सप्ताह में एक बार करें। आपकी नज़र फिर से अभ्यस्त हो जाएगी। आपकी स्क्रीन शांत और अधिक प्रभावी हो जाएँगी। आपकी टीम भी इसे नोटिस करने लगेगी।

यही प्रिंट शिक्षा का लाभ है, और आप इसे एक दोपहर में स्वयं को प्रदान कर सकते हैं।

साहित्य एक कार्यशील पुस्तकालय है, इसे इसी तरह समझें

इस लेख में उल्लिखित नाम इतिहास नहीं हैं। विग्नेली, शिकोल्ड, क्रोवेल, शेर, मुलर-ब्रॉकमैन, कार्सन, टर्ली, पेंटाग्राम, पेंगुइन, ब्लूमबर्ग बिजनेसवीक, न्यूयॉर्क टाइम्स पत्रिका। वे एक चलती-फिरती लाइब्रेरी हैं, जहाँ से आप इस सप्ताह भी जानकारी प्राप्त कर सकते हैं।

उनकी पुस्तकें अब भी छपती हैं। उनके लेख अब भी ऑनलाइन उपलब्ध हैं। उनके सिद्धांत अब भी प्रासंगिक हैं।

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

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

If your product screens feel noisy and flat, hire Brainy to rebuild them with editorial discipline.

Get Started

More from Brainy Papers

Keep reading