डिज़ाइन डायरेक्टर, या क्यों कोई भी दो बिल्ड एक जैसे नहीं दिखते

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

यह सच नहीं है, और मैं आपको सिर्फ़ आश्वस्त करके बात टालने के बजाय वाकई सवाल का जवाब देना चाहता हूँ।

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

आपके पीछे असल में क्या बदला

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

• पाँच से सात नामित रंग जिनकी भूमिकाएँ तय हों — सिर्फ़ "प्राइमरी/सेकेंडरी" नहीं, बल्कि "वह रंग जो सिर्फ़ खतरे की स्थिति के लिए आरक्षित है," "वह रंग जो सिर्फ़ होवर पर दिखता है"
• दो टाइपफेस, हर एक के होने की एक वजह के साथ
• मूड को बताने वाले दो-तीन वाक्य, ठीक वैसे जैसे कोई असली आर्ट डायरेक्टर बोर्ड पर टाँकता है

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

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

मुझे इस पर भरोसा क्यों है, सिर्फ़ स्क्रीनशॉट पर नहीं

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

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

आपकी तरफ़ से एक बात का ध्यान रखें

एक विफलता उलटी दिशा में भी होती है, और इसे आपके सामने आने से पहले बता देना ठीक रहेगा: कभी-कभी "साफ़-सुथरा और आधुनिक" कोई अधूरी बात नहीं होती, वही असली माँग होती है। एंटरप्राइज़ SaaS डैशबोर्ड बनाने वाला कोई व्यक्ति अक्सर जान-बूझकर उबाऊ पैटर्न चाहता है, क्योंकि उनके यूज़र वही उम्मीद करते हैं और उससे हटने पर खुशी नहीं, सपोर्ट टिकट मिलते हैं। जो डायरेक्टर अलग दिखाने के लिए बहुत उत्सुक हो, वह कभी-कभी आपकी माँग से ज़्यादा आर्ट-डायरेक्टेड कोई चीज़ थमा सकता है। हम आपकी स्पष्ट बाध्यताओं को डायरेक्टर की अलग दिखाने की सहज प्रवृत्ति से ज़्यादा महत्व देते हैं, इसलिए "उबाऊ और एंटरप्राइज़" कहने पर आपको सलीकेदार उबाऊपन मिलना चाहिए, न कि आपकी अपनी ब्रीफ के खिलाफ़ बगावत — लेकिन अगर आपके पास पहले से ब्रांड रंग, कोई लोगो, जगह की संदर्भ फ़ोटो हैं, तो उन्हें प्रॉम्प्ट में डालें या सीधे अटैच करें। लॉक किए गए इनपुट हमेशा डायरेक्टर की अपनी दिशा गढ़ने से बेहतर होते हैं, और वह इन्हें सुझाव नहीं, बाध्यता मानकर चलेगा।

जो भी बात है, यह और भी ज़्यादा मायने रखती है अगर आप कभी हमारा कोई गेम बनाएँ, न कि सिर्फ़ साइट — किसी लैंडिंग पेज के मुकाबले गेम में डायरेक्टर के बिना-दिशा-निर्देश छोड़े जाने की गुंजाइश कहीं ज़्यादा होती है, क्योंकि वहाँ ब्रीफ को स्प्राइट स्टाइल, एनिमेशन फील, UI क्रोम और ऑडियो पैलेट को एक ही पास में साथ बाँधना पड़ता है (ऑडियो के बारे में और तफ़सील से Sound that isn't beeps में), क्योंकि एक ही बिल्ड के भीतर की असंगति उतनी अधूरी नहीं लगती जितनी दो असंबंधित बिल्ड के बीच की असंगति कभी नहीं लगती।