شرح فيجما Figma في 25 دقيقة | تعلم تصميم واجهات المستخدم [ Figma Crash Course 2023 ]

تعلم فيجما وتصميم واجهات المستخدم في 25 دقيقة
في هذا الفيديو سنأخذك في رحلة سريعة وشيقة لاكتشاف عالم تصميم واجهات المستخدم باستخدام برنامج فيجما (Figma) الرائع. ستتعلم كيفية إنشاء وتصميم واجهات مستخدم مذهلة وجذابة في 25 دقيقة فقط!
سنبدأ بمقدمة قصيرة عن ما هو برنامج فيجما وما هي إمكانياته في تصميم الواجهات. سنقدم لك نصائح حول تنظيم مشروعك وبدء عملية التصميم بشكل منظم وفعال.
بعد ذلك، ستتعلم كيفية إنشاء العناصر الأساسية لواجهة المستخدم مثل الأزرار والنصوص والصور والأيقونات باستخدام أدوات فيجما المتعددة. سنستعرض كيفية تعديل وتنسيق هذه العناصر للحصول على تصميم مرئي رائع.
سنشرح أيضًا كيفية إنشاء عناصر تفاعلية مثل الروابط والأزرار المتحركة، وكيفية إضافة تأثيرات وظلال لتحسين مظهر الواجهة.
روابط مهمة:
رابط موقع فيجما :
www.figma.com/
رابط ملف تطبيق التوصيل المستخدم في التطبيق العملي :
www.figma.com/community/file/...
رابط ملف الايكونات :
www.figma.com/community/file/...
محتوي الفيديو:
00:00 مقدمة كورس شرح فيجما في 25 دقيقة
00:21 مميزات فيجما
00:55 موقع فيجما وواجهة المستخدم بعد التسجيل
01:55 شرح مصادر فيجما وطريقة التطبيق العملي
02:46 شرح واجهة فيجما بالتفصيل
07:00 شرح الفريم وطريقة عمل صفحة جديدة
09:55 شرح أداة الأشكال وعمل خلفية للصفحة
12:35 شرح طريقة عمل Corner radius
13:57 شرح طريقة عمل دائرة بأداة الأشكال
17:03 شرح طريقة إضافة ايكونات
18:26 شرح أداة الكتابة وطريقة الكتابة على الفريم
21:12 طريقة تصميم زر Button UI في فيجما
23:35 خاتمة فيديو شرح فيجما في 25 دقيقة
شاهد أيضا :
-كورس تعلم البرمجة بلغة ال ++C في حوالي ساعتين مع التطبيق العملي :
• تعلم البرمجة بلغة ++C ...
الكورس يغطي الجانب الأساسي من لغة السي بلس بلس ويغطي أيضا الجانب العملي بحل العديد من المشاكل البرمجية لإيصال المعلومات بشكل واضح
-تعلم أساسيات البرمجة للأطفال [ برمجة الألعاب بسكراتش ]
• تعلم أساسيات البرمجة ل...
-شهادات معتمدة من جوجل - كيف تحصل عليهم (طريقة الدعم المالي من منصة كورسيرا للحصول علي الكورسات مجانا والبرامج)
• شهادات معتمدة من جوجل ...
-حجب المواقع الإباحية من الكمبيوتر نهائي وطريقة التحكم في إعدادات الوايفاي بشكل شامل
• Video
-تعمل ايه في 4 سنين كلية حاسبات ومعلومات ؟ [ ازاي تستغلهم صح ؟ ]
• تعمل ايه في 4 سنين كلي...
-الشهادات المهنية من جوجل - تجربتي في الحصول عليها (Google Professional Career Certificates)
• الشهادات المهنية من جو...
-ازاي تأخد بكالوريوس Computer Science وأنت قاعد في البيت ؟
• ازاي تأخد بكالوريوس Co...
-تعلم البرمجة - دليل شامل للمسارات (من أين تبدأ تعلم البرمجة؟)
• تعلم البرمجة - دليل شا...
-كيف تحصل علي شهادة معتمدة من جامعة هارفارد في علوم الحاسوب ؟
• كيف تحصل علي شهادة معت...
لا تنسوا بمتابعتنا علي مواقع التواصل الإجتماعي :
فيسبوك : / hafedktechofficial
تويتر : / hafedktech
إنستجرام : / hafedktechofficial
الموقع الرسمي : www.hafedktech.com
قناة التليجرام الرسمية : www.t.me/HafedktechOfficial
للتواصل للأعمال أو الإستفسارات : [e-mail]
هفيدك تك | مجتمع تقني متكامل

[@sarahbluwi2686]

ياخي مره شكرا على الشرح البسيط والواضح keep up

[@maharadmanal-bajali4238]

بارك الله في جهودك ، الشرح واضح وبسيط والأجمل انه بالتطبيق مباشرة

[@amr-abd-alhameed]

بارك الله فيك ، جزاك الله خيرا

[@user-rv3kq6hj9m]

تسلم يغالى شرح مبسط

[@wma01122]

جزاك الله خير الجزاء و ربنا يوفقك يا رب ❤

[@hishamls]

جزاك الله خيراً

[@saharmahmoud3548]

جزاك الله كل خير

[@I.Saylor]

رهيييب الله يعطيك العافية

[@user-wq9tb8tu4e]

استفدت جدا ومكمله بالتعلم جزاك الله خير

[@user-gw4im8bp4r]

شكرا الله يوفقك ماقصرت

[@blue-go4gr]

شرح جميل جدا وطريقة رائعة للتعلم شكرا جزيلا

[@user-yp4jm7uf3g]

ماشاءالله شرحك مميز مره واضح ومبسط
نتمنى تكمل سلسلة شرح figma
نحن في انتظار

[@androiddi]

بارك الله فيك

[@centuryvideos8280]

ممتاز ، بارك الله فيك

[@be-with-allah1389]

شرح حضرتك اكتر من ممتاز

[@kinazsw8802]

ماشاء الله شرح سلس ورائع .. أتمنى المواصلة بسلسة كاملة

[@adamarheel1839]

الله يسعدك زي ما أسعتني

[@user-sq3ig2ww2s]

شرح رائع بارك الله فيك ياريت تستمر هالسلسلة المفيدة

[@duuuuda5108]

الله يجازيك بالخير

[@wefaqbakkar1231]

شكرا جدا

[@shinenono1093]

الله يسعدك

[@putin9679]

الف شكر لك افضل شرح قد شفته

[@user-jx9eu8ix8d]

أستمر ف فيديواتك تصميم واجهات المستخدم , جزاك الله خير

[@Zakariabajbouj]

ممتاز شكرا

[@sehamalotaibi1360]

جزاك الله خير شرحك جميل

[@karimamirosabry5906]

عظيم

[@INFO.CHANEL]

اسلوبك ممتاز
شكرا جزيلا
محتاجين سلاسل فيديوهات منك الله يوفقك

[@ahmedsaid-ud9hk]

روعة

[@mohammadal-ashqar9589]

شرجك سلس وبسيط وبتزصل المعلومة علطول
استفدت جدا ربنا يجزيك خير
يا ريت تعمل كورس

[@AkramNotes]

رجاء واصل هذه السلسلة واعمل كورس صغير للمبتدئين، لأنو شرحك مميز ورائع

[@ArbiaKhiari-nx2hu]

ربي يباركلك

[@yazidsefsaf7063]

شكرا

[@KholoudYoussif]

الشرح جميل جدا ياريت باقي الكورس شكرا بجد

[@NNLA-tn3bx]

تسلم ايدك يا باشمهندس

[@wy8385]

Thanks a lot

[@rawan9018]

حقيقي احلي يوتيوبر سمعته في المجال ده شرح بسيط وسهل ومفيد

[@AhmedFathy-en2pw]

اتمنى انك تكمل شرح لان طريقة شرحك سلسة والمحتوى مفيد جدا

[@ZainDesign-sj9ne]

سيد من شرح فيجمااا
بشرفك كمل
💪

[@Mohammad-sd3yy]

Thanks bro

[@larbibennani6656]

good job

[@fbfan11]

استمر علي نفس السلسله رجاء❤❤

[@mazen.android]

يستاهل 100000000000Like

[@mirna_hanna_1]

شرحك ما شاء الله حلو جدا ياريت تكمل ف السلسة و باذن الله هتكون من اقوي البلاي ليست المتاحة لتعليم فيجما.. منتظرين 🤍

[@YousufSalamaa]

شرح كافي ووافي الله يبارك لك لخصت عليا كتير🙂❤️‍🩹❤️‍🩹

[@hooody2030]

امانة ضمييييييييييييييييييييييييييييييييييير وحوا تحتها مليون خ الصراحة مفيش محتوى شوفته لحد الان شرح كدا الاغلب بيشرح فيجما وخلاص لدرجة انه اللي بيتعلمه بيبقا مش عارف يعمل ايه اما انت مختلف جدا ف ارجوك كمل 🥰

[@omaryossef4508]

أسلوب جميل سهل سلس❤
عاوزين كمان فيديو😂

[@hajer_translations5681]

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

[@nareenahmad4187]

ياريت كمان فيديوهات

[@user-mg6ow6iu1d]

woow I ilke it🥰

[@abdelrahmanmohamad4379]

شرحلك الله ينور عليك والله ياريت لو يبقي في سلسله❤

[@HafedktechOfficial]

ان شاء الله هكمل السلسلة

[@computerscience5]

بشمهندس
جزاك الله كل خير
بصراحه شرحك رائع
بس فى سؤال ضرورى
اا دلوقتى بعد ما صممت التصميم على figma عايز احول التصميم دا ال Xaml اعمل ايه
عشان ابدا اشغله على ال
.net maui ؟

[@abderrahimboulmass8147]

HI BROTHER I WOULD LIKE TO THANK YOU ABOUT THIS HELPFULL LESSONS YOU HELP A LOT TO LEARN SOME TIPS CAN HELP ME IN MY CAREER

[@user-lb1cb3np8j]

please, complete the course

[@k.m.bawajeeh]

هل لما تصمم على برنامج فيجما مثل تماما لما تصمم من الموقع وايهما افضل
وكيف اقدر اضيف ايقونات انا صممتها او صور من عندي من الجهاز

[@omargumari8674]

يا ريت لو حضرتك عملتنا كورس كامل في فيغما ، نصف ساعة غير كافية بالمرة ، تحياتي لحضرتك من الجزائر

[@HafedktechOfficial]

إن شاء الله هنحاول الفترة الجاية نكمل سلسلة فيجما وشكرا لدعمك وتحياتنا لكل أهل الجزائر الكرام

[@77u14]

ممتاز مافهمت الا منك الحقيقه لانك تشرح الادوات الي يحتاجها المبتدىء فقط عشان يبدأ ماهو كل ادوات البرنامج

[@user-qq2pt5rb4g]

طيب ياباشا عاوز اعمل تصميم صفحات للبحث اذا فيه شرح وبخلي البحث في فيقما

[@nadiasalama3796]

ممكن رابط تحميل فيجما

[@blackhorse9027]

هل دا ينفع للاندرويد وازاي

[@HafedktechOfficial]

لا يمكن استخدامه على الاندرويد , يمكنك فقط تجريب التصميم النهائي على جهازك الاندرويد باستخدام تطبيق فيجما

[@thesniper2014]

هل استطيع اربط الازرار او برمجتها مع ال html and js

[@HafedktechOfficial]

يمكنك ربط الازرار عبر استخدام ال Prototyping لكن كبرمجة يمكن استخراج التصميم في النهاية وبرمجته بشكل منفرد على اي بيئة تطوير