تصميم واجهة المستخدم/خبرة المستخدم على شبكة الإنترنت وعلى الأجهزة المحمولة: من Figma إلى HTML وCSS — PickAClass
4.4 (7) ⏱ 2 ساعة 36 دقيقة 📚 26 دورة 🎧 النسخة الصوتية

تصميم واجهة المستخدم/خبرة المستخدم على شبكة الإنترنت وعلى الأجهزة المحمولة: من Figma إلى HTML وCSS

تعلم واجهة المستخدم ومبادئ التصميم التجريبي لبناء تصاميم مذهلة في فيجما، ثم تعلم كيفية ترجمة تصاميمك إلى HTML و CSS نظيفة ومستجابة.

  • 💬 مدرب ذكاء اصطناعي
    اسأل عن أي درس واحصل على إجابة واضحة فورًا، في أي وقت.
  • 🕐 ابدأ في أي وقت
    بلا جداول أو مواعيد نهائية — تعلّم بوتيرتك، وقتما يناسبك.
  • 🌐 بالعربية
    الدروس والمهام والشهادة — كل ذلك بلغتك بالكامل.

حول هذه الدورة

تبدأ المنتجات الرقمية العظيمة بتجربة المستخدم الاستثنائية وتصميم واجهة المستخدم. وفهم كيفية تحويل هذه التصاميم إلى تصاميم ويب عاملة يسمح بسد الفجوة بين الرؤية الإبداعية والواقع التقني. ترشدك هذه الدورة من خلال المبادئ الأساسية لتصميم واجهة المستخدم / تجربة المستخدم، وتزودك بإنشاء تصاميم مهنية للأجهزة الشبكية والمحمولة. وستتعلم ميكانيكا فيجما، وتتقن عملية التصميم من الأطر السلكية الأولية إلى التصاميم المصقولة، وستكتسب المهارات الأساسية لـ HTML و CSS اللازمة للتواصل بفعالية مع المطورين أو بناء صفحات الويب الاستجابية الخاصة بك. ماذا ستتعلم: - فهم المبادئ الأساسية لتصميم تجربة المستخدم وواجهة المستخدم، بما في ذلك التسلسل الهرمي البصري، والطباعة، ونظرية الألوان. - تعلم أساسيات فيجما، بما في ذلك الأطر، والتخطيط التلقائي، والمكونات القابلة لإعادة الاستخدام، وقيود التصميم الاستجابي. - إنشاء تدفقات المستخدمين، والأطر السلكية المنخفضة الدقة، وتصاميم التصميم المصقولة العالية الدقة. - تطبيق معايير حديثة لتيسير الوصول لضمان أن تكون تصاميمكم الرقمية شاملة وسهلة الاستخدام. - ترجمة تصاميم التصميم إلى هيكل HTML نظيف ودلالي وتصاميم CSS استجابية. سوف تبدأ بتعلم مصطلحات التصميم الأساسية وسيكولوجية المستخدم قبل الانتقال إلى تقنيات فيجما الفعلية. وأخيرا، سوف تستكشف ترجمة التصميم إلى رمز، وتتعلم كيفية هيكلة التصاميم باستخدام CSS و HTML الحديثين. هذه الدورة مصممة للمبتدئين المطلقين الذين يريدون اختراق مجال التصميم، وكذلك للمطورين الذين يبحثون عن تحسين مهاراتهم في التصميم البصري، دون الحاجة إلى خبرة سابقة في التصميم أو الترميز. ابدأ القراءة اليوم واتخاذ خطوتك الأولى نحو تصميم جميلة، تجارب رقمية وظيفية.

ما الذي ستحصل عليه

  • 📜 شهادة إتمام
    أضفها إلى ملفك على LinkedIn
  • 💬 مدرّس AI شخصي
    عالق في دورة؟ اسأل مدرّسك المدمج أي شيء، في أي وقت.
  • 🎧 النسخة الصوتية مضمَّنة
    تعلَّم أثناء تنقُّلك — دون شاشة
  • ♾️ وصول مدى الحياة
    عُد متى شئت، بلا انتهاء
  • 📱 الهاتف أو الكمبيوتر
    يعمل في أي مكان وعلى أي جهاز
  • 💸 استرداد خلال 14 يومًا
    دون أسئلة
  • قصير ومركَّز
    2 ساعة 36 دقيقة من المحتوى التطبيقي

شهادة إتمام

كل دورة تكملها على PickAClass تُصدر شهادة كهذه — أصلية، بكودها الخاص، قابلة للتحقّق عبر الرابط، ومفصّلة عمّا أُثبت فعلًا.

P
PickAClass
ملف المهارات · قابل للتحقّق
وثيقة
شهادة إتقان
تشهد هذه الوثيقة بأن
الاسم واللقب
أثبت بنجاح إتقان
تصميم واجهة المستخدم/خبرة المستخدم على شبكة الإنترنت وعلى الأجهزة المحمولة: من Figma إلى HTML وCSS
المهارات المُثبَتة
تحليل أنماط السلوك
تأسيسي
1.2 ساعة
أطر معمارية لاتخاذ القرارات
متمكّن
1.4 ساعة
تصميم اختبار A/B
متمكّن
1.7 ساعة
كتابة نصوص سلوكية
متقدّم
1.9 ساعة
P
PickAClass — الاسم واللقب
تصميم واجهة المستخدم/خبرة المستخدم على شبكة الإنترنت وعلى الأجهزة المحمولة: من Figma إلى HTML وCSS
صفحة 2 من 2
تفاصيل الأداء
ملخّص العمل الدراسي
الدورات المكتملة 14 / 14
أسئلة التدريب 26 / 28
الواجبات المُسلَّمة 4 (متوسط 4.5 / 5)
المشروع الختامي تمت مراجعته — 4.6 / 5
إجمالي التدريب 6.2 ساعة
معيار الأداء
ترتيب الدفعة ضمن أفضل 12% من 1,625
وقت الإكمال 11 يومًا (الوسيط: 22)
درجة الإتقان 91 / 100
درجة أسئلة التدريب 94%
التحقّق من المهارة مسار مهارة موثّق
تحقّق من هذه الشهادة
pickaclass.com/certificates/PCC-2026-X4F7-AP19
صادر وفق المعايير الأكاديمية لـPickAClass. تعكس مستويات المهارة الأداء المُقيَّم وفق معيار كفاءات الدورة. هذه شهادة أصلية لهذه المنصّة.

المراجعات (7)

سهام DZ متعلِّم موثَّق
★ 5 · 25.07.2026

لقد تجاوزت هذه الدورة توقعاتي. والتطبيقات في العالم الحقيقي التي نوقشت مفيدة بشكل لا يصدق. عمل رائع!

Марія Лисенко UA متعلِّم موثَّق
★ 5 · 15.07.2026

Wow, I'm impressed. The real-world applications shown were super helpful. Made abstract ideas feel tangible. Great value!

วิชัย เกษมสุข TH
★ 4 · 09.07.2026

Really enjoyed the learning experience. The materials provided were top-notch and easy to follow.

Mia Hall AU
★ 5 · 07.07.2026

This is exactly what I was looking for. Loved the practical examples, they really helped solidify the concepts.

سعاد DZ
★ 3 · 26.06.2026

It's a decent introduction. Could benefit from more diverse examples and a slightly better flow between modules.

Camila Sánchez CO
★ 4 · 24.06.2026

A good introduction. The structure was mostly clear, but I wish there were a few more real-world examples. Still, learned a lot.

Elżbieta Szymańska PL
★ 5 · 05.06.2026

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

اكتب مراجعة

سنطلب منك تسجيل الدخول بعد الإرسال — تُحفظ مسودتك.

المتعلمون أخذوا أيضًا

الأسئلة الشائعة

ما الذي أحتاجه لأخذ هذه الدورة؟ +

يكفي هاتف أو كمبيوتر متصل بالإنترنت. بدون تثبيتات أو أجهزة خاصة.

كيف يمكنني الدفع؟ +

بالبطاقة عبر Stripe. لا نخزن بيانات البطاقة — يتولى Stripe ذلك بأمان.

هل يمكنني استرداد المال؟ +

نعم — استرداد كامل خلال 14 يومًا، دون أسئلة.

إلى متى يستمر وصولي؟ +

إلى الأبد. بمجرد الشراء، الدورة لك تعود إليها متى شئت.

هل سأحصل على شهادة؟ +

نعم. عند الإتمام ستحصل على شهادة يمكنك إضافتها إلى ملفك في LinkedIn.

مصمَّم للعاملين في
التقنية التصميم المالية التسويق الرعاية الصحية التعليم الضيافة التصنيع