Learn UX/UI

Try these UX and UI tutorials to learn the principles of user-centered design, prototyping, and wireframing. Learn to craft beautiful and intuitive user interfaces.

Getting started with UX/UI

  • 8 Usability Heuristics (Explained With Toasters)

    8 Usability Heuristics (Explained With Toasters)

    Maddy Beard
  • What is Information Architecture? (UX Tips and Examples)

    What is Information Architecture? (UX Tips and Examples)

    Andrea Eppy
    1. <h1>CSS और जावास्क्रिप्ट के साथ हॉरिजॉन्टल समयरेखा तैयार करना</h1>

      <h1>CSS और जावास्क्रिप्ट के साथ हॉरिजॉन्टल समयरेखा तैयार करना</h1>

      Tutorial Intermediate

      पिछली पोस्ट में, मैंने आपको दिखाया कि स्क्रैच से एक रेस्पॉन्सिव वर्टीकल समयरेखा को कैसे बनाया जाए। आज, मैं संबंधित हॉरिजॉन्टल समयरेखा बनाने की प्रक्रिया को...

    2. CSS और JavaScript के साथ एक स्थानांतरण अंडरलाइन होवर प्रभाव (Shifting Underline Hover Effect) कैसे बनाएं.

      CSS और JavaScript के साथ एक स्थानांतरण अंडरलाइन होवर प्रभाव (Shifting Underline Hover Effect) कैसे बनाएं.

      Tutorial Intermediate

      आज के टुटोरिअल में, हम फैंसी मेनू होवर इफ़ेक्ट (fancy menu hover effect) बनाने के लिए कुछ CSS और JavaScript का प्रयोग करेंगे. यह कोई पेचीदा अंतिम परिणाम नहीं...

    3. CodeCanyon पर 20 सर्वश्रेष्ठ वर्डप्रेस लॉगिन फॉर्म्स

      CodeCanyon पर 20 सर्वश्रेष्ठ वर्डप्रेस लॉगिन फॉर्म्स

      Tutorial Beginner

      वर्डप्रेस natively यूज़र्स  प्रोफाइल और एक्सेस लेवल को शामिल करता है। यह केवल समझ में आता है कि यह आसानी से सदस्यता साइटों, डायरेक्ट्रीज, और भी बहुत कुछ के...

    4. वायरफ्रार्मिंग के लिए शुरुआत की मार्गदर्शिका

      वायरफ्रार्मिंग के लिए शुरुआत की मार्गदर्शिका

      Tutorial Beginner

      वायरफ्रेमिंग किसी भी स्क्रीन डिज़ाइन प्रक्रिया में एक महत्वपूर्ण कदम है। यह मुख्य रूप से आपको अपने डिजाइन की जानकारी पदानुक्रम को परिभाषित करने की अनुमति...

    5. चीन में एसईओ गाइड (2018 संस्करण)

      चीन में एसईओ गाइड (2018 संस्करण)

      Tutorial Beginner

      ई-कॉमर्स और वैश्विक व्यापार में कोई भी जो चीन के बारे में बात कर रहा है। दुनिया की सबसे बड़ी आबादी और दुनिया के इंटरनेट उपयोगकर्ताओं का 21% हिस्सा, चीन के...

    6. एडोब विकल्प: पिक्सेल कला अनुप्रयोग

      एडोब विकल्प: पिक्सेल कला अनुप्रयोग

      Tutorial Beginner

      पिक्सेल कला अक्सर पुरानी यादों के प्रयोजन के लिए बनाया ग्राफिक्स का सिर्फ एक रेट्रो शैली के रूप में देखा जाता है; वीडियो गेम के शुरुआती दिनों में एक विपर्ययण...

    7. UX अनुसंधान का महत्व

      UX अनुसंधान का महत्व

      Tutorial Beginner

      UX शोध किसी भी डिजाइन की प्रक्रिया के दौरान महत्वपूर्ण कार्य प्रणाली है। यह प्रयोज्य डेटा (साक्षात्कार, प्रयोज्य परीक्षण, कार्ड छँटाई) का विश्लेषण कर तकनिकी...

    8. यूएक्स के पाँच प्रमुख घटक अवयव

      यूएक्स के पाँच प्रमुख घटक अवयव

      Tutorial Beginner

      उपयोगकर्ता अनुभव डिजाइन पूरी तरह से समझने के लिए, मुझे बताएं कि उपयोगकर्ता के अनुभव डिजाइनर क्या करते हैं- कुछ जो यूएक्स के पांच मुख्य घटकों का वर्णन करके...

    9. सामान्य सिबलिंग सेलेक्टर्स में महारत हासिल करना: फॉर्म के कस्टम एलिमेंट्स

      सामान्य सिबलिंग सेलेक्टर्स में महारत हासिल करना: फॉर्म के कस्टम एलिमेंट्स

      Tutorial Intermediate

      सामान्य सिबलिंग संयोजक (general sibling combinator) एक बहुत ही शक्तिशाली और कम प्रयोग किया जाने वाला सिलेक्टर है: ~. आने वाले टुटोरिअल्स (tutorials) में मैं...

    10. यूएक्स डिजाइन (UX) क्या है?

      यूएक्स डिजाइन (UX) क्या है?

      Tutorial Beginner

      आप शायद कुछ बिंदु पर "यूएक्स" वर्णमाला देख चुके हैं, आपको यह भी पता चल सकता है कि यूएक्स(UX) "उपयोगकर्ता अनुभव" का मतलब है-लेकिन वास्तव में इसका क्या अर्थ है?

    11. CSS ग्रिड (Grid) से ऑफ-कैनवास (Off-Canvas) कैसे बनाये

      CSS ग्रिड (Grid) से ऑफ-कैनवास (Off-Canvas) कैसे बनाये

      Tutorial Intermediate

      रेस्पॉन्सिव नेविगेशन को प्राप्त करने के लिए ऑफ-कैनवास (off-canvas) का पैटर्न एक क्लासिक एप्रोच है. जब viewport इतना छोटा हो जाये की इसे वारंट कर सके, तो भारी...

    12. स्केच (Sketch) में बूलियन संचालन (आपरेशन) का उपयोग कर के एक आइकन कैसे डिज़ाइन करें

      स्केच (Sketch) में बूलियन संचालन (आपरेशन) का उपयोग कर के एक आइकन कैसे डिज़ाइन करें

      Tutorial Beginner

      स्केच का "बूलियन ऑपरेशन" हमें मौजूदा आकारों के संयोजन के द्वारा जटिल पथ/पैथ बनाने की अनुमति देता है।  चलो इस स्क्रीनकास्ट ट्यूटोरियल में एक आइकन को डिजाइन...