Figma - UI Design

5000 دج
684
تصميم

Figma - UI Design

المدرب Oussama Mekhaldi
01 - 03 - UI, Ux Design
02 - 01 - projects
02 - 02 - Project Description
02 - 03 - User Flow
02 - 04 - Wireframes
02 - 05 - Design System Fundamentals
02 - 06 - Color System
02 - 07 - Building Our Color Palette
02 - 08 - Dynamic button ( Variants Auto layout )
03 - 01 - Building Wireframes
03 - 02 - Design a Clean TAP BAR
03 - 03 - The Home Screen Design
03 - 04 - Building Friendly Forms
03 - 05 - Cart screen
03 - 06 - My list screen
03 - 07 - You Made Your First Order
03 - 08 - Get into Prototyping on Figma
04 - 01 - Start Building The Website
04 - 02 - Continuing The Landing Page
04 - 03 - Cart Page List Page
04 - 04 - Profile Page
04 - 05 - Product Details Page
05 - 01 - Shortcuts
05 - 02 - How To Present Your project
05 - 03 - Building The Project's Presentation
05 - 04 - Post Your Case Study on BEHANCE
05 - 05 - Important

حول هذا المساق

وصف الدورة:
تقدّم هذه الدورة مقدمة شاملة لتصميم واجهات المستخدم (UI)، مع التركيز على استخدام أداة Figma كأداة أساسية. تشمل المناهج مبادئ التصميم الجرافيكي وتصميم تجربة المستخدم (UX)، بالإضافة إلى خطوات عملية لإنشاء تصاميم ونماذج أولية احترافية.

الوحدات والدروس:
01. مقدمة لتصميم واجهات المستخدم (دروس مجانية):

  • 01 - 01: مقدمة
    لمحة عامة عن تصميم واجهات المستخدم وأهداف الدورة.
  • 01 - 02: أساسيات التصميم الجرافيكي
    المبادئ الأساسية للتصميم الجرافيكي ودوره في تصميم واجهات وتجربة المستخدم.
  • 01 - 03: مقدمة في تصميم واجهات وتجربة المستخدم (UI/UX)
    الفروقات الأساسية والتداخلات بين واجهات وتجربة المستخدم.
  • 01 - 04: إعداد برنامج Figma
    كيفية تحميل وتثبيت وإعداد بيئة العمل في Figma.

02. تخطيط المشاريع والأساسيات:

  • 02 - 01: تحديد المشاريع
    فهم نطاق المشروع واحتياجات المستخدمين.
  • 02 - 02: وصف المشروع
    إنشاء أوصاف تفصيلية وتحديد الأهداف.
  • 02 - 03: تدفق المستخدم (User Flow)
    رسم مسار تجربة المستخدم داخل التطبيق.
  • 02 - 04: التصميمات المبدئية (Wireframes)
    بناء التصميمات الأولية لتنظيم هيكل الواجهة.
  • 02 - 05: أساسيات أنظمة التصميم
    إنشاء قواعد ونمط تصميم متناسق.
  • 02 - 06: نظام الألوان
    مقدمة في نظرية الألوان وتطبيقها في تصميم واجهات المستخدم.
  • 02 - 07: بناء لوحة ألوان
    تصميم وتطبيق لوحة ألوان متناغمة.
  • 02 - 08: الأزرار الديناميكية باستخدام المتغيرات والتخطيط التلقائي
    بناء أزرار مرنة باستخدام أدوات Figma.

03. تصميم الشاشات والنماذج الأولية:

  • 03 - 01: بناء التصميمات المبدئية (Wireframes)
    تنظيم وتطوير التخطيطات الأولية.
  • 03 - 02: تصميم شريط تنقل بسيط ونظيف (Tab Bar)
    إنشاء شريط تنقل سهل الاستخدام وجذاب بصريًا.
  • 03 - 03: تصميم الشاشة الرئيسية
    أفضل الممارسات لتصميم واجهة الشاشة الرئيسية.
  • 03 - 04: تصميم النماذج التفاعلية
    إنشاء نماذج إدخال مريحة وسهلة الاستخدام.
  • 03 - 05: تصميم شاشة سلة التسوق
    تصميم واجهة سلة التسوق بطريقة بسيطة وفعّالة.
  • 03 - 06: تصميم شاشة "قائمتي"
    إنشاء واجهة مخصصة لقوائم المستخدمين.
  • 03 - 07: شاشة "تم تقديم طلبك الأول"
    تصميم شاشات تحتفل بتفاعل المستخدم مع التطبيق.
  • 03 - 08: مقدمة للنماذج الأولية في Figma
    إنشاء نماذج أولية تفاعلية لاختبار تجربة المستخدم.

04. تصميم الموقع الإلكتروني:

  • 04 - 01: البدء في تصميم الصفحة الرئيسية
    بناء الأساسيات للصفحة الرئيسية.
  • 04 - 02: متابعة تصميم الصفحة الرئيسية
    إضافة المزيد من التفاصيل والمكونات.
  • 04 - 03: تصميم صفحة سلة التسوق وقائمة المنتجات
    إنشاء واجهات متكاملة لعرض المنتجات وإدارتها.
  • 04 - 04: تصميم صفحة الملف الشخصي
    تصميم واجهة ملف شخصي تفاعلية وسهلة التصفح.
  • 04 - 05: تصميم صفحة تفاصيل المنتج
    عرض تفاصيل المنتج بطريقة جاذبة ومنظمة.

05. تحسين العمل وتقديم المشروع:

  • 05 - 01: الاختصارات
    نصائح لاستخدام اختصارات Figma لتوفير الوقت.
  • 05 - 02: كيفية تقديم مشروعك
    أساليب تقديم المشروع بشكل احترافي.
  • 05 - 03: بناء عرض تقديمي للمشروع
    خطوات إعداد عرض مرئي لعرض عملك.
  • 05 - 04: نشر دراسة الحالة الخاصة بك على Behance
    كيفية نشر أعمالك على منصات احترافية مثل Behance.
  • 05 - 05: نصائح مهمة
    نصائح ختامية لنجاحك في مجال تصميم واجهات المستخدم.

ملاحظات إضافية:
الدورة تشمل تمارين عملية ونصائح للبدء في تصميم واجهات المستخدم بشكل احترافي باستخدام Figma.

التعليقات (0)

0
0 مراجعات
جودة المحتوي (0)
مهارات المعلم (0)
قيمة الشراء (0)
جودة الدعم (0)

مراجعات (0)

جودة المحتوي
مهارات المعلم
قيمة الشراء
جودة الدعم

ابلاغ

يرجي وصف المشكلة بوضوح.

Share

Share class with your friends

Buy with points