تعلم فيجما في 75 دقيقة || كراش كورس فيجما مجاني || FREE Figma Crash Course
Vložit
- čas přidán 5. 07. 2024
- ازيك ياللي مفيش زيك؟ في الفيديو ده هاخدك معايا في جولة سريعة في عالم تصميم واجهات المستخدم باستخدام برنامج فيجما. هنتعلم إزاي نصمم لاندينج بيج او صفحة هبوط رايقة وجاهزة للتطوير في ٧٥ دقيقة بس!
هنبتدي بمقدمة قصيرة عن البرنامج وإمكانياته في تصميم الواجهات. هديك شوية نصائح عن تنظيم مشروعك وإزاي تبدأ عملية التصميم بشكل منظم وفعّال. بعد كده، هنتعلم إزاي نعمل العناصر الأساسية لواجهة المستخدم زي الأزرار والنصوص والصور والأيقونات باستخدام أدوات فيجماو الإضافات المفيدة الموجودة جووا الأداة دي. هنشوف إزاي نعدل وننسق العناصر علشان نوصل لتصميم مرئي شكله جميل ومتناسق. هنشرح كمان إزاي نعمل عناصر تفاعلية زي الروابط والأزرار المتحركة، ونضيف تأثيرات وظلال عشان نحسن شكل الواجهة.
لينك ملف التصميم:
drive.google.com/file/d/11eCk...
_____________________________________________________________
تقسيم الحلقة:
0:00 مقدمة
2:55 تعرف على البرنامج
5:40 تصميم الواجهة
1:14:50 أشوفك في الكورس الجاي 😄
_____________________________________________________________
شوف أكتر:
• كراش كورس فيجما
• مجال تصميم المواقع و ا...
مهم جداً لو بتبدأ في الجرافيك ديزاين!- • ازاي تختار مجال التصمي...
• PNG ولا JPG? دليل مفصل
_____________________________________________________________
تعالى نتكلم.. أنا ف كل مكان:
Instagram: / the_hassan_said
Linkedin: / hassan-said-m
Twitter: / the_hassan_said
Behance: www.behance.net/hassan-said
hassansaid.webflow.io - Jak na to + styl
شرح رائع جدددددددا صراحة، من صفر لحد ما تقدر تكرييت سبل ويبسايت، شكراااا جدا جدا ❤❤
أفضل كورس لفيجما صراحة رغم أني لم اشاهد أي كورس غيره لكن متأكد أنه لا يوجد مثيل بنفس المنفعة والبساطة في إيصال المعلومة، جزاك الله خيرا
جميل جدا اللهم بارك استمر واحنا معاك
عاش جدا ما شاء الله بالتوفيق والنجاح يارب
تسلم والله شرحك في منتهى الروعة
اتوقع نجاحك ان شاء الله شرح لذيذ وانتاج وفيديو بجوده محترمه
تستاهل المليون متابع 🎉❤❤❤
هو ليه مافيش غير مره واحده لايك❤
عايزه احط مليون لايك
انت اكتشاف رائع بصراحة
جزاك الله خيرا شرحك جميل جدا
استمر ماشاء الله ❤❤
حقيقى ماشاء الله عليك موهوب جدآ وبتوصل المعلومة من غير رغى فى الفاضى ربى يبارك فيك وجزاك الله خيرآ 🤲
بارك الله فيك التعلم بالمثال والتطبيق هو أحسن طريقة للتعلم أحسن من النظري فقط. 👌❤
بارع جداً
الشكر والتقدير والاحترام لك اخي الكريم
تعلمنا منك الكثير والكثير
جزاك الله خيرا على هذا الشرح
شرحك مميز جدا خصتا انى ديزانير زيك بالظبيط وجاى من خلفية فوتوشوب واليستريتور
رهيب استمر
جامد ❤❤
شرحك ممتاز جزاك الله خيراً
جزانا واياكم ❤️.. يارب تكون استفدت و استنى الجزء التاني 🤩
Allah yenwar ya handsa 🤩
جزاك الله خيرا
واياكم 🌹❤️
شكرا واتمنى تنزل فيديوهات اكثر .صراحه هذا الفيديوا تعلمت منه الكثير
العفو.. ان شاء الله الجزء التاني هينزل خلال اليومين الجايين ❤️🙌🏼
عاااااااااااااااااااااااااااااااااش مستنيين تكملة السلسلة
قريباً ان شاء الله ❤️
ربي ينفع بيك
اللهم اميين ❤️
يا أخي عظيم جدا، يا ريت دورة كاملة عن فيجما عشان شرحك مفهوم ولذيذ جدا، الله يوفقك ويسعدك 🙏
ان شاء الله نعمل كورس كامل.. في حالياً تكملة للكراش كورس ده جزئين هتلاقيهم على القناة لغاية ما نعمل حاجة مفصلة اكتر باذن الله 🙌🏼🌹
مشاء اللى ى هندسة اللة ينور
كنت حابب اعرف هيبقا فى مشاريع حقيقية حضرتك هتنزلها من اول دراسة المنافسين والبرسونا
اه باذن الله هنعمل مشاريع كاملة ❤️💪🏼
بجد عاش اوي فيديو مفيد و ممتع و شرح بسيط و سهل و مفيد انا عايز اقولك من كتر المتعه انا كان عندي مذاكره و سرحت مع الفيديو و خلصته و انا مش واخد بالي 😂😂❤️
لا بجد عاش عايزين فيديوهات من دي كتير بقى
حبيبي 😄.. هنرجع للمذاكرة طيب ولا ايه 😂😂
@@thehassansaid المذاكره ممله فيدوهاتك امتع 😂😂😂
@@3mrmohamed723 خلص بس مذاكرتك والفيديوهات موجوده 😆
@@thehassansaid بعيدا عن ان المذاكره مبتخلصش جملة ابويا المفضله بس هخلص و ارجع يكون في فيدوهات لفيجما تاني احسنلك 🔪😂😂😂
@@3mrmohamed723 خد المفاجأة بقا.. الجزء التالت كمان كام ساعة نازل 🔥.. إلحق ذاكرلك كلمتين بقا 😂❤
ما شاء الله عليك يا هندسة انا طبقت التصميم كامل لو فى طريقة ابعتهولك تبص عليه بصه لو فى ملاحظات اكون شاكر ليك جدا 🤍
حبيبي يا درش ❤️.. ممكن تبعتلي على الانستجرام
نريد مشاريع أكثر لتطبيقها معك من فضلك 🙏🙏🤩🤩
ان شاء الله ابشر ❤️ هنعمل حاجات كتير ان شاء الله
المايك اسمه ايه؟
لو سمحت انا عايزة ابدأ ف الويب ديزاين و مش عارفة ابدأ منين ممكن الفيديو دا يكون اول حاجة اشوفها؟
ايوة ان شاءالله.. الفيديو ده هيوضحلك اساسيات تصميم واجهة المستخدم بتاعت الويب
@@thehassansaid في انستجرام لو عايزة اسأل عن حاجة؟
دقيقة 9:47 وين كتبت الlogo مديطلع عندي يعني زر البحث الي كتبت بي logo شون طلعتة لان حاولت اكتب مباشرة مصار
Windows: Ctrl + ?
Mac: Command + ?
اختصار الـ Quick Actions
الجزءالثاني بليييز
الثاني والثالث كمان موجودين على القناة دلوقتي 🔥
@@thehassansaid لاقيتة. شكرا جدا
هل اللينك بيفتح معاكم ؟
هو بعد السلسلة دي اقدر اعمل بروجيكت متكامل؟
اه باذن الله هتتعلم كل المهارات اللي محتاجها في فيجما.. ولو مشيت مع الفيديو وطبقت اللي فيه هيبقا معاك تصميم لاندينج بيج بمقاسات مختلفة علشان يكون جاهز للتطوير 🙌🏼🫡
هو الفيديو ده بيشرح الجانب العملي انا من رايي تشوف قناه احمد سكماني بيشرح جانب نظري مفيد
يسعد دينك يا حسن يسعد دينك يا حسن شكرا الك عنجد انك مميز استمر
حبيبي يا صلاح ❤️❤️ يارب تكون استفدت 🙌🏼
انا فعلا كان عندي مشكلة في autolayout
يارب يكون الموضوع اوضح ❤️.. لو عندك اي اسئلة عرفني وان شاء الله اقدر اساعدك 😍
مرحبا انا اريد تعلم فيغما هل فيه شغل ؟؟
فيجما هي اداة للتصميم.. علشان تشتغل لازم تتعلم الاداة وتتعلم كمان اساسيات ومبادئ التصميم.. هتلاقي على القناة هنا فيديوهات بنتكلم فيها عن كل المواضيع دي.. ولو في حاجه حابب تسأل عنها اتفضل ❤️
الملف بتاع التصميم مش بيفتح معايا اقدر افتحة ازاي ؟
بتفتحه جوا فيجما.. هتروح في قائمة file وهتلاقي فيها الاوبشن
ممكن روابط للمواقع الايقونات ال 3D المجانية ؟
في مواقع كتير.. لكن ده من المفضلين بالنسبة لي..
3dicons.co
@@thehassansaid شكرا لحضرتك
انا عندي مشكله ان خاصيه change to بتكون عندي رماديه ومش بتشتغل
تقصد في اي جزئية؟
@@thehassansaid مش في اللي انت شرحته
انا مبتدئ في الui وكنت عاوز اعمل زرار واعمل هوفر ليه لقيت موجود في الشروحات من change to لكن لقيت change to عندي مقفوله بلون رمادي
حاجه تانيه ياريت تشرح موضوع الاسكرول الجانبي في الديسكتوب لانه مش مظبوط معايا وبشكل عام مش ظابت معايا القوايم
@@ahmedjoseph2001 علشان تعمل change to لازم الزرار بتاعك يبقا كومبونانت ليه نسختين على الأقل مختلفتين..
أتأكد ان الزرار معمول كمبونانت سيت (Component set) بالنسختين بتوعه هتشتغل معاك ان شاء الله..
ان شاء الله نتكلم عن الاسكرول حاضر في الفيديوهات الجاية 🙌
@@thehassansaid مظبوط فعلا تشكر
بس هو فيجما مفيهاش اداه بتخليك تعمل قوايم بتنسيق منظم اكتر وقدره على استنساخ الخانات زي الجريد والفليكس في css