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. ما المقصود بالFigma

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

      Tutorial Beginner

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

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

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

      Tutorial Beginner

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

    4. 18+ من أفضل ثيمات Shopify مع تصاميم مستجيبة في 2018

      18+ من أفضل ثيمات Shopify مع تصاميم مستجيبة في 2018

      Tutorial Beginner

      عندما يتعلق الأمر بمتجرك على الإنترنت، فإن التصميم الخاص به يعتبر أمراً مهماً. متجرك الإلكتروني هو وجه علامتك التجارية. يجب أن يُشعِرَ زوارك بأنه مرحبٌ بهم...

    5. الخطوط المتغيرة على شبكة الإنترنت،مُوضّحة

      الخطوط المتغيرة على شبكة الإنترنت،مُوضّحة

      Tutorial Beginner

      الخطوط المتغيرة هي، باختصار، ملفات الخطوط التي لها إعدادات يمكنك تغييرها بمهارة، أو تعديل بشكل كبير لمظهر الخط. انهم مضبوطين لصنع فرق كبير في الكتابة على...

    6. خطوط الويب في 60 ثانية

      خطوط الويب في 60 ثانية

      Tutorial Beginner

      لاستخدام الخطوط على الويب يتم تحميلها من مسارين، اما من نظام جهاز الزار أو من السيرفر. دعونا نلقي نظرة سريعة على خطوط الويب في 60 ثانية!

    7. كيفية استخدام الخطوط الملونة على الويب

      كيفية استخدام الخطوط الملونة على الويب

      Tutorial Beginner

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

    8. دليل
المبتدئ للتخطيط الشبكي

      دليل المبتدئ للتخطيط الشبكي

      Tutorial Beginner

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

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

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

      Tutorial Beginner

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

    10. 10 إجراءات لتعزيز الأساسية الخاصة بك قرينة تصميم المهارات في 2019

      10 إجراءات لتعزيز الأساسية الخاصة بك قرينة تصميم المهارات في 2019

      Tutorial Beginner

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

    11. كيفية إدارة مشروع تصميم الويب مع Paymo

      كيفية إدارة مشروع تصميم الويب مع Paymo

      Tutorial Beginner

      دعونا نكون واقعيين ونقر بأن إدارة مشروع تصميم الويب يمكن أن تكون معقدًة وتستنزف الوقت. سوف تتعامل مع العديد من المهام المختلفة وأعضاء الفريق وتواريخ...

    12. مقدمة إلى استوديو وأداة تصميم الشاشة من InVision

      مقدمة إلى استوديو وأداة تصميم الشاشة من InVision

      Tutorial Beginner

      اليوم سوف أعطيكم مقدمة سريعة عن Studio وأداة تصميم الشاشة الجديدة من InVision. باستخدامه ، يمكنك تصميم مشروعات واجهة المستخدم ، ولكن أيضًا إنشاء نماذج أولية...