प्रॉम्प्ट लाइब्रेरी पर वापस जाएं
प्रॉम्प्ट लाइब्रेरीइमेज प्रॉम्प्ट

UI स्टाइल सिस्टम बोर्ड

8px ग्रिड, रंग टोकन, टाइपोग्राफ़ी स्केल, घटक स्थितियों और संरेखित लेआउट उदाहरणों के साथ बहु-पेज UI स्टाइल सिस्टम बोर्ड बनाएं।

डिज़ाइन सिस्टमUI किटटाइपोग्राफ़ी
प्रीव्यू

इमेज प्रॉम्प्ट

सुझाया गया मॉडल

Seedream 5.0 Lite

आउटपुट प्रारूप

इमेज प्रॉम्प्ट टेम्पलेट

प्रीव्यू

इमेज प्रॉम्प्ट

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

UI स्टाइल सिस्टम बोर्ड का प्रीव्यू, जिसमें सिस्टम सुसंगतता, ग्रिड संरेखण, संपादन योग्य टोकन और उत्पाद-तैयार UI उदाहरणों पर ध्यान है।

पूरा प्रॉम्प्ट

UI स्टाइल सिस्टम बोर्ड

8px ग्रिड, रंग टोकन, टाइपोग्राफ़ी स्केल, घटकों और रिस्पॉन्सिव लेआउट वाला बहु-पेज UI स्टाइल सिस्टम बोर्ड।

सुझाया गया मॉडल: Seedream 5.0 Liteआउटपुट प्रारूप: इमेज प्रॉम्प्ट टेम्पलेट
पूरा प्रॉम्प्ट
इमेज प्रॉम्प्ट
[PRODUCT_OR_BRAND] के लिए एक पॉलिश्ड बहु-पेज UI स्टाइल सिस्टम बोर्ड बनाएं। सिस्टम को एक साफ़ प्रीव्यू कैनवास पर डिज़ाइन पेजों के सुसंगत सेट के रूप में प्रस्तुत करें। हर पेज पर सख्त 8px स्पेसिंग ग्रिड, एक जैसे मार्जिन, सटीक संरेखण और स्पष्ट पदानुक्रम इस्तेमाल करें। प्राथमिक, द्वितीयक, न्यूट्रल, सेमांटिक और बैकग्राउंड स्वैच वाला रंग टोकन पैनल शामिल करें; हेडिंग, बॉडी, कैप्शन और संख्यात्मक स्टाइल वाला टाइपोग्राफ़ी स्केल शामिल करें; बटन, इनपुट, कार्ड, नेविगेशन, बैज और खाली स्थितियों वाली घटक शीट शामिल करें; और डेस्कटॉप तथा मोबाइल अनुपात दिखाने वाले दो रिस्पॉन्सिव लेआउट उदाहरण जोड़ें। सिस्टम को दृश्य रूप से सुसंगत, संपादन योग्य और SaaS उत्पाद, क्रिएटर टूल, ईकॉमर्स ब्रांड या आंतरिक डैशबोर्ड के लिए उपयुक्त रखें। यथार्थवादी प्लेसहोल्डर कॉपी केवल जहां ज़रूरी हो वहां इस्तेमाल करें, और लेबल इतने छोटे रखें कि वे पढ़ने योग्य रहें। वास्तविक लोगो, कॉपी किए गए डिज़ाइन सिस्टम, उपयोगकर्ता द्वारा न दिए गए ब्रांड नाम, विकृत टाइपोग्राफ़ी, असंगत स्पेसिंग, बेमेल शैडो, सजावटी अव्यवस्था, अप्राप्य कंट्रास्ट और ग्रिड तोड़ने वाले घटक उदाहरणों से बचें।

उपयोग नोट

चलाने से पहले उत्पाद प्रकार, ब्रांड टोन, पैलेट दिशा, घटक सूची, लेआउट उदाहरण और एक्सेसिबिलिटी आवश्यकताएं बदलें।

प्रॉम्प्ट के अक्सर पूछे जाने वाले सवाल

इस प्रॉम्प्ट का उपयोग करने से पहले

इनपुट, मॉडल की उपयुक्तता और नतीजा कमजोर किए बिना टेम्पलेट बदलने के तरीके की तेज जांच।

सबसे पहले क्या अनुकूलित करना चाहिए?

उत्पाद प्रकार, ब्रांड टोन, बेस पैलेट, टाइपोग्राफ़ी व्यक्तित्व, घटक दायरा और यह तय करें कि उदाहरण मार्केटिंग-लेड महसूस हों या डैशबोर्ड-लेड।

क्या यह प्रॉम्प्ट उपयोग योग्य डिज़ाइन सिस्टम बना सकता है?

यह अन्वेषण और प्रस्तुति के लिए दृश्य स्टाइल-सिस्टम बोर्ड बनाता है। इसे उत्पादन UI टोकन में बदलने से पहले स्पेसिंग, कंट्रास्ट, टाइपोग्राफ़ी और घटक व्यवहार की समीक्षा करें।

इमेज प्रकाशित करने से पहले क्या जांचना चाहिए?

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

इस मोड के और प्रॉम्प्ट

ठंडे हीरो पेय, कंडेन्सेशन, कांच की बनावट, नियंत्रित हाइलाइट्स और अभियान-तैयार क्रॉप दिखाता संपादकीय आइस्ड ड्रिंक उत्पाद मैक्रो पूर्वावलोकन।
सिनेमैटिक स्किनकेयर उत्पाद शॉट का प्रीव्यू, जिसमें पॉलिश ब्यूटी उत्पाद, नियंत्रित परावर्तन, साफ प्रॉप्स और संपादन योग्य ब्रांड क्षेत्र दिखते हैं।
अवां-गार्ड मस्कारा ad creative preview, जिसमें product subject, composition, style direction और reusable output structure दिखता है।