تصميم واجهة وتجربة المستخدم UX/UI باستخدام فيغما
احترف تصميم تجربة المستخدم وتصميم واجهات التطبيقات
8 ساعة و12 دقيقة40 درس4 قسم
ماذا ستتعلم؟
- فهم الفرق بين UX وUI
- تعلم مبادئ التفكير التصميمي
- استخدام أداة فيغما لتصميم الواجهات
- تنفيذ مشروع عملي شامل باستخدام فيغما
- تصميم تجربة مستخدم متميزة
- تحليل تجربة المستخدم وتطويرها
عن الدورة
فيغما هي أداة تصميم واجهات المستخدم وتطبيقات الويب والجوال والرسوم البيانية التفاعلية. يتضمن الكورس شرحًا لكيفية استخدام فيغما لتصميم واجهات المستخدم والتعامل مع مختلف عناصر التصميم مثل الأزرار والحقول والمربعات والصور والرسومات والنصوص. يستهدف هذا الكورس المصممين والمطورين والأشخاص الذين يرغبون في تعلم كيفية استخدام فيغما بشكل فعال في عملهم اليومي.
نتائج متوقعة من الدورة
- إتقان استخدام فيغما لتصميم واجهات وتجارب المستخدم.
- تحليل وتحسين تجربة المستخدم بناءً على البيانات.
- إنشاء تصاميم احترافية والتعامل مع الألوان والخطوط والصور.
- إعداد نماذج تصميمية عالية الجودة ومشاركتها مع الفريق.
محتوى الدورة
1مبادئ تصميم الـ UI/UX
18 درس
- مقدمة الكورس6:27
- الفرق بين تصميم تجربة المستخدم وواجهات المستخدم UX vs UI9:25
- ما هي تجربة المتخدم ودراسة الحالة؟8:45
- ما هو البحث في تجربة المستخدم؟7:41
- تحليل تجربة المستخدم UX Analysis5:45
- ما هو مسار المستخدم UX User Flow11:32
- التفكير التصميمي UX Design Thinking11:36
- مقدمة الى واجهات المستخدم Intro to UI6:13
- المبدأ الأول والثاني من واجهات المستخدم8:19
- المبدأ الثالث والرابع من واجهات المستخدم9:32
- الشاشات الاكثر استخداما في التصمبم7:23
- الفرق بين أنظمة التشغيل Android vs IOS13:10
- ما هي الدائرة اللونية7:00
- معاني ومدلولات الألوان7:18
- مواقع خاصة بالألوان14:33
- أنواع الخطوط ودلالاتها Fonts in UX_UI16:07
- أشهر المواقع للمصممين9:30
- الفرق بين امتدادات الصور4:56
2استخدام فيجما Figma
11 درس
- تنزيل البرامج والأدوات اللازمة ومقدمة لبرنامج Figma13:30
- صفحة العمل والعناصر الاساسية في فيجما Art Board in Figma13:30
- الأشكال الهندسية في فيجما Shapes in Figma17:30
- الخطوط وخصائص الخط Text in Figma14:38
- الألوان والصور في فيجما Colors and Images21:15
- الفرق بين ادوات تجميع العناصر Group vs Frame14:41
- العناصر المحفوظة وتسهيل العمل في فيجما Components18:17
- المحاذاة وجعل التصميم مستجيب Layout and Responsive Design14:11
- إنشاء الترابط بين الشاشات (الجزء الأول)20:27
- إنشاء الترابط بين الشاشات (الجزء الثانى)8:22
- مشاركة وتصدير الملف في فيجما Share and Export17:53
3مشروع متكامل من الألف إلى الياء باستخدام فيجما Figma Project
8 درس
- تحديد أهداف وأفكار المشروع النهائي13:16
- مسار المستخدم و السكتش و النموذج الخاص بالمشروع (الجزء الأول)11:56
- مسار المستخدم و السكتش و النموذج الخاص بالمشروع (الجزء الثانى)25:57
- مسار المستخدم و السكتش و النموذج الخاص بالمشروع (الجزء الثالث)15:58
- الانتهاء من التصميم مع رفع التصميم على بيهانس (الجزء الأول)28:27
- الانتهاء من التصميم مع رفع التصميم على بيهانس (الجزء الثانى)19:37
- الانتهاء من التصميم مع رفع التصميم على بيهانس (الجزء الثالث)17:55
- الانتهاء من التصميم مع رفع التصميم على بيهانس (الجزء الرابع)20:25
4الملحقات
3 ملحقات
- تحميل كتاب العمل
- مواقع هامة لاغنى عتها لأى مصمم
- تحميل ملف التصميم النهائى
المحاضر
أ/ضياء أحمد
5,146 متعلم1 دورة
