الفئات: الفنون، التصميم والإعلام

التصميم
الشبكة الإلكترونية
الهدف 8: العمل اللائق ونمو الاقتصاد
الهدف 9: الصناعة والابتكار والهياكل الأساسية

تعلم Figma مثل المحترفين

مدة الدورة: 10 ساعة 5 دقيقة / 51 درس

مستوى: عام

اللغة: العربية

ماذا ستتعلم

  • تصمم مخططات تدفق المستخدم داخل التطبيق، وتحدد الإضافات Plugins وتنزيل أكثرهم أهمية؛ بالإضافة إلى تعلم الحصول على جميع التفاصيل الخاصة بالمكونات والمتغيرات.

  • تستخدم البرنامج من البداية، وتتعرف على كل أداة بالتفصيل وعلى حدة، وأهم الاختصارات التي ستعمل بها، وصولًا إلى حفظ المشروع حتى تتمكن من تسليمه للعميل بعد إنهاء التصميم.

  • تدرك الفرق بين الإطارات الشبكية منخفضة وعالية الدقة، وتستخدم النماذج الأولية وتصمم تأثيرات الشاشة؛ بالإضافة إلى الحصول على تدريب عملي وتصميم مشروع من الصفر.

هذه الدورة تتضمن

  • 10 ساعة 5 دقيقة/51 درس
  • آخر تحديث: 10/11/2022
  • 1 مرفقات
  • شهادة إتمام الدورة

محتوى الدورة

دروس مجانية

1.

تحميل وتجهيز فيجما

1 دقيقة
2.

الواجهة الاساسية لفيجما

1 دقيقة
3.

بداية العمل على فيجما

10 دقيقة
4.

التعامل مع الاشكال بداخل فيجما وخصائصها

25 دقيقة
5.

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

6 دقيقة
6.

اقتطاع الصور على وتيرة الاشكال "Masks"

4 دقيقة
1.

تحميل وتجهيز فيجما

1 دقيقة
2.

الواجهة الاساسية لفيجما

1 دقيقة
3.

بداية العمل على فيجما

10 دقيقة
4.

التعامل مع الاشكال بداخل فيجما وخصائصها

25 دقيقة
5.

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

6 دقيقة
6.

اقتطاع الصور على وتيرة الاشكال "Masks"

4 دقيقة
7.

معرفة اداة البن تول "Pen tool"

5 دقيقة
8.

محاذاة العناصر والأشكال بداخل فيجما

5 دقيقة
9.

كيفية التعامل مع الألوان بداخل البرنامج وحفظها

8 دقيقة
10.

الكتابة بداخل برنامج فيجما

12 دقيقة
11.

حفظ تنسيقات الكتابة

8 دقيقة
12.

العلامات الارشادية والمسافات التأمينية بداخل فيجما

10 دقيقة
13.

التعليقات بداخل فيجما والتفاعل مع الفريق

2 دقيقة
14.

كيفية عمل صفحات داخلية في البرنامج لتسهيل العمل

2 دقيقة
15.

كيفية حفظ المشروع واستخراج العناصر

2 دقيقة
16.

مشاركة المشروع والصفحات بداخل فيجما

3 دقيقة
17.

أداة التكبير المباشرة بداخل فيجما

2 دقيقة
18.

أداة التنسيق التلقائى "Auto layout"

18 دقيقة
19.

التعامل مع المحددات والقيود بداخل فيجما "Constraints"

8 دقيقة
20.

استكشاف مجتمع فيجما وتثبيت الاضافات "Plugins"

14 دقيقة
1.

ماهى المكونات بداخل فيجما "Components"

18 دقيقة
2.

المتغيرات "Variants" الجزء الأول

4 دقيقة
3.

المتغيرات "Variants" الجزء الثانى

13 دقيقة
4.

المتغيرات "Variants" الجزء الثالث

7 دقيقة
5.

المتغيرات "Variants and booleans"

16 دقيقة
1.

انشاء التفاعلات بين شاشات التصميم - الجزء الاول

22 دقيقة
2.

انشاء التفاعلات بين شاشات التصميم - الجزء الثانى

12 دقيقة
3.

انشاء التفاعلات بين شاشات التصميم - الجزء الثالث

5 دقيقة
1.

استكشاف القائمة العلوية المنسدلة فى فيجما

18 دقيقة
2.

تحميل الأليستريشنز من موقع الفرى بيك "Free Pik"

5 دقيقة
3.

أستخدام الجزء الخاص بال "Figjam" بداخل فيجما

11 دقيقة
1.

بداية استكشاف المتطلبات وبدء العمل على المشروع

2 دقيقة
2.

انشاء مسار المستخدم بشكل مبدئى بسيط

15 دقيقة
3.

انشاء مسار مستخدم بأستخدام ال "Figjam" والاشكال- الجزء الاول

11 دقيقة
4.

انشاء مسار مستخدم بأستخدام ال "Figjam" والاشكال- الجزء الثانى

15 دقيقة
1.

المسارات منخفضة الدقة - الجزء الاول

25 دقيقة
2.

المسارات منخفضة الدقة - الجزء الثانى

21 دقيقة
1.

تصميم الاطارات عالية الجودة - الجزء الاول

29 دقيقة
2.

تصميم الاطارات عالية الجودة - الجزء الثانى

23 دقيقة
3.

تصميم الاطارات عالية الجودة - الجزء الثالث

20 دقيقة
4.

تصميم الاطارات عالية الجودة - الجزء الرابع

26 دقيقة
5.

تصميم الاطارات عالية الجودة - الجزء الخامس

20 دقيقة
6.

تصميم الاطارات عالية الجودة - الجزء السادس

21 دقيقة
7.

تصميم الاطارات عالية الجودة - الجزء السابع

14 دقيقة
8.

تصميم الاطارات عالية الجودة - الجزء الثامن

6 دقيقة
9.

تصميم الاطارات عالية الجودة - الجزء التاسع

14 دقيقة
1.

التصميم النهائى للتطبيق - الجزء الاول

14 دقيقة
2.

التصميم النهائى للتطبيق - الجزء االثانى

16 دقيقة
3.

التصميم النهائى للتطبيق - الجزء الثالث

12 دقيقة
4.

التصميم النهائى للتطبيق - الجزء الرابع

3 دقيقة
5.

الانتهاء من تصميم التطبيق

مرفقات

عن الدورة

فيجما هو تطبيق ومحرر رسومات متجه وأداة النماذج الأولية التي تعتمد على الويب، مع ميزات إضافية غير متصلة بالإنترنت، حيث يتمتع بقدرات عالية على تحرير وتصميم واجهة المستخدم وتجربة المستخدم ويُمكنك استخدامه للقيام بأعمال التصميم الجرافيكي من مواقع الويب ذات الإطارات الشبكية، وتصميم واجهات تطبيقات الأجهزة المحمولة، والنماذج الأولية، وتصميمات وسائل التواصل الاجتماعي، وغيرهما. تتضمن هذه الدورة التدريبية جميع الأدوات الموجودة في البرنامج مع التدريب العملي على كل أداة على حدة؛ بالإضافة إلى تصميم مشروع من الصفر بداية من الفكرة وإعداد الأيقونات والصور، وصولًا إلى كيفية التعامل معها بأفضل طريقة ممكنة.

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

لا توجد متطلبات لهذه الدورة. كل ما تحتاجه لتحقيق أقصى فائدة من هذه الدورة هو اهتمامك بموضوع الدورة ورغبتك في التعلم.

عن الخبير

هل تحتاج مساعدة؟