شرح فيجما 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
للتواصل للأعمال أو الإستفسارات : Contact@Hafedk.Org
هفيدك تك | مجتمع تقني متكامل
Пікірлер: 70
تم نشر الفيديو الثالث من سلسلة تعلم فيجما بالتطبيق العملي kzread.info/dash/bejne/iY2FysGQo6bLcso.html رابط قائمة التشغيل الخاصة بالسلسلة: kzread.info/head/PL_kUZz_5GV58APr1xRJNP4zRZ1uNk4Ke1
شرح مبسط شكرا جزيلا ومستمر لباقى السلسلة بإذن الله
ياخي مره شكرا على الشرح البسيط والواضح keep up
ماشاءالله شرحك مميز مره واضح ومبسط نتمنى تكمل سلسلة شرح figma نحن في انتظار
بارك الله في جهودك ، الشرح واضح وبسيط والأجمل انه بالتطبيق مباشرة
شرح ممتاز الله يعطيك الف عافية
جزاك الله خير الجزاء و ربنا يوفقك يا رب ❤
ماشاء الله شرح سلس ورائع .. أتمنى المواصلة بسلسة كاملة
بارك الله فيك ، جزاك الله خيرا
تسلم يغالى شرح مبسط
شرح جميل جدا وطريقة رائعة للتعلم شكرا جزيلا
رهيييب الله يعطيك العافية
جزاك الله كل خير
شرجك سلس وبسيط وبتزصل المعلومة علطول استفدت جدا ربنا يجزيك خير يا ريت تعمل كورس
جزاك الله خيراً
شرح رائع بارك الله فيك ياريت تستمر هالسلسلة المفيدة
استفدت جدا ومكمله بالتعلم جزاك الله خير
شكرا الله يوفقك ماقصرت
ممتاز ، بارك الله فيك
بارك الله فيك
الف شكر لك افضل شرح قد شفته
اسلوبك ممتاز شكرا جزيلا محتاجين سلاسل فيديوهات منك الله يوفقك
الله يسعدك زي ما أسعتني
اتمنى انك تكمل شرح لان طريقة شرحك سلسة والمحتوى مفيد جدا
جزاك الله خير شرحك جميل
شرح حضرتك اكتر من ممتاز
شكرا جدا
الله يجازيك بالخير
الله يسعدك
ممتاز شكرا
شرحك ما شاء الله حلو جدا ياريت تكمل ف السلسة و باذن الله هتكون من اقوي البلاي ليست المتاحة لتعليم فيجما.. منتظرين 🤍
عظيم
حقيقي احلي يوتيوبر سمعته في المجال ده شرح بسيط وسهل ومفيد
شرح ممتاز
الشرح جميل جدا ياريت باقي الكورس شكرا بجد
روعة
شكرا
ربي يباركلك
تسلم ايدك يا باشمهندس
شرح كافي ووافي الله يبارك لك لخصت عليا كتير🙂❤️🩹❤️🩹
سيد من شرح فيجمااا بشرفك كمل 💪
استمر علي نفس السلسله رجاء❤❤
Thanks a lot
شكرا على الشرح المبسط الجميل، اذا ممكن تطبيقات أكثر من هذا النوع لأني مبتدئة وعجبني التطبيق كبداية ، اذا ممكن نرجع نطبق باقي الصفحات مع بعض
يستاهل 100000000000Like
Thanks bro
good job
امانة ضمييييييييييييييييييييييييييييييييييير وحوا تحتها مليون خ الصراحة مفيش محتوى شوفته لحد الان شرح كدا الاغلب بيشرح فيجما وخلاص لدرجة انه اللي بيتعلمه بيبقا مش عارف يعمل ايه اما انت مختلف جدا ف ارجوك كمل 🥰
@omaryossef4508
4 ай бұрын
أسلوب جميل سهل سلس❤ عاوزين كمان فيديو😂
رجاء واصل هذه السلسلة واعمل كورس صغير للمبتدئين، لأنو شرحك مميز ورائع
ياريت كمان فيديوهات
شرحلك الله ينور عليك والله ياريت لو يبقي في سلسله❤
@HafedktechOfficial
4 ай бұрын
ان شاء الله هكمل السلسلة
بشمهندس جزاك الله كل خير بصراحه شرحك رائع بس فى سؤال ضرورى اا دلوقتى بعد ما صممت التصميم على figma عايز احول التصميم دا ال Xaml اعمل ايه عشان ابدا اشغله على ال .net maui ؟
woow I ilke it🥰
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
هل لما تصمم على برنامج فيجما مثل تماما لما تصمم من الموقع وايهما افضل وكيف اقدر اضيف ايقونات انا صممتها او صور من عندي من الجهاز
please, complete the course
طيب ياباشا عاوز اعمل تصميم صفحات للبحث اذا فيه شرح وبخلي البحث في فيقما
ممتاز مافهمت الا منك الحقيقه لانك تشرح الادوات الي يحتاجها المبتدىء فقط عشان يبدأ ماهو كل ادوات البرنامج
يا ريت لو حضرتك عملتنا كورس كامل في فيغما ، نصف ساعة غير كافية بالمرة ، تحياتي لحضرتك من الجزائر
@HafedktechOfficial
11 ай бұрын
إن شاء الله هنحاول الفترة الجاية نكمل سلسلة فيجما وشكرا لدعمك وتحياتنا لكل أهل الجزائر الكرام
ممكن رابط تحميل فيجما
هل دا ينفع للاندرويد وازاي
@HafedktechOfficial
9 ай бұрын
لا يمكن استخدامه على الاندرويد , يمكنك فقط تجريب التصميم النهائي على جهازك الاندرويد باستخدام تطبيق فيجما
هل استطيع اربط الازرار او برمجتها مع ال html and js
@HafedktechOfficial
8 ай бұрын
يمكنك ربط الازرار عبر استخدام ال Prototyping لكن كبرمجة يمكن استخراج التصميم في النهاية وبرمجته بشكل منفرد على اي بيئة تطوير
Egyptians are the indians of arabs 😂💓
الشرح جميل جدا لكن الموقع مش مجانا لازم اشتراك
@HafedktechOfficial
12 күн бұрын
الموقع مجاني , اثناء عمل حساب جديد اختار الخطة المجانية وستحصل على كل المميزات المشروحة بطريقة عادية الخطط المدفوعة المبتدأ لن يحتاج اليها