Figma - UI Design

5000 دج
7:00 سا
747
تصميم

Figma - UI Design

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

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

وصف الدورة:
تقدّم هذه الدورة مقدمة شاملة لتصميم واجهات المستخدم (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