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
  • All UX/UI tutorials:

    1. ما المقصود بالFigma

      ما المقصود بالFigma

      Tutorial Beginner

      "Figma" هو تطبيق تصميم واجهة يعمل في المتصفح - ولكنه في الواقع أكثر من ذلك بكثير. سأذهب إلى أبعد من ذلك لأقول أنه ربما أفضل تطبيق لمشاريع التصميم التعاوني...

    2. أفضل 21+ من موضوعات وورد سريعة
الاستجابة (للمواقع في 2018)

      أفضل 21+ من موضوعات وورد سريعة الاستجابة (للمواقع في 2018)

      Tutorial Beginner

      أفادا - واحد من أفضل المواضيع ورد سريعة الاستجابة مع خيارات تصميم مرنة.لدينا أيضا عرض سنوي خاص لموضوع وورد غير محدود وتنزيلات الاضافات من إنفاتو عناصر. قبل...

    3. 7 وحدات CSS قد لم يسبق لك معرفتها

      7 وحدات CSS قد لم يسبق لك معرفتها

      Tutorial Beginner

      من السهل أن يجد المرء نفسه آسيراً للعمل بتقنيات الـ CSS المألوفة لديه، إلا أن من شأن ذلك أن يضعه في موقفٍ ضعيف عند ظهور مشاكلَ جديدة.

    4. مرحلة اختبار افكار التصميم

      مرحلة اختبار افكار التصميم

      Tutorial Beginner

      حسنًا ، لقد أعددت المشكلة ، ولدت الكثير من الأفكار ؛ الخطوة التالية هي تحديد الأفكار التي يجب اتباعها.

    5. أفضل موارد "Figma" المجانية: قوالب ، أيقونات ، مجموعات واجهة المستخدم والمزيد

      أفضل موارد "Figma" المجانية: قوالب ، أيقونات ، مجموعات واجهة المستخدم والمزيد

      Tutorial Beginner

      خرجت شركة "Figma" كمشغل قوي جديد في عام 2016 ، ما أتاح لفريق التصميم وتطوير البرامج التعاون على أي نظام أساسي.

    6.  أطقم UX و UI الأكثر Sketch ، و Photoshop ، و Illustrator ، و XD ، و Figma

      أطقم UX و UI الأكثر Sketch ، و Photoshop ، و Illustrator ، و XD ، و Figma

      Tutorial Beginner

      تساعد مجموعات UX و UI المصممين في جميع أنواع الطرق ، وفي المراحل المختلفة في عملية التصميم. في هذه الجولة ، سأعرض لك بعضًا من مجموعات أدوات UX و UI الأكثر...

    7. إنشاء جانبية النص باستخدام "وضع الكتابة" خاصية CSS بسهولة

      إنشاء جانبية النص باستخدام "وضع الكتابة" خاصية CSS بسهولة

      Tutorial Intermediate

      في هذا تلميح سريع أنا ذاهب لتظهر لك كيفية عرض النص على صفحة ويب قيد التشغيل من أعلى إلى أسفل، بدلاً من اليسار إلى اليمين (أو اليسار إلى اليمين). هناك نهج...

    8. نصيحة سريعة: تسمية BEM و مرشحات "WordPress" للتنقل

      نصيحة سريعة: تسمية BEM و مرشحات "WordPress" للتنقل

      Tutorial Intermediate

      يعد الحفاظ على CSS أمرًا صعبًا ، خاصة في المشروعات الكبيرة التي تعمل مع فريق. يمكن أن تساعد اصطلاحات التسمية في جعل CSS أكثر قابلية للقراءة وسهولة في...

    9. ما هو سكيتش وهو لأجل ماذا ؟

      ما هو سكيتش وهو لأجل ماذا ؟

      Tutorial Beginner

      ماذا تعرف عن سكيتش ؟ في هذا الفيديو من هذا الكورس , العمل والرسم مع سكيتش . انا سأعطيك مقدمه لتفيدك في التصميم . نحن سنتعلم لأجل ماذا هذا البرنامج ؟ , لما...

    10. تصميم مواقع الويب للأطفال: أهلاً بكم في مدينة توتس+ (+Tuts)!

      تصميم مواقع الويب للأطفال: أهلاً بكم في مدينة توتس+ (+Tuts)!

      Tutorial Beginner

      مرحباً بكم في مدينة توتس+، حيث يحب الجميع تصميم مواقع الويب! في هذه السلسلة سوف نتعلم كل شيء عن تصميم وبناء مواقع الويب. لمساعدتنا في ذلك، سنقوم بإنشاء موقع...

    11. كل شيء عن أنظمة الشبكات

      كل شيء عن أنظمة الشبكات

      Tutorial Beginner

      الآن وقد أصبحت تعرف كل ما هنالك عن الألوان، أسلوب الطباعة والأمور المختلفة التي يجب عليك القيام بها قبل بدئك بتصميم المشروع، حان الوقت للبدء بالعمل على بعض...