هل تسعى للتعمق في عالم تصميم الواجهات وتجربة المستخدم؟ إذا كانت الإجابة نعم، فإن فيديونا هذا هو المكان المناسب لك. نرحب بك في رحلة ممتعة وتعليمية حيث سنستكشف أساسيات وأفضل الممارسات لربط التصاميم وإنشاء عناصر وتصاميم مبدئية باستخدام أحد أقوى أدوات الواجهات ، وهو Figma.
في هذا الفيديو، سنبدأ بفهم أهمية تصميم النماذج والهياكل الأولية، وكيف يمكنها تحسين عملية التصميم وتسهيل التواصل مع الفريق. سنتعلم كيفية إنشاء wireframes بسيطة وعملية باستخدام Figma لرؤية الهيكل العام لتصميمنا.
ثم، سنتحدث عن إنشاء العناصر والمكونات التي تسهم في بناء تصاميم غنية وجذابة. سنستعرض كيفية استخدام مكتبة المكونات في Figma لإنشاء مكونات مخصصة وإعادة استخدامها في تصاميمك، مما يوفر وقتك ويجعل عملية التحسين أكثر سلاسة.
وبالطبع، لن ننسى الجزء الممتع والمهم جدًا: البروتوتايبنغ. سنتعلم كيفية إنشاء تفاعلات ديناميكية بين الشاشات المختلفة باستخدام Figma، مما يمنحك نظرة واقعية على كيفية تفاعل المستخدم مع تصميمك.
هذا هو الفيديو الثاني من سلسلة تعلم فيجما على قناة هفيدك تك
روابط تم ذكرها في الفيديو :
رابط ملف الفيجما :
www.figma.com/file/V0JxkMIPqJ...
رابط ايكونات الفيجما :
www.figma.com/community/file/...
الفيديو الأول من سلسلة تعلم فيجما :
شرح فيجما Figma في 25 دقيقة | تعلم تصميم واجهات المستخدم [ Figma Crash Course 2023 ]
• شرح فيجما Figma في 25 ...
محتوي الفيديو :
00:00 المقدمة
00:18 تعريف ال Wireframe او التصميم المبدئي
01:21 تعريف ال Prototyping وطريقة ربط التصاميم ببعضها
02:30 تعريف ال Components او المكونات و العناصر في فيجما
03:12 طريقة عمل المكونات و العناصر في فيجما - Components in figma
08:15 طريقة عمل ال Wireframe او التصميم المبدئي
12:25 طريقة عمل ال Vertical Scroll Interaction - تفاعل التمرير الرأسي
13:55 طريقة عمل ال Horizontal Scroll Interaction - تفاعل التمرير الأفقي
15:56 تصميم ال Wireframe الخاص بال Message Page
18:09 طريقة عمل on tap navigation to interaction في فيجما
18:45 ما هو ال Flow 1 في ال Prototyping
19:46 ال Animations في ال on tap navigation to interaction
21:00 طريقة عمل ال open overlay interaction في فيجما
24:00 النهاية
شاهد أيضا :
-كورس تعلم البرمجة بلغة ال ++C في حوالي ساعتين مع التطبيق العملي :
• تعلم البرمجة بلغة ++C ...
الكورس يغطي الجانب الأساسي من لغة السي بلس بلس ويغطي أيضا الجانب العملي بحل العديد من المشاكل البرمجية لإيصال المعلومات بشكل واضح
-شرح فيجما Figma في 25 دقيقة | تعلم تصميم واجهات المستخدم [ Figma Crash Course 2023 ]
• شرح فيجما Figma في 25 ...
-شهادات معتمدة من جوجل - كيف تحصل عليهم (طريقة الدعم المالي من منصة كورسيرا للحصول علي الكورسات مجانا والبرامج)
• شهادات معتمدة من جوجل ...
-الشهادات المهنية من جوجل - تجربتي في الحصول عليها (Google Professional Career Certificates)
• الشهادات المهنية من جو...
-تعمل ايه في 4 سنين كلية حاسبات ومعلومات ؟ [ ازاي تستغلهم صح ؟ ]
• تعمل ايه في 4 سنين كلي...
شاهد أيضا فيديوهات مختلفة من هفيدك تك لتعلم المونتاج ببرامج مختلفة:
- شرح برنامج كاب كات Capcut كامل | تعلم المونتاج [ أسهل برامج المونتاج Capcut ]
• شرح برنامج كاب كات Cap...
- شرح دافينشي ريزولف 18.5 | تعلم المونتاج في 30 دقيقة [ أقوي برامج المونتاج DaVinci Resolve ]
• شرح دافينشي ريزولف 18....
- تعلم المونتاج بأسهل برنامج مونتاج مجاني HitFilm Express في 20 دقيقة
• تعلم المونتاج بأسهل بر...
- تعلم المونتاج ببرنامج كامتازيا في 20 دقيقة - Camtasia 2018
• تعلم المونتاج ببرنامج ...
- تعلم فيلمورا Filmora في 15 دقيقة أسهل برامج المونتاج
• تعلم فيلمورا Filmora ف...
- تعلم المونتاج ببرنامج Adobe Premiere CC 2017 في 30 دقيقة
• تعلم المونتاج ببرنامج ...
لا تنسوا بمتابعتنا علي مواقع التواصل الإجتماعي :
فيسبوك : / hafedktechofficial
تويتر : / hafedktech
إنستجرام : / hafedktechofficial
الموقع الرسمي : www.hafedktech.com
قناة التليجرام الرسمية : www.t.me/HafedktechOfficial
للتواصل للأعمال أو الإستفسارات : Contact@Hafedk.Org
هفيدك تك | مجتمع تقني متكامل