احترف تصميم واجهات الاستخدام عبر Figma

دليلك الشامل في احتراف استخدام تطبيق Figma لتصميم واجهات الاستخدام ضمن المنتجات الرقمية من البداية إلى النهاية ومهما كان مستواك في التطبيق.

التصنيف
تطبيقات
مدة الدورة
09:48:00

الوصف

تعتبر هذه الدورة هي دورة متكاملة تساعدك في فهم كيفية استخدام تطبيق Figma واحترافه بشكل كامل، فهي تركز على طريقة استخدام الميزات البسيطة والمتقدمة وبطريقة مختصرة وشاملة.

سوف أركز ضمن الدورة على كيفية التعامل مع أدوات التصميم والتحكم بها، وأيضاً كيفية انشاء تصاميم متجاوبة وعمل بروتوتايب وإنميشن لأي تصميم تقوم بالعمل عليه إن كان لتطبيق موبايل أو موقع إلكتروني.

الدورة تركز على جميع الأدوات والميزات التي تتواجد في تطبيق Figma، كما أنها محدثة بشكل دائم من أجل مساعدتك في فهم كل الميزات والتحديثات الجديدة التي يتم طرحها.

أيضاً تشمل الدورة على مجموعة كبيرة من الامثلة التطبيقية والمشاريع الفعلية التي تساعدك في فهم كيفية استخدام Figma ضمن الحياة الوقعي في مشاريع يتم العمل عليها بشكل فعلي.

متطلبات الدورة

  • جهاز حاسب بنظام ويندوز أو ماك.
  • اتصال بالإنترنت
  • يفضل أن يكون لديك معرفة حول اسس التصميم بشكل عام.

ماذا سوف تتعلم؟

  • كيفية استخدام أدوات التصميم في فيجما.
  • كيفية التعامل مع بيئة Figma بشكل كامل.
  • إنشاء تصاميم متجاوبة والاستفادة من ميزة Auto Layout.
  • عمل عناصر متقدمة "مكونات" والتعامل مع الخواص المتعلقة بها باحترافية.
  • إنشاء مكتبات متكاملة من المكونات لأي مشروع رقمي.
  • كيفية التعامل مع الفرق التقنية واصحاب العلاقة وتسليم الملفات.
  • كيفية انشاء مشاريع تصميم تطبيقات ومواقع حقيقية.
  • إنشاء تصاميم بروتوتايب واقعية مع عمل انميشن لها.
  • التعامل مع المتغيرات وتوظيفها ضمن التصميم والبروتوتايب.
  • استخدام قسم Dev Mode من أجل تطوير التصاميم المختلفة.
تعرف على فيجما
شاشة البداية
مساحة العمل
كيف تحصل على حساب مجاني؟
التنقل ضمن التصميم
استخدام أدوات Move و Scale
Frames مقابل Groups
أدوات Slice و Section
أدوات الاشكال
أدوات Line و Arrow
أدوات Pin و Pencil
إضافة الصور
استخدام أداة Text
كتابة الملاحظات على التصميم
نصائح وأمثلة عملية
محاذاة العناصر
التعامل مع الألوان
أنماط الخطوط والخواص المتقدمة
الشبكات في التصميم
التعامل مع الحدود
إضافة المؤثرات للطبقات
دمج العناصر وتكوينها
تغيير أحجام الرسومات
التحكم في الصور
Blend Mode
تصدير الأصول والتصاميم
التعرف على Auto Layout
مثال تطبيقي حول Auto Layout
ميزات متقدمة ضمن Auto Layout
Min & Max
Wrap
ما هو التصميم المتجاوب؟
ضبط العناصر عبر Constraints
إضافة المقاسات التي تحتاجها
أساسيات Component
التعامل مع Variants
خاصية Text
خاصية Boolean
خاصية Instance
إدارة وتنظيم المكونات
التفاعلات داخل المكونات
مفهوم البرتوتايب
إنشاء سكرول للعناصر
تثبيت العناصر داخل التصميم
خصائص نافذة الاستعراض
التنقل عبر الضغط
إنشاء تأثير السحب
التحكم في تراكب الشاشات
العودة إلى نفس الشاشة
التنقل داخل التصميم وإضافة الروابط
التأخير الزمني
مسارات التصميم المختلفة
التفاعل مع حركة الفأرة
التفاعل عبر الأزرار
إنشاء عدة تفاعلات لنفس العنصر
مشاركة واستعراض روابط البروتوتايب
إدارة الحالات
مفهوم Smart Animate
تحسين عملية الإنتقال بين الشاشات
تحرك العناصر
عمل تأثير التحميل
مفهوم المتغيرات Variables
انشاء انماط لونية
عمل نسخ بلغات مختلفة
التعامل مع الأرقام كمتغيرات
المتغيرات مقابل الستايل
ما هو Design Tokens؟
استخدام Boolean لإنشاء نماذج تفاعلية
الشروط والمتغيرات في البروتوتايب
مفهوم العمل التعاوني
التحكم بإعدادات الفريق
استخدام المكتبات
تسليم التصاميم للمطورين
معرفة التغييرات ضمن التصميم
تفاصيل الكود والعناصر
العمل مع VS Code
إضافات المطورين
الإضافات
طريقة حفظ الإصدارات
الويدجيت
مجتمع فيجما
ماذا بعد؟

0

تقييم الدورة
0
0
0
0
0
$99.00$125.00
  • تحميل المرفقات
    نعم
  • شهادة اكمال للدورة
    نعم
  • مادة تعليمية
    88
$99.00$125.00