← नवीनतम पेपर
🤖 AI

ControlGUI: Guiding Generative GUI Exploration through Perceptual Visual Flow

यह शोधपत्र ControlGUI को प्रस्तुत करता है, जो एक डिफ्यूजन-आधारित मॉडल है जो डिजाइनरों को इनपुट विशिष्टताओं के रूप में प्रॉम्प्ट्स, वायरफ्रेम और विजुअल फ्लो को लचीले ढंग से संयोजित करने की अनुमति देकर विविध लो-फिडेलिटी इंटरफेस स्केच के तीव्र और कम प्रयास वाले अन्वेषण को सुगम बनाता है।

मूल लेखक: Aryan Garg, Yue Jiang, Antti Oulasvirta

प्रकाशित 2026-03-31
📖 6 मिनट में पढ़ें🧠 गहराई से पढ़ें

मूल लेखक: Aryan Garg, Yue Jiang, Antti Oulasvirta

मूल पेपर CC BY 4.0 (http://creativecommons.org/licenses/by/4.0/) के तहत लाइसेंस किया गया है। नीचे दिए गए पेपर की यह व्याख्या AI से तैयार की गई है। इसे लेखकों ने न तो लिखा है, न इसका समर्थन किया है। तकनीकी सटीकता के लिए मूल पेपर देखें। पूरा डिस्क्लेमर पढ़ें

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

फिर टेक्स्ट से विचार उत्पन्न करने वाले AI टूल्स आए। आप टाइप करते "एक कूल कॉकटेल बार वेबसाइट," और AI एक तस्वीर उगल देता। लेकिन यहाँ एक समस्या है: AI एक बहुत ही उत्साही लेकिन थोड़े भ्रमित इंटर्न की तरह है। वह वाइब (vibe) को सही पकड़ सकता है (जैसे बहुत सारी नियॉन लाइट्स), लेकिन अक्सर वह संरचना (structure) में गलती कर देता है (जैसे मेनू को वहां रख देना जहाँ बाथरूम होना चाहिए) या प्रवाह (flow) में गड़बड़ी कर देता है (जैसे आपको मुख्य ड्रिंक देखने से पहले फुटर की ओर देखना)।

पेश है ControlGUI। इसे एक "सुपर-इंटर्न" के रूप में सोचें जो न केवल आपके शब्दों को सुनता है, बल्कि आपके रेखाचित्रों (sketches) और यहाँ तक कि आपकी आँखों की गतिविधियों को भी समझता है।

यह कैसे काम करता है, इसे सरल अवधारणाओं में विभाजित किया गया है:

1. तीन जादुई इनपुट (The Three Magic Inputs)

अधिकांश AI टूल्स केवल एक ही चीज़ सुनते हैं: आपका टेक्स्ट प्रॉम्प्ट। ControlGUI विशेष है क्योंकि यह एक साथ तीन अलग-अलग भाषाओं को सुन सकता है, और आप उन्हें अपनी इच्छानुसार मिला सकते हैं:

  • द व्हिस्पर (टेक्स्ट प्रॉम्प्ट - The Whisper): आप कहते हैं, "मुझे खिलौनों की दुकान के लिए एक वेबसाइट चाहिए।" यह मूड और थीम सेट करता है।
  • द स्केलेटन (वायरफ्रेम - The Skeleton): आप बक्सों के साथ एक कच्चा रेखाचित्र बनाते हैं। "यहाँ एक बड़ी इमेज होनी चाहिए, यहाँ बटन है, यहाँ टेक्स्ट है।" यह AI को बताता है, "लेआउट के साथ छेड़छाड़ मत करना; मेरे द्वारा बनाए गए ढांचे को बनाए रखना।"
  • द आई-ट्रैक (विजुअल फ्लो - The Eye-Track): यह असली जादू है। आप एक रेखा खींचते हैं जो उस क्रम को दर्शाती है जिसमें आप चाहते हैं कि उपयोगकर्ता चीजों को देखे। "पहले, उन्हें खिलौना दिखना चाहिए, फिर कीमत, फिर 'Buy' बटन।" यह AI को डिज़ाइन व्यवस्थित करने के लिए निर्देशित करता है ताकि यह मानवीय आँख के लिए स्वाभाविक लगे।

उपमा (Analogy): कल्पना कीजिए कि आप एक फिल्म निर्देशित कर रहे हैं।

  • टेक्स्ट प्रॉम्प्ट स्क्रिप्ट है ("यह एक डरावनी हॉरर फिल्म है")।
  • वायरफ्रेम स्टोरीबोर्ड है (दिखा रहा है कि अभिनेता कहाँ खड़े हैं)।
  • विजुअल फ्लो कैमरा डायरेक्शन है (दर्शकों को सस्पेंस बनाने के लिए ठीक कहाँ देखना है, यह बताना)।
    ControlGUI आपको एक साथ तीनों निर्देश देने की अनुमति देता है, जिससे यह सुनिश्चित होता है कि अंतिम दृश्य बिल्कुल वैसा ही दिखे जैसा आपने सोचा था।

2. "डुअल-एडेप्टर" मस्तिष्क (The "Dual-Adapter" Brain)

कंप्यूटर वास्तव में यह कैसे करता है? शोधकर्ताओं ने AI के लिए एक विशेष मस्तिष्क बनाया जिसे Dual-Adapter Diffusion Model कहा जाता है।

AI के मस्तिष्क को हर बार बनी वेबसाइटों के एक विशाल पुस्तकालय के रूप में सोचें।

  • एडेप्टर A (द आर्किटेक्ट): इस मस्तिष्क का हिस्सा संरचना के प्रति जुनूनी है। यह आपके वायरफ्रेम को देखता है और कहता है, "ठीक है, बटन यहीं होना चाहिए। इमेज वहाँ होनी चाहिए।" यह सुनिश्चित करता है कि इमारत ढहे नहीं।
  • एडेप्टर B (द साइकोलॉजिस्ट): इस मस्तिष्क का हिस्सा मानव व्यवहार के प्रति जुनूनी है। यह आपके "विजुअल फ्लो" को देखता है और कहता है, "इंसान पहले ऊपर-बाएँ देखते हैं, फिर केंद्र में। आइए रंगों और आकारों को इस तरह व्यवस्थित करें कि वे उनकी आँखों को ठीक वैसे ही गाइड करें।"

इन दो "विशेषज्ञों" को एक साथ काम करते हुए रखने से, AI केवल एक सुंदर तस्वीर नहीं बनाता; यह एक कार्यात्मक डिज़ाइन बनाता है जो आपके नियमों का पालन करता है।

3. डेटासेट: "ट्रेनिंग जिम" (The Dataset: The "Training Gym")

इस AI को सिखाने के लिए, शोधकर्ताओं ने केवल रैंडम तस्वीरें नहीं लीं। उन्होंने 72,500 उदाहरणों के साथ एक विशाल जिम बनाया जिसे Dataset कहा जाता है।

  • उन्होंने वास्तविक वेबसाइटों और ऐप्स को लिया।
  • उन्होंने उन्हें उनके "कंकाल" (वायरफ्रेम) तक सीमित कर दिया।
  • उन्होंने उनके विवरण लिखे।
  • महत्वपूर्ण बात, उन्होंने यह अनुमान लगाने के लिए AI का उपयोग किया कि एक इंसान की आँखें स्क्रीन पर कैसे घूमेंगी (स्कैनपाथ्स)।

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

4. यह क्यों मायने रखता है (यूजर स्टडी)

शोधकर्ताओं ने वास्तविक डिजाइनरों के साथ इसका परीक्षण किया। उन्होंने पाया कि जब डिजाइनरों ने ControlGUI का उपयोग किया:

  • वे तेज़ थे: वे दो मिनट से कम समय में 100 अलग-अलग विचार उत्पन्न कर सके।
  • वे अधिक रचनात्मक थे: क्योंकि AI उबाऊ विवरणों (जैसे "बटन यहाँ रखें") को संभाल लेता था, इसलिए डिजाइनर बड़े विचारों पर ध्यान केंद्रित कर सके।
  • वे अधिक नियंत्रण महसूस करते थे: AI से लेआउट के लिए लड़ने के बजाय, वे बस एक रफ बॉक्स बना सकते थे, और AI उसका सम्मान करता था।

कमी (सीमाएं)

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

निष्कर्ष (The Bottom Line)

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

अपने क्षेत्र के पेपरों की भीड़ में उलझे हुए हैं?

आपके रिसर्च कीवर्ड से मेल खाने वाले सबसे नए और अलग सोच वाले पेपरों का रोज़ाना Digest पाएँ—तकनीकी सारांश के साथ, आपकी भाषा में।

Digest आज़माएँ →