شرح فيجما 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]
هفيدك تك | مجتمع تقني متكامل

[@HafedktechOfficial]

تم نشر الفيديو الثالث من سلسلة تعلم فيجما بالتطبيق العملي
ruclips.net/video/WYQh_WsCeBg/видео.html
رابط قائمة التشغيل الخاصة بالسلسلة:
ruclips.net/p/PL_kUZz_5GV58APr1xRJNP4zRZ1uNk4Ke1

[@user_ahfvppkjb]

شرح مبسط شكرا جزيلا ومستمر لباقى السلسلة بإذن الله

[@ashrafalpop5604]

شرح ممتاز

[@sarahbluwi2686]

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

[@maharadmanal-bajali4238]

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

[@user-yp4jm7uf3g]

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

[@kinazsw8802]

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

[@user-rv3kq6hj9m]

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

[@wma01122]

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

[@amr-abd-alhameed]

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

[@user-wq9tb8tu4e]

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

[@blue-go4gr]

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

[@INFO.CHANEL]

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

[@mohammadal-ashqar9589]

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

[@user-sq3ig2ww2s]

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

[@I.Saylor]

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

[@hishamls]

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

[@centuryvideos8280]

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

[@be-with-allah1389]

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

[@saharmahmoud3548]

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

[@user-gw4im8bp4r]

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

[@androiddi]

بارك الله فيك

[@adamarheel1839]

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

[@putin9679]

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

[@duuuuda5108]

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

[@shinenono1093]

الله يسعدك

[@AhmedFathy-en2pw]

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

[@karimamirosabry5906]

عظيم

[@sehamalotaibi1360]

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

[@KholoudYoussif]

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

[@ahmedsaid-ud9hk]

روعة

[@rawan9018]

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

[@hooody2030]

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

[@omaryossef4508]

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

[@NNLA-tn3bx]

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

[@Zakariabajbouj]

ممتاز شكرا

[@mirna_hanna_1]

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

[@wefaqbakkar1231]

شكرا جدا

[@ArbiaKhiari-nx2hu]

ربي يباركلك

[@YousufStudi0o]

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

[@ZainDesign-sj9ne]

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

[@yazidsefsaf7063]

شكرا

[@hajer_translations5681]

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

[@fbfan11]

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

[@wy8385]

Thanks a lot

[@computerscience5]

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

[@larbibennani6656]

good job

[@Mohammad-sd3yy]

Thanks bro

[@mazen.android]

يستاهل 100000000000Like

[@nareenahmad4187]

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

[@k.m.bawajeeh]

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

[@user-mg6ow6iu1d]

woow I ilke it🥰

[@abdelrahmanmohamad4379]

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

[@HafedktechOfficial]

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

[@AkramNotes]

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

[@user-qq2pt5rb4g]

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

[@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

[@omargumari8674]

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

[@HafedktechOfficial]

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

[@77u14]

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

[@nadiasalama3796]

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

[@blackhorse9027]

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

[@HafedktechOfficial]

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

[@Ackmipro]

Egyptians are the indians of arabs 😂💓

[@thesniper2014]

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

[@HafedktechOfficial]

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

[@naderbadr3373]

الشرح جميل جدا لكن الموقع مش مجانا لازم اشتراك

[@HafedktechOfficial]

الموقع مجاني , اثناء عمل حساب جديد اختار الخطة المجانية وستحصل على كل المميزات المشروحة بطريقة عادية الخطط المدفوعة المبتدأ لن يحتاج اليها