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

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

4.4 (1,407) ⏱ 47 دقيقة 📚 4 درس 🎧 النسخة الصوتية

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

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

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

  • 📜 شهادة إتمام
    أضفها إلى ملفك على LinkedIn
  • 💬 Personal AI tutor
    Stuck on a lesson? Ask your built-in tutor anything, any time.
  • 🎧 النسخة الصوتية مضمَّنة
    تعلَّم أثناء تنقُّلك — دون شاشة
  • ♾️ وصول مدى الحياة
    عُد متى شئت، بلا انتهاء
  • 📱 الهاتف أو الكمبيوتر
    يعمل في أي مكان وعلى أي جهاز
  • 💸 استرداد خلال 30 يومًا
    دون أسئلة
  • قصير ومركَّز
    47 دقيقة من المحتوى التطبيقي

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

Mia Hall AU
★ 5 · 2025-12-09T14:09:51+00:00

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

วิชัย เกษมสุข TH
★ 4 · 2025-09-19T01:05:51+00:00

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

سهام DZ متعلِّم موثَّق
★ 5 · 2025-08-01T01:26:51+00:00

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

Camila Sánchez CO
★ 4 · 2025-04-16T19:35:51+00:00

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 · 2025-04-12T05:37:51+00:00

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

Марія Лисенко UA متعلِّم موثَّق
★ 5 · 2025-04-04T10:49:51+00:00

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

سعاد DZ
★ 3 · 2025-02-27T17:47:51+00:00

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

اكتب مراجعة

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

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

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

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

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

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

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

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

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

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

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

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

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

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