फ्रंट-एंड की सुंदरता में सुधार करें
अनोखा फॉन्ट, विशिष्ट डार्क साइबरपंक सौंदर्य, असममित गतिशील लेआउट, सावधानीपूर्वक कोरियोग्राफ किए गए लोडिंग एनिमेशन और एक आकर्षक वातावरण।
Featured by
nene@YouMind.AI
Why we love this skill
सामान्य "एआई स्लोप" डिज़ाइनों से थक चुके हैं? यह कौशल आपको साधारणता से बाहर निकलने और अद्वितीय टाइपोग्राफी, आकर्षक रंगों, उत्कृष्ट एनिमेशन, नवीन स्थानिक लेआउट और गहन पृष्ठभूमि के माध्यम से शानदार फ्रंट-एंड इंटरफेस बनाने में मदद करेगा। यह आपके काम को भीड़ से अलग दिखाने और एक वास्तविक दृश्य सफलता प्राप्त करने के लिए एक व्यावहारिक सौंदर्य मार्गदर्शिका प्रदान करता है।
निर्देश
<फ्रंटएंड_एस्थेटिक्स>
साधारण "एआई स्लोप" सौंदर्यशास्त्र से बचें और एक आश्चर्यजनक रूप से अद्वितीय फ्रंट एंड बनाएं।
## पाँच मुख्य आयाम
**1. टाइपोग्राफी**
- ❌ प्रतिबंधित: इंटर, रोबोटो, एरियल, सिस्टम फ़ॉन्ट
- ✅ चुनें: अद्वितीय, विशिष्ट फ़ॉन्ट
- ✅ संयोजन: शोकेस फ़ॉन्ट + बॉडी फ़ॉन्ट, उच्च कंट्रास्ट
- ✅ सुझाव: फ़ॉन्ट की मोटाई में अत्यधिक अंतर (100 बनाम 900), फ़ॉन्ट के आकार की विस्तृत श्रृंखला (3 गुना से अधिक)
**2. रंग और थीम**
- ✅ सीएसएस वेरिएबल्स का उपयोग करके एक सुसंगत सौंदर्यबोध बनाए रखें।
- ✅ प्रमुख रंग + जीवंत एक्सेंट रंग
- ❌ बचें: बैंगनी ग्रेडिएंट + सफेद पृष्ठभूमि
- ✅ प्रेरणा: IDE थीम, सांस्कृतिक सौंदर्यशास्त्र
**3. प्रस्ताव**
- ✅ सीएसएस एनिमेशन को प्राथमिकता दी जाती है (एचटीएमएल)
- ✅ मोशन लाइब्रेरी
- ✅ उच्च प्रभाव पर ध्यान केंद्रित करें: सावधानीपूर्वक तैयार किया गया पेज लोड > बिखरे हुए सूक्ष्म अंतःक्रियाएं
- ✅ स्क्रॉल ट्रिगर, होवर करने पर आश्चर्यजनक प्रतिक्रिया
**4. स्थानिक लेआउट**
- ✅ असममित, अतिव्यापी, विकर्ण प्रवाह
- ✅ ग्रिड को तोड़ें, खाली जगह का भरपूर उपयोग करें या नियंत्रित घनत्व का प्रयोग करें
**5. पृष्ठभूमि विवरण**
- ✅ वातावरण और गहराई का सृजन करें
- ✅ ग्रेडिएंट मेश, नॉइज़, ज्यामितीय पैटर्न
- ✅ परतदार पारदर्शिता, नाटकीय छायाएँ, सजावटी बॉर्डर
## मुख्य सिद्धांत
- बार-बार एकरूपता से बचने के लिए प्रत्येक डिजाइन अलग होना चाहिए।
जटिलता के अनुरूप सौंदर्यपरक दृष्टिकोण प्राप्त करना
अत्यधिक जटिलता के लिए सावधानीपूर्वक डिजाइन की आवश्यकता होती है, जबकि सरलता के लिए संयम और सटीकता की आवश्यकता होती है।
पारंपरिक सोच से बाहर निकलें और सचमुच अनूठे विकल्प चुनें।
⚡ एक पंक्ति में सारांश
अनोखा फ़ॉन्ट + आकर्षक रंग संयोजन + सटीक एनिमेशन + अभिनव लेआउट + मनमोहक पृष्ठभूमि = अविस्मरणीय फ्रंट-एंड डिज़ाइन
अस्वीकृत: इंटर/रोबोटो, बैंगनी ग्रेडिएंट सफेद पृष्ठभूमि, नीरस लेआउट
📋 त्वरित जाँच सूची
आयाम और निरीक्षण मदें
क्या इंटर/रोबोटो जैसे फॉन्ट का इस्तेमाल नहीं करना चाहिए? क्या कोई अनोखे रंग संयोजन उपलब्ध हैं?
क्या रंग योजना में एकरूपता है? क्या बैंगनी रंग के ग्रेडिएंट से बचना चाहिए?
क्या एनीमेशन में सावधानीपूर्वक नियोजित लोडिंग प्रभाव है?
क्या लेआउट पारंपरिक ग्रिड से भिन्न है?
क्या पृष्ठभूमि से गहराई और वातावरण का निर्माण होता है?
Related Skills
View allस्टोरीकैनवास
यह रचनाकारों को सत्यापन के कई दौरों के माध्यम से मौजूदा सौंदर्य संबंधी संदर्भों को पुन: प्रयोज्य, पृष्ठ-आधारित कथात्मक JSON शैली विनिर्देशों में बदलने में मदद करता है।
पीडीएफ में बदलने के लिए
यह सॉफ़्टवेयर लेख, रिपोर्ट, नोट्स, मार्कडाउन और पीडीएफ से निकाले गए टेक्स्ट जैसी संदर्भ सामग्री को ए4 प्रिंट-गुणवत्ता वाली एकल-फ़ाइल एचटीएमएल फ़ाइलों में परिवर्तित करता है। यह सामग्री के विषय के आधार पर अनुकूल रूप से एक्सेंट रंगों का चयन करता है, अर्थपूर्ण न्यूनतम हस्तनिर्मित लाइन आर्ट एसवीजी को एम्बेड करता है, पीडीएफ निर्यात करते समय खाली पृष्ठों, अधूरी पंक्तियों और कटे हुए तत्वों जैसी मुद्रण समस्याओं को स्वचालित रूप से ठीक करता है, और अंतिम चरण में कैनवास पैनल के साथ सीधे पीडीएफ खोलता है, जिससे उपयोगकर्ता कोड को कॉपी और पेस्ट किए बिना पीडीएफ देख, प्रिंट या निर्यात कर सकते हैं।
लर्निंग पाथ प्लानिंग मास्टर
उपयोगकर्ता के सीखने के लक्ष्यों, वर्तमान स्तर, उपलब्ध समय और प्राथमिकताओं के आधार पर, वास्तविक शिक्षण संसाधनों की गहन खोज के माध्यम से एक वैयक्तिकृत, चरणबद्ध शिक्षण मार्ग तैयार किया जाता है और इसे कामी शैली में एक इंटरैक्टिव लर्निंग वेबसाइट के रूप में प्रस्तुत किया जाता है (जिसमें प्रगति ट्रैकिंग, मील के पत्थर की जांच और संसाधनों के सीधे लिंक शामिल होते हैं)।

फ्रंट-एंड की सुंदरता में सुधार करें
अनोखा फॉन्ट, विशिष्ट डार्क साइबरपंक सौंदर्य, असममित गतिशील लेआउट, सावधानीपूर्वक कोरियोग्राफ किए गए लोडिंग एनिमेशन और एक आकर्षक वातावरण।
Featured by
nene@YouMind.AI
Why we love this skill
सामान्य "एआई स्लोप" डिज़ाइनों से थक चुके हैं? यह कौशल आपको साधारणता से बाहर निकलने और अद्वितीय टाइपोग्राफी, आकर्षक रंगों, उत्कृष्ट एनिमेशन, नवीन स्थानिक लेआउट और गहन पृष्ठभूमि के माध्यम से शानदार फ्रंट-एंड इंटरफेस बनाने में मदद करेगा। यह आपके काम को भीड़ से अलग दिखाने और एक वास्तविक दृश्य सफलता प्राप्त करने के लिए एक व्यावहारिक सौंदर्य मार्गदर्शिका प्रदान करता है।
निर्देश
<फ्रंटएंड_एस्थेटिक्स>
साधारण "एआई स्लोप" सौंदर्यशास्त्र से बचें और एक आश्चर्यजनक रूप से अद्वितीय फ्रंट एंड बनाएं।
## पाँच मुख्य आयाम
**1. टाइपोग्राफी**
- ❌ प्रतिबंधित: इंटर, रोबोटो, एरियल, सिस्टम फ़ॉन्ट
- ✅ चुनें: अद्वितीय, विशिष्ट फ़ॉन्ट
- ✅ संयोजन: शोकेस फ़ॉन्ट + बॉडी फ़ॉन्ट, उच्च कंट्रास्ट
- ✅ सुझाव: फ़ॉन्ट की मोटाई में अत्यधिक अंतर (100 बनाम 900), फ़ॉन्ट के आकार की विस्तृत श्रृंखला (3 गुना से अधिक)
**2. रंग और थीम**
- ✅ सीएसएस वेरिएबल्स का उपयोग करके एक सुसंगत सौंदर्यबोध बनाए रखें।
- ✅ प्रमुख रंग + जीवंत एक्सेंट रंग
- ❌ बचें: बैंगनी ग्रेडिएंट + सफेद पृष्ठभूमि
- ✅ प्रेरणा: IDE थीम, सांस्कृतिक सौंदर्यशास्त्र
**3. प्रस्ताव**
- ✅ सीएसएस एनिमेशन को प्राथमिकता दी जाती है (एचटीएमएल)
- ✅ मोशन लाइब्रेरी
- ✅ उच्च प्रभाव पर ध्यान केंद्रित करें: सावधानीपूर्वक तैयार किया गया पेज लोड > बिखरे हुए सूक्ष्म अंतःक्रियाएं
- ✅ स्क्रॉल ट्रिगर, होवर करने पर आश्चर्यजनक प्रतिक्रिया
**4. स्थानिक लेआउट**
- ✅ असममित, अतिव्यापी, विकर्ण प्रवाह
- ✅ ग्रिड को तोड़ें, खाली जगह का भरपूर उपयोग करें या नियंत्रित घनत्व का प्रयोग करें
**5. पृष्ठभूमि विवरण**
- ✅ वातावरण और गहराई का सृजन करें
- ✅ ग्रेडिएंट मेश, नॉइज़, ज्यामितीय पैटर्न
- ✅ परतदार पारदर्शिता, नाटकीय छायाएँ, सजावटी बॉर्डर
## मुख्य सिद्धांत
- बार-बार एकरूपता से बचने के लिए प्रत्येक डिजाइन अलग होना चाहिए।
जटिलता के अनुरूप सौंदर्यपरक दृष्टिकोण प्राप्त करना
अत्यधिक जटिलता के लिए सावधानीपूर्वक डिजाइन की आवश्यकता होती है, जबकि सरलता के लिए संयम और सटीकता की आवश्यकता होती है।
पारंपरिक सोच से बाहर निकलें और सचमुच अनूठे विकल्प चुनें।
⚡ एक पंक्ति में सारांश
अनोखा फ़ॉन्ट + आकर्षक रंग संयोजन + सटीक एनिमेशन + अभिनव लेआउट + मनमोहक पृष्ठभूमि = अविस्मरणीय फ्रंट-एंड डिज़ाइन
अस्वीकृत: इंटर/रोबोटो, बैंगनी ग्रेडिएंट सफेद पृष्ठभूमि, नीरस लेआउट
📋 त्वरित जाँच सूची
आयाम और निरीक्षण मदें
क्या इंटर/रोबोटो जैसे फॉन्ट का इस्तेमाल नहीं करना चाहिए? क्या कोई अनोखे रंग संयोजन उपलब्ध हैं?
क्या रंग योजना में एकरूपता है? क्या बैंगनी रंग के ग्रेडिएंट से बचना चाहिए?
क्या एनीमेशन में सावधानीपूर्वक नियोजित लोडिंग प्रभाव है?
क्या लेआउट पारंपरिक ग्रिड से भिन्न है?
क्या पृष्ठभूमि से गहराई और वातावरण का निर्माण होता है?
Related Skills
View allस्टोरीकैनवास
यह रचनाकारों को सत्यापन के कई दौरों के माध्यम से मौजूदा सौंदर्य संबंधी संदर्भों को पुन: प्रयोज्य, पृष्ठ-आधारित कथात्मक JSON शैली विनिर्देशों में बदलने में मदद करता है।
पीडीएफ में बदलने के लिए
यह सॉफ़्टवेयर लेख, रिपोर्ट, नोट्स, मार्कडाउन और पीडीएफ से निकाले गए टेक्स्ट जैसी संदर्भ सामग्री को ए4 प्रिंट-गुणवत्ता वाली एकल-फ़ाइल एचटीएमएल फ़ाइलों में परिवर्तित करता है। यह सामग्री के विषय के आधार पर अनुकूल रूप से एक्सेंट रंगों का चयन करता है, अर्थपूर्ण न्यूनतम हस्तनिर्मित लाइन आर्ट एसवीजी को एम्बेड करता है, पीडीएफ निर्यात करते समय खाली पृष्ठों, अधूरी पंक्तियों और कटे हुए तत्वों जैसी मुद्रण समस्याओं को स्वचालित रूप से ठीक करता है, और अंतिम चरण में कैनवास पैनल के साथ सीधे पीडीएफ खोलता है, जिससे उपयोगकर्ता कोड को कॉपी और पेस्ट किए बिना पीडीएफ देख, प्रिंट या निर्यात कर सकते हैं।
लर्निंग पाथ प्लानिंग मास्टर
उपयोगकर्ता के सीखने के लक्ष्यों, वर्तमान स्तर, उपलब्ध समय और प्राथमिकताओं के आधार पर, वास्तविक शिक्षण संसाधनों की गहन खोज के माध्यम से एक वैयक्तिकृत, चरणबद्ध शिक्षण मार्ग तैयार किया जाता है और इसे कामी शैली में एक इंटरैक्टिव लर्निंग वेबसाइट के रूप में प्रस्तुत किया जाता है (जिसमें प्रगति ट्रैकिंग, मील के पत्थर की जांच और संसाधनों के सीधे लिंक शामिल होते हैं)।

Find your next favorite skill
Explore more curated AI skills for research, creation, and everyday work.