logo designApril 28, 202616 min read

लोगो ग्रिड कंस्ट्रक्शन: 4 ग्रिड सिस्टम और कब कौन-सा इस्तेमाल करें

लोगो ग्रिड चार होते हैं, एक नहीं: Base, Construction, Lockup, और Clearspace. हर एक किस काम आता है, कब लागू होता है, गोल्डन रेशियो समेत चार बेस ग्रिड शेप्स, Apple, Twitter, Mastercard, NBC और FedEx की टियरडाउन, और अच्छे मार्क्स जानबूझकर ग्रिड कहाँ तोड़ते हैं।

By Boone
XLinkedIn
A handwritten sheet in blue ink, triangle nudge right, circle draw taller, crossbar thin it, spacing by eye

लोगो ग्रिड ज्योमेट्रिक गाइड्स का एक सिस्टम है जो मार्क के प्रोपोर्शन, एंगल्स और स्पेसिंग को नियंत्रित करता है। यह कोई एक चीज़ नहीं है। चार अलग-अलग लोगो ग्रिड चार अलग-अलग काम करते हैं, और ये चार अलग-अलग पलों पर होते हैं: ड्रॉ करने से पहले, ड्रॉ करने के बाद, मार्क को टाइप के साथ पेयर करते समय, और जब लोगो पूरा होकर ब्रांड गाइडलाइन में जा रहा हो।

लगभग कोई भी इन्हें नाम नहीं देता। यहाँ इस्तेमाल किया गया नामकरण Akrivi Studio के चार लोगो ग्रिड सिस्टम्स के ब्रेकडाउन से आया है, जो इसे लिखा हुआ सबसे स्पष्ट रूप है: Base, Construction, Lockup, Clearspace। एक बार जब आपके पास ये चार नाम हों, तो ग्रिड असली क्राफ्ट है या सिर्फ दिखावा, इस बहस का ज़्यादातर हिस्सा सुलझ जाता है, क्योंकि आमतौर पर दो लोग दो अलग-अलग ग्रिड्स की बात कर रहे होते हैं।

लोगो ग्रिड असल में होता क्या है

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

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

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

चार लोगो ग्रिड सिस्टम, और हर एक कब होता है

#ग्रिडकब इस्तेमाल करेंकिसलिए है
1Baseडिज़ाइन करने से पहलेस्ट्रक्चर और कंसिस्टेंसी, वह स्कैफोल्ड जिसके ऊपर आप ड्रॉ करते हैं
2Constructionडिज़ाइन करने के बादइंस्पेक्शन, एंकर्स, हैंडल्स, आउटलाइन्स, एलाइनमेंट एरर्स को दिखाना
3Lockupमार्क और टाइप को पेयर करते समयहार्मनी और हायरार्की, दोनों के बीच स्पेसिंग
4Clearspaceजब लोगो फाइनल होएक्सक्लूजन ज़ोन, लोगो को अपने आस-पास कितनी जगह चाहिए

ये चारों एक-दूसरे के वेरिएंट नहीं हैं और आपस में इंटरचेंजेबल नहीं हैं। बेस ग्रिड एक स्कैफोल्ड है जिसके ऊपर आप बनाते हैं। कंस्ट्रक्शन ग्रिड बाद में की जाने वाली एक इंस्पेक्शन है। लॉकअप ग्रिड दो ऑब्जेक्ट्स के बीच के रिलेशनशिप के बारे में है। क्लियरस्पेस ग्रिड एक नियम है जो आप अगले किसी को सौंपते हैं जो लोगो इस्तेमाल करेगा।

स्याही से बनी एक छोटी आकृति, ऊपर देखते हुए, एक चलती हुई मैग्नीफाइंग ग्लास को देख रही है, कंस्ट्रक्शन ग्रिड मार्क का निरीक्षण कर रहा है
स्याही से बनी एक छोटी आकृति, ऊपर देखते हुए, एक चलती हुई मैग्नीफाइंग ग्लास को देख रही है, कंस्ट्रक्शन ग्रिड मार्क का निरीक्षण कर रहा है

लोगो ग्रिड्स के बारे में ज़्यादातर शोर इन्हें आपस में मिला देने से आता है। जब कोई फाइनल मार्क को सर्कल्स से घेरकर पोस्ट क��ता है और उसे रिगर का सबूत कहता है, वह एक कंस्ट्रक्शन ग्रिड है, जो बाद में बना होता है। जब कोई कहता है कि ग्रिड्स कैरेक्टर मार दिते हैं, वे आमतौर पर बेस ग्रिड्स की बात कर रहे होते हैं। दोनों एक साथ सही हो सकते हैं, क्योंकि वे अलग-अलग ऑब्जेक्ट्स के बारे में बहस कर रहे होते हैं।

1. Base ग्रिड्स: वह स्कैफोल्ड जिस पर आप ड्रॉ करते हैं

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

स्याही से बना एक चेहरे वाला ड्रॉइंग कंपास, मार्क का पहला आर्क खींच रहा है
स्याही से बना एक चेहरे वाला ड्रॉइंग कंपास, मार्क का पहला आर्क खींच रहा है
शेपस्ट्रक्चरकिसके लिए सबसे अच्छा
स्क्वेयर (8-पॉइंट ग्रिड)बराबर-स्क्वेयर टाइल फील्ड, बेस यूनिट आमतौर पर 1024px कैनवास पर 8px, स्ट्रोक चौड़ाई, कॉर्नर रेडियस, स्पेसिंग को नियंत्रित करती हैमोनोग्राम, लेटरमार्क, ज्योमेट्रिक सैन्स वर्डमार्क, रेक्टेंगुलर एनक्लोज़र्स पर बैज
आइसोमेट्रिक30 डिग्री पर ट्राएंगुलर फील्डजिन मार्क्स में इम्प्लाइड डेप्थ या थ्री-विज़िबल-फेस ज्योमेट्री हो
हेक्सागोनलहनीकॉम्ब फील्डरेडियल और सेल्युलर मार्क्स जहाँ सिक्स-वे सिमेट्री काम करती है
गोल्डन रेशियो1.618 के रिलेशनशिप से साइज़ किए गए सर्कल और रेक्टेंगलकर्व-डोमिनेंट मार्क्स

8-पॉइंट ग्रिड मॉडर्न UI डिज़ाइन में डिफ़ॉल्ट है। Material, iOS, और Tailwind का स्पेसिंग स्केल सभी 8-पॉइंट या 4-पॉइंट बेस मानते हैं, तो इस पर बना लोगो सबपिक्सल मिसमैच के बिना 8-पॉइंट UI में फिट हो जाता है। IBM का लेटरमार्क एक टाइट मॉड्यूलर ग्रिड पर बैठता है जो स्लैब स्पेसिंग और इसकी आठ हॉरिजॉन्टल स्ट्राइप्स को नियंत्रित करता है।

गोल्डन रेशियो, और "circular grid" जैसी कोई चीज़ क्यों नहीं होती

"Circular grid" कोई नामित ग्रिड सिस्टम नहीं है। जब कोई इसे कहता है, तो उसका मतलब दो असली चीज़ों में से एक होता है: एक गोल्डन-रेशियो बेस ग्रिड, या एक कंस्ट्रक्शन ग्रिड, जो आमतौर पर फाइनल मार्क के ऊपर सर्कल्स के रूप में खींचा जाता है। इन दोनों को मिला देना ही वह जगह है जहाँ से लोगो ग्रिड्स के बारे में ज़्यादातर कंफ्यूज़न शुरू होता है।

गोल्डन-रेशियो ग्रिड्स एक एंकर सर्कल से शुरू होते हैं, फिर ऐसे सर्कल्स जोड़े जाते हैं जिनके रेडियस पहले से एक तय रेशियो में संबंधित होते हैं, 1:1.618 (गोल्डन), 1:1.414 (सिल्वर), या 1:2। हर नया सर्कल पहले के अंदर नेस्ट होता है, एक ज्ञात एंगल पर इसे इंटरसेक्ट करता है, या एक ज्ञात ऑफसेट पर बाहर तक फैलता है, और मार्क आर्क्स और इंटरसेक्शन्स के साथ खींचा जाता है।

  • Twitter (2012 बर्ड): तीन रेडियस के चौदह ओवरलैपिंग सर्कल्स से बना। हर कर्व, सिर, विंग, ब्रेस्ट, बीक, इनमें से किसी एक के आर्क को फॉलो करता है।
  • Mastercard: बराबर रेडियस के दो सर्कल, एक तय दूरी से ऑफसेट, जिनका ओवरलैप कलर ब्लॉक तय करता है।
  • NBC पीकॉक: रेडियल, ग्यारह पेटल्स, हर एक फिक्स्ड एंगुलर इन्क्रीमेंट्स पर व्यवस्थित आर्क्स से बना एक टियरड्रॉप।

एक ईमानदार चेतावनी: गोल्डन रेशियो जनरेटर के तौर पर कम, सैनिटी चेक के तौर पर ज़्यादा उपयोगी है। जो डिज़ाइनर कहते हैं कि उन्होंने "लोगो को गोल्डन रेशियो पर डिज़ाइन किया", वे आमतौर पर पहले मार्क बनाते हैं और बाद में रेशियो नोटिस करते हैं। वेरिफाई करने के लिए phi का इस्तेमाल करना उचित क्राफ्ट है। हर माप का लिटरल ड्राइवर बनाना ओवरइंजीनियरिंग है, और लीक हुआ Pepsi 2008 ब्रीफ, अपने ग्रेविटेशनल पुल और अर्थ के मैग्नेटिक फील्ड के साथ, इसी का स्मारक है।

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

2. Construction ग्रिड्स: वह जिसे हर कोई पोस्ट करता है

इसे डिज़ाइन करने के बाद इस्तेमाल करें। मकसद: इंस्पेक्शन, वह पॉलिश जो क्लाइंट से यह पूछवाती है कि यह इतना सटीक कैसे है। कंस्ट्रक्शन ग्रिड एक फाइनल मार्क के अंदर के एंकर्स, हैंडल्स, आउटलाइन्स, और ग्रिडलाइन्स को दिखाता है, ताकि आप क्लाइंट से पहले गलतियाँ ढूंढ सकें: असमान लाइनें, एक कर्व जिसका हैंडल दो डिग्री ऑफ है, एक शेप जो बगल वाले के साथ एलाइन होने से एक यूनिट कम रह गया है। हाथ से करने पर, हर लोगो में तीस से साठ मिनट लगते हैं।

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

3. Lockup ग्रिड्स: मार्क और टाइप

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

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

4. Clearspace ग्रिड्स: वह नियम जो आप सौंपते हैं

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

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

मशहूर लोगो ग्रिड टियरडाउन

सात लोगो, और हर एक में कौन सा ग्रिड काम करता है।

लोगोबेस ग्रिडग्रिड क्या नियंत्रित करता हैयह क्या नहीं करता
Appleमॉड्यूलर एलाइनमेंट के साथ रेशियो सर्कल्सबॉडी, लीफ, और बाइट की कर्व कंटिन्यूटीबाइट का सटीक साइज़, जो टेस्ट है
Twitter (2012 bird)रेशियो सर्कल्स (14 सर्कल्स, 3 रेडियस)बर्ड बॉडी में हर कर्वपोज़, ऊपर देखने वाला रवैया
Mastercardदो बराबर सर्कलडिस्क रेडियस और ओवरलैप डिस्टेंसब्रांड कलर्स का शेड
NBC peacockरेडियल (11 पेटल्स, फिक्स्ड एंगल्स)पेटल आर्क और रोटेशनल स्पेसिंगग्यारह ब्रांड-कलर चॉइसेस
FedExरेशियो ओवरलेज़ के साथ स्क्वेयर मॉड्यूलरकैप हाइट, स्ट्रोक वेट, ऑप्टिकल कर्निंग, ऐरोकस्टम लेटरफॉर्म्स
Pepsi 2008गोल्डन-रेशियो सर्कल्स, मॉड्यूलर एलाइनमेंटस्माइल का एंगल, बैंड प्रोपोर्शन्सस्माइल शिप करने का फैसला
Toyotaमॉड्यूलर बेस, तीन इंटरसेक्टिंग एलिप्सेसएलिप्स इंटरसेक्शन्स और प्रोपोर्शन्सजापानी डिज़ाइन मेटाफर

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

ऑप्टिकल करेक्शन्स जो जानबूझकर ग्रिड तोड़ते हैं

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

करेक्शनदिक्कतफिक्स
ट्राएंगल्स बाईं ओर झुकते दिखते हैंएक स्क्वेयर के अंदर गणितीय रूप से सेंटर किया गया प्ले-बटन ट्राएंगल विज़ुअली बाईं ओर झुका दिखता है, क्योंकि विज़ुअल मास दाएँ किनारे की ओर केंद्रित होता हैइसे मैथेमेटिकल सेंटर से 1 से 3 प्रतिशत दाईं ओर शिफ्ट करें। Apple Music, YouTube, हर स्ट्रीमिंग सर्विस का हर प्ले बटन इसे बिल्ट-इन रखता है
सर्कल्स बराबर हाइट पर स्क्वेयर्स से छोटे दिखते हैंआस-पास के अक्षरों की कैप हाइट से मैच करता सर्कल थोड़ा छोटा दिखता हैइसे 2 से 5 प्रतिशत ओवरसाइज़ करें। ज़्यादातर प्रोफेशनल टाइपफेस में "O" ठीक इसी मात्रा से "H" से लंबा होता है
हॉरिजॉन्टल्स वर्टिकल्स से भारी दिखते हैंदोनों ओर के स्टेम्स जितनी ही वेट में खींची गई क्रॉसबार मोटी दिखती है, और लेटर को बॉटम-हेवी महसूस कराती हैइसे 10 से 15 प्रतिशत पतला खींचें। कोई भी फॉन्ट खोलें और कैपिटल "H" देखें: क्रॉसबार कभी अपराइट्स से मैच नहीं करती। "E" या "F" की भुजाओं के लिए भी यही
स्पेसिंग ऑप्टिकल है, कभी मापी नहीं जातीअक्षरों के बीच बराबर मापे गए गैप असमान दिखते हैं, क्योंकि "A" के बगल "V" "H" के बगल "I" से कहीं ज़्यादा सफेद घेरता हैदूरी के बजाय अक्षरों के बीच सफेद के AREA को बैलेंस करते हुए आँख से स्पेस करें। यही वजह है कि कर्निंग है ही, और कभी कोई लोगो रूलर से स्पेस नहीं किया गया

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

स्याही से बना एक प्ले बटन, ट्राएंगल अपने सर्कल के अंदर चिंतित चेहरे के साथ बैठा है और एक ऐरो इसे दाईं ओर धकेल रहा है
स्याही से बना एक प्ले बटन, ट्राएंगल अपने सर्कल के अंदर चिंतित चेहरे के साथ बैठा है और एक ऐरो इसे दाईं ओर धकेल रहा है

एक असली कंस्ट्रक्शन ग्रिड पर बना लोगो चाहिए, ऑप्टिकल करेक्शन्स, मॉड्यूलर सिस्टम, और उन नियमों के साथ जो हर सरफेस पर टिके रहें? Brainy को हायर करें। हम LogoBrainy के ज़रिए लोगो सिस्टम्स और उन टीमों के लिए पूरी ब्रांड आइडेंटिटीज़ शिप करते हैं जो एक ही हैंडऑफ में स्ट्रैटेजी, कंस्ट्रक्शन, और टाइपोग्राफी चाहती हैं।

जब ग्रिड मदद करता है और जब यह लोगो को ओवरइंजीनियर कर देता है

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

स्याही से बनी ओवरलैपिंग सर्कल्स और कंस्ट्रक्शन लाइन्स की उलझन, बीच में दबा एक छोटा चिंतित मार्क
स्याही से बनी ओवरलैपिंग सर्कल्स और कंस्ट्रक्शन लाइन्स की उलझन, बीच में दबा एक छोटा चिंतित मार्क
  • बेस ग्रिड्स यहाँ अपने पैसे वसूल करते हैं: ज्योमेट्रिक मोनोग्राम्स और लेटरमार्क्स (IBM, NASA, HBO, GE), कंस्ट्रक्टेड पिक्टोरियल मार्क्स (Apple, Twitter, Mastercard, BMW, Toyota), सर्कल्स, हेक्सागॉन्स, या स्क्वेयर्स पर बने इंटरनल ज्योमेट्री वाले मॉड्यूलर बैज, और ज्योमेट्रिक सैन्स वर्डमार्क्स (FedEx, Visa, 2015 के बाद का Google)।
  • बेस ग्रिड्स ओवरइंजीनियर करते हैं: कस्टम स्क्रिप्ट वर्डमार्क्स (Coca-Cola, Disney, Tiffany) जहाँ जेस्चर ही असेट है, हैंड-ड्रॉन या इलस्ट्रेटिव मार्क्स, कैलिग्राफिक और हिस्टोरिक-स्टाइल मार्क्स जहाँ कैरेक्टर इम्परफेक्शन में रहता है, और कोई भी ब्रांड जिसकी स्ट्रैटेजी गर्मजोशी या अप्रोचेबिलिटी है, क्योंकि एक सख्त कंस्ट्रक्शन ग्रिड प्रिसिजन और इंजीनियरिंग का संकेत देती है, जो स्ट्रैटेजी से टकराता है।

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

शुरू से लोगो ग्रिड कैसे सेट अप करें

पाँच स्टेप्स जो एक खाली Figma फ़ाइल को एक काम करने वाले बेस ग्रिड में बदलते हैं, फिर तीन और जो काम पूरा करते हैं।

  1. मास्टर कैनवास साइज़ चुनें। डिजिटल-फर्स्ट मार्क्स के लिए 1024 बाई 1024 पिक्सल, एडिटोरियल या प्रिंट-लीनिंग वाले के लिए 1200 बाई 1200। संख्या आपके बेस यूनिट से साफ़ डिवाइड होनी चाहिए।
  2. बेस यूनिट चुनें। ज़्यादातर मामलों के लिए 8 पिक्सल, बारीक टाइपोग्राफिक काम के लिए 4, बड़े-स्केल या सिंपल मार्क्स के लिए 16। उस यूनिट पर एक Figma Layout Grid सेट करें।
  3. लाइव एरिया परिभाषित करें। वह इनर ज़ोन जहाँ मार्क बैठता है। एक उचित डिफ़ॉल्ट है कैनवास का केंद्रीय 75 प्रतिशत, हर तरफ 12.5 प्रतिशत पैडिंग छोड़ते हुए, और पैडिंग बेस यूनिट का एक साफ़ मल्टीपल होना चाहिए।
  4. बेस ग्रिड शेप चुनें। मॉड्यूलर और टाइपोग्राफिक मार्क्स के लिए स्क्वेयर, इम्प्लाइड डेप्थ के लिए आइसोमेट्रिक, रेडियल और सेल्युलर ज्योमेट्री के लिए हेक्सागोनल, कर्व-डोमिनेंट मार्क्स के लिए गोल्डन-रेशियो सर्कल्स। ज़्यादातर मार्क्स एक स्क्वेयर फील्ड को ऊपर रेशियो सर्कल्स के साथ मिलाकर खत्म होते हैं।
  5. मार्क को गाइड्स पर बनाएँ। हर मापने योग्य डाइमेंशन ग्रिड पर स्नैप होता है। जहाँ ऑप्टिकल करेक्शन चाहिए, ग्रिड को जानबूझकर तोड़ें और ब्रेक को एनोटेट करें।
  6. फाइनल मार्क पर एक कंस्ट्रक्शन ग्रिड चलाएँ और जो यह उजागर करे उसे ठीक करें।
  7. हर उस अरेंजमेंट के लिए लॉकअप ग्रिड बनाएँ जो आप शिप कर रहे हैं: हॉरिजॉन्टल, स्टैक्ड, अकेला मार्क।
  8. मार्क से निकाली गई एक यूनिट में क्लियरस्पेस परिभाषित करें, और इसे गाइडलाइन्स में डालें।
स्याही से बना एक गोल कैरेक्टर उस रूलर को झुककर देख रहा है जिसे वह पकड़े हुए है, आँख और गणित असहमत हैं
स्याही से बना एक गोल कैरेक्टर उस रूलर को झुककर देख रहा है जिसे वह पकड़े हुए है, आँख और गणित असहमत हैं

स्टेप्स 1 से 5 पहली बार में तीस मिनट लेते हैं, उसके बाद दस मिनट। नतीजा एक Figma फ़ाइल है जिसे कोई भी दूसरा डिज़ाइनर खोल सकता है और प्रोपोर्शन्स के बारे में अंदाज़ा लगाए बिना जारी रख सकता है। ज़्यादातर मॉडर्न लोगो काम के लिए Figma डिफ़ॉल्ट है; फाइनल वेक्टर क्लीनअप के लिए Illustrator में अभी भी शार्पर बेज़ियर कंट्रोल है। वही मॉड्यूलर बेस यूनिट जो लोगो को साथ रखती है, icon system design और व्यापक brand identity design pricing डिलिवरेबल की टाइपोग्राफिक रिदम को भी साथ रखती है।

FAQ

लोगो ग्रिड के चार प्रकार क्या हैं?

Base, Construction, Lockup, और Clearspace, जो चार अलग-अलग पलों पर होते हैं। बेस ग्रिड वह स्कैफोल्ड है जो ड्रॉइंग से पहले बिछाई जाती है, और यह स्क्वेयर, आइसोमेट्रिक, हेक्सागोनल, या गोल्डन रेशियो हो सकती है। कंस्ट्रक्शन ग्रिड वह इंस्पेक्शन पास है जो फाइनल मार्क पर चलाकर एंकर्स, हैंडल्स, और एलाइनमेंट एरर्स को उजागर करता है। लॉकअप ग्रिड लोगोमार्क और उसके लोगोटाइप के बीच स्पेसिंग को नियंत्रित करता है, और क्लियरस्पेस ग्रिड एक्सक्लूजन ज़ोन परिभाषित करता है जो आखिर में ब्रांड गाइडलाइन्स में जाता है।

क्या "circular logo grid" जैसी कोई चीज़ होती है?

एक नामित ग्रिड सिस्टम के तौर पर नहीं। लोग आमतौर पर एक गोल्डन-रेशियो बेस ग्रिड का मतलब निकालते हैं, जो ऐसे सर्कल्स से बना है जिनके रेडियस 1.618 से संबंधित हैं, Twitter-bird और Mastercard जैसी कंस्ट्रक्शन स्टाइल। उनका मतलब एक कंस्ट्रक्शन ग्रिड भी हो सकता है, क्योंकि वे आमतौर पर फाइनल मार्क के ऊपर सर्कल्स के रूप में खींचे जाते हैं। इसे "circular grid" कहना बेस ग्रिड के शेप को ग्रिड के प्रकार के साथ मिला देता है, जहाँ से ज़्यादातर कंफ्यूज़न शुरू होता है।

लोगो डिज़ाइन में 8-पॉइंट ग्रिड क्या है?

एक स्क्वेयर बेस ग्रिड जहाँ लोगो में हर मापने योग्य डाइमेंशन, स्ट्रोक चौड़ाई, कॉर्नर रेडियस, पैडिंग, कैप हाइट, स्पेसिंग, 8 पिक्सल का मल्टीपल होता है। यह मॉडर्न UI और लोगो डिज़ाइन में डॉमिनेंट बेस ग्रिड है क्योंकि यह iOS, Android, और ज़्यादातर वेब डिज़ाइन सिस्टम्स के साथ साफ़ लाइन अप होता है। 4-पॉइंट ग्रिड हाई रेज़ोल्यूशन पर वही आइडिया है। यह ज्योमेट्रिक मोनोग्राम्स, लेटरमार्क्स, और मॉड्यूलर बैज के लिए उपयुक्त है।

लोगो डिज़ाइन में गोल्डन रेशियो का इस्तेमाल कैसे करें?

प्रोपोर्शन्स पर एक सैनिटी चेक के तौर पर, जनरेटर के तौर पर नहीं। डिज़ाइनर आमतौर पर पहले मार्क बनाते हैं, फिर वेरिफाई करते हैं कि प्रमुख रिलेशनशिप्स, मार्क की चौड़ाई से ऊँचाई, इनर शेप से आउटर शेप, Apple जैसे मार्क में लीफ से बॉडी, phi के पास लैंड करते हैं या नहीं। जब रेशियो नैचुरली 1.618 के पास लैंड करते हैं, तो मार्क बैलेंस्ड महसूस होता है। हर माप को इसका पालन करने पर मजबूर करना ओवरइंजीनियरिंग है और आमतौर पर स्टिफ नतीजे देता है।

क्या सभी लोगो को ग्रिड की ज़रूरत होती है?

हर लोगो को एक क्लियरस्पेस रूल की ज़रूरत होती है, और अगर इसमें एक मार्क और एक वर्डमार्क दोनों हैं, तो एक लॉकअप ग्रिड की भी। हर लोगो को सख्त बेस ग्रिड की ज़रूरत नहीं होती। कंस्ट्रक्टेड मार्क्स, ज्योमेट्रिक मोनोग्राम्स, बैज, Apple, Twitter, Mastercard जैसे मॉड्यूलर पिक्टोरियल मार्क्स, इनको एक की ज़रूरत होती है क्योंकि ज्योमेट्री कंसिस्टेंट होनी चाहिए। जेस्चरल मार्क्स, Coca-Cola या Disney जैसी कस्टम स्क्रिप्ट्स, हैंड-ड्रॉन इलस्ट्रेशन, कैरेक्टर मैस्कट, अक्सर तब नुकसान उठाते हैं जब इन पर एक जबरन थोपा जाता है।

ग्रिड एक टूल है, कोई गुण नहीं

ग्रिड एक लोगो में ज्योमेट्रिक समस्याओं को हल करने का टूल है। यह किसी हल करने लायक लोगो के होने का विकल्प नहीं है। Apple, Twitter का बर्ड, Mastercard के डिस्क, NBC का पीकॉक, FedEx का ऐरो, इन सभी मार्क्स ने शिप होने तक एक ग्रिड में जीवन बिताया, लेकिन इनमें से कोई भी ग्रिड के रूप में शुरू नहीं हुआ। ये एक कॉन्सेप्ट, एक पोज़िशनिंग इनसाइट, एक कैटेगरी-ब्रेकिंग फैसले के रूप में शुरू हुए कि ब्रांड क्या बनने की कोशिश कर रहा था। ग्रिड बाद में आया, कॉन्सेप्ट को रिप्रोड्यूसिबल बनाने के लिए।

एक कंस्ट्रक्टेड मार्क के शुरुआती चरण में डिज़ाइनर कभी-कभी इस क्रम को उलट देते हैं: Figma खोलते हैं, एक विस्तृत बेस ग्रिड सेट अप करते हैं, इस पर एक लोगो बनाते हैं, और छह घंटे बाद ऊपर देखते हैं यह सोचते हुए कि नतीजा जेनेरिक क्यों है। ग्रिड ने कंसिस्टेंसी पैदा की, कोई कॉन्सेप्ट नहीं। कॉन्सेप्ट कहीं और से आना चाहिए, wordmark बनाम lettermark का फैसला, ब्रांड स्ट्रैटेजी, कैटेगरी पोज़िशनिंग।

उल्टी गलती की भी उतनी ही कीमत चुकानी पड़ती है: ग्रिड को पूरी तरह छोड़ दें, फ्रीहैंड स्केच करें, कभी असली सिस्टम सेट न करें, और नतीजा हर बार रीबिल्ड होने पर प्रोपोर्शन्स में ड्रिफ्ट करता है और छोटे साइज़ पर बिखर जाता है। फिक्स यह नहीं है कि हर डूडल को बेस ग्रिड पर जबरन थोपा जाए। यह जानना है कि किसी दिए गए मार्क को असल में चार में से कौन सा ग्रिड चाहिए, और कब। अगर ब्रांड को एक कंस्ट्रक्टेड ज्योमेट्रिक मार्क चाहिए, तो बेस ग्रिड बनाएँ, ऑप्टिकल करेक्शन्स चलाएँ, ब्रेक्स डॉक्यूमेंट करें। अगर इसे एक जेस्चरल मार्क चाहिए, तो पहले स्केच करें और हल्के से ग्रिड करें। दोनों ही तरीकों में, इसे एक कंस्ट्रक्शन ग्रिड से इंस्पेक्ट करें, अरेंजमेंट्स को लॉक करें, और एक क्लियरस्पेस रूल शिप करें।

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

Need a logo built on a real construction grid, with the optical corrections, the modular system, and the rules that hold up across every surface? Brainy ships logo systems through the LogoBrainy product, and full brand identities for teams that want the strategy, the construction, and the typography in one handoff.

Get Started

More from Brainy Papers

Keep reading