تصميم UI/UX من الصفر
ابدأ رحلتك في تصميم واجهات وتجربة المستخدم مع دورة «تصميم UI/UX من الصفر»، المصممة للمبتدئين لتجمع بين الأساسيات والتطبيق العملي على مشاريع واقعية دون الحاجة إلى خبرة سابقة. تضم الدورة 22 جلسة، تتبع كل جلسة منها أسئلة اختبار قصيرة من 5 أسئلة مع عرض الدرجة فورًا، وتحصل على شهادة عند إكمال الدورة. ستتعرف على الفرق بين UI وUX، وكيف يفكر مصمم تجربة المستخدم، والمراحل الخمس لبناء منتج ناجح، ثم تستكشف واجهة Figma وأدواته والإطارات والأشكال وأنظمة الشبكات. ستطبق ما تتعلمه في تصميم شاشات تطبيق لطلب وتوصيل الطعام، بما يشمل التسجيل والصفحة الرئيسية وواجهات التوصيل، إلى جانب تصميم الصفحة الرئيسية لموقع عقارات. وستتعلم استخدام Auto Layout وخيارات Fill Container وHug Content وFixed، وتنظيم التصميم باستخدام الأنماط والمكونات القابلة لإعادة الاستخدام، وربط الشاشات في نماذج أولية تفاعلية. وفي نهاية رحلتك، ستفهم كيف توجه انتباه المستخدم إلى العناصر المهمة، وتبدأ مشروع UI/UX من الصفر بخطوات واضحة، وتستفيد من الذكاء الاصطناعي في دعم عملك التصميمي.
ماذا ستتعلم
- التمييز بين تصميم واجهات المستخدم وتجربة المستخدم، وفهم طريقة تفكير مصمم UX والمراحل الخمس لتطوير منتج ناجح.
- استخدام واجهة Figma وأدواته الأساسية لإنشاء الإطارات والأشكال وتنظيم تخطيطات الصفحات باستخدام أنظمة الشبكات.
- تصميم شاشات تطبيق لطلب وتوصيل الطعام، بما يشمل التسجيل والصفحة الرئيسية، وتطبيق المهارات على صفحة رئيسية لموقع عقارات.
- إنشاء تخطيطات مرنة باستخدام Auto Layout، واختيار إعدادات Fill Container وHug Content وFixed المناسبة للعناصر.
- تنظيم التصاميم باستخدام الأنماط والمكونات القابلة لإعادة الاستخدام، وإنشاء نماذج أولية تفاعلية لعرض التنقل بين الشاشات.
- توظيف التسلسل البصري لإبراز العناصر المهمة، وبدء مشروع UI/UX بخطوات منظمة مع الاستفادة من الذكاء الاصطناعي لدعم عملية التصميم.
محتوى الكورس
- 1المشاريع الأولى في تصميم UI/UX
- 2ما هو تصميم UI/UX؟
- 3تفكير مصمم UX ومراحل التفكير التصميمي
- 4التعرف على واجهة Figma
- 5الإطارات والأدوات الأساسية في Figma
- 6الإطار والمستطيل في Figma
- 7نظام الشبكات في التصميم
- 8تصميم تطبيق طلب طعام من الصفر
- 9تصميم تطبيق لطلب الطعام
- 10تصميم صفحة التسجيل لتطبيق طعام
- 11تصميم الصفحة الرئيسية لتطبيق توصيل طعام
- 12تصميم واجهة تطبيق توصيل من الصفر
- 13مقدمة إلى Auto Layout في Figma
- 14تطبيق عملي على Auto Layout في Figma
- 15الفرق بين Fill Container وHug Content وFixed
- 16تصميم الصفحة الرئيسية لموقع عقارات في Figma
- 17استخدام الأنماط في فيجما
- 18إنشاء نموذج تفاعلي في فيجما
- 19المكوّنات في فيجما
- 20إبراز الأزرار المهمة
- 21بدء مشروع تصميم واجهات وتجربة مستخدم
- 22الاستعانة بالذكاء الاصطناعي في المشروع
ماذا يقول طلابنا عن هذا الكورس
شرح واضح ومنظم، والتمارين العملية ساعدتني أطبّق كل درس فورًا.
أفضل كورس أخذته في المجال، المحتوى عملي ومحدّث.
الجلسات قصيرة ومركزة، والشهادة أضافت لسيرتي الذاتية.
الواجبات والاختبارات جعلتني أتأكد من فهمي لكل جزء.
أسلوب المدرب ممتع، وأنصح به كل المبتدئين.
بعد الكورس قدرت أبدأ أول مشروع حقيقي لي.
شرح واضح ومنظم، والتمارين العملية ساعدتني أطبّق كل درس فورًا.
أفضل كورس أخذته في المجال، المحتوى عملي ومحدّث.
الجلسات قصيرة ومركزة، والشهادة أضافت لسيرتي الذاتية.
الواجبات والاختبارات جعلتني أتأكد من فهمي لكل جزء.
أسلوب المدرب ممتع، وأنصح به كل المبتدئين.
بعد الكورس قدرت أبدأ أول مشروع حقيقي لي.
آراء المتعلمين
قيّم الكورس واترك تعليقك
سجّل الدخول للتقييم- لا توجد تعليقات بعد — كن أول من يشارك رأيه.