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. दूरस्थ उपयोगिता परीक्षण का संचालन कैसे करें

      दूरस्थ उपयोगिता परीक्षण का संचालन कैसे करें

      Tutorial Beginner

      पिछले लेख में हमने "दूरस्थ प्रयोज्यता परीक्षण" क्या किया है, और लाभ और घाटा को शामिल किया था। इस अनुच्छेद में मैं आपको अपना दूरस्थ उपयोगिता सत्र चलाने के लिए...

    2. 60 सेकंड में रंग: ट्राइडीकल कलर्स

      60 सेकंड में रंग: ट्राइडीकल कलर्स

      Tutorial Beginner

      एक "त्रिआदिक" रंग योजना रंग चक्कर के चारों ओर समान रूप से तीन रंगों का उपयोग करती है। यहाँ उनके बारे में साठ सेकंड में है!

    3. स्केच और जेप्लिन: डिजाइनरों और डेवलपर्स की सहायता करना सहयोग करें

      स्केच और जेप्लिन: डिजाइनरों और डेवलपर्स की सहायता करना सहयोग करें

      Tutorial Beginner

      एक वेब प्रोजेक्ट की सफलता के लिए डिजाइनरों और डेवलपर्स के बीच सहयोग आवश्यक है, और यह टीम की सफलता का एक उपाय है एक ही कार्यक्षेत्र को बांटने के लिए अमूल्य...

    4. वर्तमान वेब डिज़ाइन रुझान (ट्रेन्ड): फुल-ऑन फुल स्क्रीन होम पेज 

      वर्तमान वेब डिज़ाइन रुझान (ट्रेन्ड): फुल-ऑन फुल स्क्रीन होम पेज 

      Tutorial Beginner

      फ़ुल स्क्रीन स्प्लैश इस समय वेब पर सबसे परिचित पैटर्नों में से एक है। कुछ इसे प्यार करते हैं, कुछ इसे घृणा, लेकिन आपकी भावनाएं जो भी हो चलिए कुछ उल्लेखनीय...

    5. हमारे स्केलेटन पेज बनाने के लिए स्टाइल्स जोड़ना

      हमारे स्केलेटन पेज बनाने के लिए स्टाइल्स जोड़ना

      Tutorial Beginner

      हमारी चालू निर्माण प्रक्रिया के इस भाग में हम HTML को स्टाइल करने पर ध्यान केंद्रित करने जा रहे हैं। इस ट्यूटोरियल में तीन मुख्य भाग होंगे:

    6. आपकी वेबसाइट में "No CAPTCHA reCAPTCHA" कैसे एकीकृत करें 

      आपकी वेबसाइट में "No CAPTCHA reCAPTCHA" कैसे एकीकृत करें 

      Tutorial Beginner

      CAPTCHA inputs-कैप्चा इनपुट्स-कैप्चा को दर्ज करना इन्टरनेट के शायद सबसे आम निराशाजनक अनुभव है। वे ज्यादातर उपयोगकर्ताओं के लिए दुखद तो है ही, लेकिन दृश्य की...

    7. Avocode परिचय - Photoshop के बिना कोड में PSD

      Avocode परिचय - Photoshop के बिना कोड में PSD

      Tutorial Beginner

      Photoshop साल के लिए वेब डिज़ाइन का एक हिस्सा रहा है, और यह बहुत समय तक जारी रखने की संभावना है। यदि आप Photoshop का उपयोग कर वेब के लिए डिज़ाइन करते हैं, या...

    8. सीएसएस के साथ एक मास्केड बैकग्राउंड इफ़ेक्ट बनाएँ

      सीएसएस के साथ एक मास्केड बैकग्राउंड इफ़ेक्ट बनाएँ

      Tutorial Beginner

      आज हम एक बहुत ही शांत तकनीक के माध्यम से आगे बढ़ने जा रहे हैं, जिसका उपयोग आप एक इफ़ेक्ट बनाने के लिए कर सकते हैं जो थोड़ी सी परलेक्स स्क्रॉलिंग है, फिर भी...

    9. रेस्पॉन्सिव टाइमलाइन पोर्टफोलियो पृष्ठ का निर्माण

      रेस्पॉन्सिव टाइमलाइन पोर्टफोलियो पृष्ठ का निर्माण

      Tutorial Intermediate

      इस ट्यूटोरियल के दौरान हम शानदार टाइमलाइन पोर्टफोलियो का निर्माण करेंगे, जैसा कि टॉमस लॉरीनेविसियस द्वारा earlier tutorial में देखा गया था। हम कुछ...

    10. jQuery Waypoints का प्रयोग करके एक स्टिकी नेविगेशन हैडर बनाएं

      jQuery Waypoints का प्रयोग करके एक स्टिकी नेविगेशन हैडर बनाएं

      Tutorial Beginner

      इस ट्यूटोरियल में, हम एक नेविगेशन बार बनाएंगे जो आपके साथ ही रहेगा जब आप नीचे की ओर स्क्रॉल करते हैं - और हम भी इसे ढंकने के लिए एक या दो डिमिक्स को एक...

    11. CSS3 और HTML5 वेलिडेशन के साथ अपने फ़ॉर्म को अप टू डेट करें

      CSS3 और HTML5 वेलिडेशन के साथ अपने फ़ॉर्म को अप टू डेट करें

      Tutorial Beginner

      आइए देखें कि एक कार्यात्मक फॉर्म कैसे बनाया जाए जो उपयोगकर्ता के डेटा, क्लाइंट-साइड को मान्य करता है। इसके साथ, हम कुछ CSS के साथ CSS3 का उपयोग करके इसे...

    12. त्वरित युक्ति: आसान CSS3 चेकबॉक्सेज़ और रेडियो बटन

      त्वरित युक्ति: आसान CSS3 चेकबॉक्सेज़ और रेडियो बटन

      Tutorial Beginner

      कभी आश्चर्य की बात है कि कैसे चेक बॉक्स और रेडियो बटन, लेकिन जावास्क्रिप्ट के बिना?आप कर सकते हैं CSS3 के लिए धन्यवाद! यहाँ हम क्या बनाने जा रहे हैं: