كيف تستخدم فيجما (Figma Basics) - من بيتي التجاوز إلى المحتوى
UI - تصميم واجهة المستخدم كيف تستخدم فيجما (Figma Basics)
UI - تصميم واجهة المستخدم
0% Completed
1- من الهيكل إلى التصميم البصري — From Wireframe to Visual Design
مقدمة الوحدة: من الهيكل إلى التصميم البصري
Video - 00:1:24 mins
كيف تستخدم فيجما (Figma Basics)
Video - 00:13:24 mins
إعداد فيجما قبل البدء في تصميم الواجهات
Video - 00:9:40 mins
تصميم الأشكال في فيجما — الجزء الأول
Video - 00:19:13 mins
تصميم الأشكال في فيجما — الجزء الثاني
Video - 00:6:54 mins
اختيار الألوان — الجزء الأول
Video - 00:11:21 mins
اختيار الألوان — الجزء الثاني
Video - 00:8:22 mins
اختيار الصور — الجزء الأول
Video - 00:7:10 mins
اختيار الصور — الجزء الثاني
Video - 00:8:15 mins
الكتابة والخطوط في فيجما (Typography)
Video - 00:9:39 mins
الأيقونات في التصميم (Icons)
Video - 00:5:17 mins
بناء التخطيط والشبكات (Layout & Grids)
Video - 00:9:40 mins
تطبيق عملي: تصميم واجهة كاملة
Video - 00:8:37 mins
2- تحويل التصميم الثابت الى تفاعلي
مقدمة الوحدة: من التصميم الثابت إلى المتحرك
Video - 00:3:58 mins
التفاعل بين الصفحات (Page Interactions)
Video - 00:12:22 mins
تحويل التصميم الثابت إلى ديناميكي
Video - 00:11:2 mins
المكوّنات (Components) — الجزء الأول
Video - 00:15:43 mins
المكوّنات (Components) — الجزء الثاني
Video - 00:14:9 mins
النوافذ المنبثقة (Pop-ups)
Video - 00:9:20 mins
اختبار النموذج التفاعلي (Prototype Testing)
Video - 00:8:11 mins
نشاط عملي: تحريك واجهة كاملة
Video - 00:8:55 mins
3- جعل التصميم متجاوب على جميع الشاشات — Responsive Design
مقدمة الوحدة: تكييف التصميم لمختلف الأجهزة
Video - 00:1:42 mins
مقاسات الشاشات ونقاط التوقف (Breakpoints)
Video - 00:3:51 mins
إعادة التنظيم التلقائي (Auto Layout) — الجزء الأول
Video - 00:13:33 mins
إعادة التنظيم التلقائي (Auto Layout) — الجزء الثاني
Video - 00:8:37 mins
تصاميم متعددة للعنصر الواحد (Variants)
Video - 00:8:22 mins
تدريب عملي: تصميم متجاوب
Video - 00:26:53 mins
تدريب عملي متكامل: صفحة متجاوبة بالكامل
Video - 00:46:11 mins
4- تصميم واجهة تطبيقات الجوال — Mobile App & Handoff
مقدمة الوحدة: تصميم واجهات تطبيقات الجوال
Video - 00:1:23 mins
لماذا نحتاج تصميماً خاصاً للجوال
Video - 00:2:34 mins
إعداد إطار العمل للجوال (Mobile Frame)
Video - 00:9:13 mins
تصميم شاشة البداية (Logo Screen)
Video - 00:4:50 mins
تحريك شاشة البداية
Video - 00:8:35 mins
تصميم شاشات الترحيب (Onboarding)
Video - 00:16:18 mins
تصميم صفحة التسجيل (Sign Up)
Video - 00:9:6 mins
تصميم الصفحة الرئيسية للتطبيق (Home Screen)
Video - 00:22:19 mins
تسليم المشروع للمطوّر (Developer Handoff)
Video - 00:5:30 mins
5- فيجما والذكاء الاصطناعي — Figma & AI
مقدمة الوحدة: فيجما والذكاء الاصطناعي
Video - 00:3:00 mins
البحث السريع عن تصاميم جاهزة
Video - 00:10:55 mins
إعادة صياغة المحتوى النصي بالذكاء الاصطناعي
Video - 00:10:4 mins
إعادة تسمية الطبقات تلقائياً (Auto Rename Layers)
Video - 00:3:59 mins
إزالة خلفية الصور (Remove Background)
Video - 00:5:7 mins
إنشاء التفاعلات تلقائياً بين الصفحات
Video - 00:20:38 mins
ملخص الوحدة: فيجما والذكاء الاصطناعي
Video - 00:2:50 mins
اعلانات الدورة التقييمات Live Classes Certificate معلومات الدورة
السابقالتالي