ChatGPT-शैली की साइड-बाय-साइड इमेज इवैल्यूएशन स्क्रीन बनाता है, जिसमें पेस्टल स्ट्रॉबेरी डेज़र्ट फैशन एडिटोरियल्स और कावई (kawaii) इलस्ट्रेशन ओवरले शामिल हैं।
लक्ष्य: एक साफ-सुथरी डेस्कटॉप वेब-ऐप A/B तुलना स्क्रीन बनाएं, जिसमें दो जनरेट की गई फैशन-फूड इमेज अगल-बगल दिखाई दें, जैसे कि वे ChatGPT इमेज इवैल्यूएशन इंटरफ़ेस के अंदर हों।
कैनवास: वाइड 16:9 स्क्रीनशॉट, सफेद बैकग्राउंड, हल्के भूरे रंग का ऐप क्रोम, केंद्र में कंटेंट। एक संकीर्ण बायां साइडबार और एक बड़ा केंद्रीय तुलना क्षेत्र शामिल करें।
लेआउट: ऊपर केंद्र में, जापानी प्रश्न टेक्स्ट 「どちらの画像が良いですか？」 दिखाएं। ऊपर दाईं ओर, छोटा जापानी लिंक 「スキップする」 और दो सरल आइकन दिखाएं: शेयर/अपलोड और थ्री-डॉट मेनू। सबसे बाईं ओर, एक वर्टिकल टूलबार शामिल करें जिसमें ठीक 6 दृश्य आइटम हों: सबसे ऊपर OpenAI का स्वार्ल लोगो, उसके नीचे 4 सरल ब्लैक आउटलाइन नेविगेशन आइकन, और सबसे नीचे एक छोटा यूजर अवतार।
मुख्य तुलना क्षेत्र: ठीक 2 राउंडेड-कॉर्नर इमेज कार्ड्स को उनके बीच एक संकीर्ण सफेद गैप के साथ अगल-बगल रखें। बाएं कार्ड पर निचले बाएं कोने में “1” वाला एक छोटा काला राउंडेड स्क्वायर लेबल लगा है। दाएं कार्ड पर निचले बाएं कोने में “2” वाला एक छोटा काला राउंडेड स्क्वायर लेबल लगा है और इसके निचले बाएं क्षेत्र के पास एक छोटा गोलाकार डाउनलोड बटन ओवरले है।
बाएं कार्ड का विषय: एक पेस्टल स्ट्रॉबेरी डेज़र्ट कैफे इमेज जिसमें मेसी डार्क ब्राउन बालों वाली एक युवती, जिसने हाई बन बनाया है, गुलाबी हेयर क्लिप्स, रोजी मेकअप और सॉफ्ट पिंक आउटफिट पहना है है। वह एक मेज पर बैठी है, चम्मच पकड़े हुए है और कांच के कटोरे में रखे एक विशाल स्ट्रॉबेरी शेव्ड-आइस परफेट को देख रही है। डेज़र्ट में सफेद व्हिप्ड क्रीम, चमकीले लाल स्ट्रॉबेरी सिरप, साबुत स्ट्रॉबेरी और एक छोटी सजावटी हरी गार्निश है। कावई इलस्ट्रेटेड ओवरले जोड़ें: ठीक 5 तैरती हुई स्ट्रॉबेरी, दाईं ओर ठीक 1 चिबी स्ट्रॉबेरी-हेडेड कैरेक्टर, नीचे के पास ठीक 1 छोटा खरगोश जैसा डेज़र्ट मैस्कॉट, छोटी चमक (sparkles), और ऊपरी दाईं ओर अंग्रेजी टेक्स्ट “Berry Snow”। समग्र पैलेट सफेद, ब्लश पिंक, स्ट्रॉबेरी रेड और सॉफ्ट टील है।
दाएं कार्ड का विषय: एक पेस्टल स्ट्रॉबेरी कैफे इमेज जिसमें वही युवती एक छोटी गोल कैफे टेबल पर बगल में बैठी है, जिसने फूला हुआ गुलाबी स्वेटर, टील वाइड-लेग पैंट, गुलाबी मोज़े और गुलाबी-और-टील स्नीकर्स पहने हैं। उसके बालों में छोटी क्लिप्स के साथ चोटियां बनी हैं। वह टेबल पर रखे एक विशाल स्ट्रॉबेरी शेव्ड-आइस डेज़र्ट की ओर देख रही है। दाईं ओर एक बड़ी गुलाबी लाइन-आर्ट एनीमे गर्ल जोड़ें जैसे कि वह डेज़र्ट के साथ इंटरैक्ट कर रही हो। ठीक 6 तैरती हुई स्ट्रॉबेरी, निचले दाईं ओर ठीक 1 स्ट्रॉबेरी बाउल, नीचे केंद्र में ठीक 1 स्प्लैशिंग स्ट्रॉबेरी सिरप इलस्ट्रेशन, निचले दाईं ओर ठीक 1 छोटा क्रीम-टॉप वाला मैस्कॉट, और ऊपरी बाईं ओर गुलाबी ब्रांड टेक्स्ट “FROSTBERRY” शामिल करें।
बॉटम इनपुट बार: दो इमेज कार्ड्स के नीचे, तुलना की चौड़ाई में फैला हुआ एक राउंडेड ChatGPT प्रॉम्प्ट बार बनाएं। ठीक 5 दृश्य नियंत्रण/टेक्स्ट आइटम शामिल करें: बाईं ओर एक प्लस आइकन, प्लेसहोल्डर टेक्स्ट 「ChatGPT に質問」, 「最速」 लेबल वाला एक छोटा ड्रॉपडाउन, एक माइक्रोफोन आइकन, और सबसे दाईं ओर एक काला गोलाकार वॉयस-वेव बटन।
विजुअल स्टाइल: फोटो-रियलिस्टिक फैशन एडिटोरियल के साथ फ्लैट कावई स्ट्रॉबेरी इलस्ट्रेशन का मिश्रण, तेज खिड़की की रोशनी, सॉफ्ट पेस्टल पिंक कैफे इंटीरियर, हाई-की एक्सपोजर, ग्लॉसी डेज़र्ट टेक्सचर, क्रिस्प UI स्क्रीनशॉट स्टाइलिंग। दो इमेज कार्ड्स को पॉलिश और जीवंत रखें जबकि आसपास का ऐप इंटरफ़ेस न्यूनतम और सफेद बना रहे।
सीमाएं: जापानी इंटरफ़ेस टेक्स्ट को ठीक वैसे ही सुरक्षित रखें जैसा दिखाया गया है। ठीक 2 तुलना इमेज, ठीक 6 लेफ्ट-साइडबार आइटम, ठीक 2 नंबर्ड लेबल, और ठीक 5 बॉटम इनपुट कंट्रोल का उपयोग करें। अतिरिक्त पॉपअप, वॉटरमार्क, ब्राउज़र बार, या असंबंधित टेक्स्ट से बचें।
