تصميم واجهة المستخدم/خبرة المستخدم على شبكة الإنترنت وعلى الأجهزة المحمولة: من Figma إلى HTML وCSS
تعلم واجهة المستخدم ومبادئ التصميم التجريبي لبناء تصاميم مذهلة في فيجما، ثم تعلم كيفية ترجمة تصاميمك إلى HTML و CSS نظيفة ومستجابة.
حول هذه الدورة
تبدأ المنتجات الرقمية العظيمة بتجربة المستخدم الاستثنائية وتصميم واجهة المستخدم. وفهم كيفية تحويل هذه التصاميم إلى تصاميم ويب عاملة يسمح بسد الفجوة بين الرؤية الإبداعية والواقع التقني.
ترشدك هذه الدورة من خلال المبادئ الأساسية لتصميم واجهة المستخدم / تجربة المستخدم، وتزودك بإنشاء تصاميم مهنية للأجهزة الشبكية والمحمولة. وستتعلم ميكانيكا فيجما، وتتقن عملية التصميم من الأطر السلكية الأولية إلى التصاميم المصقولة، وستكتسب المهارات الأساسية لـ HTML و CSS اللازمة للتواصل بفعالية مع المطورين أو بناء صفحات الويب الاستجابية الخاصة بك.
ماذا ستتعلم:
- فهم المبادئ الأساسية لتصميم تجربة المستخدم وواجهة المستخدم، بما في ذلك التسلسل الهرمي البصري، والطباعة، ونظرية الألوان.
- تعلم أساسيات فيجما، بما في ذلك الأطر، والتخطيط التلقائي، والمكونات القابلة لإعادة الاستخدام، وقيود التصميم الاستجابي.
- إنشاء تدفقات المستخدمين، والأطر السلكية المنخفضة الدقة، وتصاميم التصميم المصقولة العالية الدقة.
- تطبيق معايير حديثة لتيسير الوصول لضمان أن تكون تصاميمكم الرقمية شاملة وسهلة الاستخدام.
- ترجمة تصاميم التصميم إلى هيكل HTML نظيف ودلالي وتصاميم CSS استجابية.
سوف تبدأ بتعلم مصطلحات التصميم الأساسية وسيكولوجية المستخدم قبل الانتقال إلى تقنيات فيجما الفعلية. وأخيرا، سوف تستكشف ترجمة التصميم إلى رمز، وتتعلم كيفية هيكلة التصاميم باستخدام CSS و HTML الحديثين.
هذه الدورة مصممة للمبتدئين المطلقين الذين يريدون اختراق مجال التصميم، وكذلك للمطورين الذين يبحثون عن تحسين مهاراتهم في التصميم البصري، دون الحاجة إلى خبرة سابقة في التصميم أو الترميز.
ابدأ القراءة اليوم واتخاذ خطوتك الأولى نحو تصميم جميلة، تجارب رقمية وظيفية.
ما الذي ستحصل عليه
-
📜
شهادة إتمام
أضفها إلى ملفك على LinkedIn -
🎧
النسخة الصوتية مضمَّنة
تعلَّم أثناء تنقُّلك — دون شاشة -
♾️
وصول مدى الحياة
عُد متى شئت، بلا انتهاء -
📱
الهاتف أو الكمبيوتر
يعمل في أي مكان وعلى أي جهاز -
💸
استرداد خلال 30 يومًا
دون أسئلة -
⚡
قصير ومركَّز
47 دقيقة من المحتوى التطبيقي
المراجعات
لا توجد مراجعات بعد — كن أول من يشارك تجربته.
المتعلمون أخذوا أيضًا
إتقان مبادئ التصميم الحديث للمواقع الشبكية، وتعلم تصميم التصميم باستخدام فيغما، وبناء تصميمات مواقع شبكية سريعة الاستجابة وسهلة الاستخدام من خلال دروس خطية خطوة بخطوة.
$4.99$9.99
تعلم كيفية بناء تصاميم مواقع ويب مهنية ونماذج تفاعلية باستخدام أدوات فيجما الأساسية وعمليات التصميم الحديثة.
$4.99$9.99
تعلم كيفية إنشاء واجهات مرنة وسهلة الاستخدام تتكيف بسلاسة مع أي حجم للشاشة باستخدام فيجما.
$4.99$9.99
تعلم تصميم وتطوير حافظة الويب الاستجابية الخاصة بك من الصفر، والاستفادة من فيجما للواجهة / تجربة المستخدم ودمج أدوات الذكاء الاصطناعي لتبسيط تدفق عملك.
$4.99$9.99
الأسئلة الشائعة
ما الذي أحتاجه لأخذ هذه الدورة؟ +
يكفي هاتف أو كمبيوتر متصل بالإنترنت. بدون تثبيتات أو أجهزة خاصة.
كيف يمكنني الدفع؟ +
بالبطاقة عبر Stripe أو بالعملات الرقمية. لا نخزن بيانات البطاقة — يتولى Stripe ذلك بأمان.
هل يمكنني استرداد المال؟ +
نعم — استرداد كامل خلال 30 يومًا، دون أسئلة.
إلى متى يستمر وصولي؟ +
إلى الأبد. بمجرد الشراء، الدورة لك تعود إليها متى شئت.
هل سأحصل على شهادة؟ +
نعم. عند الإتمام ستحصل على شهادة يمكنك إضافتها إلى ملفك في LinkedIn.
مصمَّم للعاملين في
التقنية
التصميم
المالية
التسويق
الرعاية الصحية
التعليم
الضيافة
التصنيع