No video

طريقة جعل العناصر متجاوبة داخل فيجما | مشروع بناء تصميم متجاوب

  Рет қаралды 5,698

Ahmad Sekmani

Ahmad Sekmani

Күн бұрын

لنبدأ من أول مشروع من ملحق دورة تصميم واجهات الاستخدام عبر Figma، هذا المشروع مكون من ثلاث فيديوهات، سيكون التركيز ضمنها على كيفية تحويل أي تصميم ليصبح متجاوب بشكل كامل حتى لو كان عبارة عن تصميم ويب لصفحة كبيرة نسبياً.
ضمن الجزء الأول من هذه السلسلة سوف أعمل على تحويل العناصر الداخل التصميم لتصبح متجاوبة عبر استخدام خواص Auto Layout و Constraints بحيث نتمكن من تحويل تصميم الصفحة ليصبح متجاوب بشكل كامل.
هذا المشروع هو جزء من دورة تصميم واجهات الاستخدام عبر Figma
bit.ly/3OSdxK9
يمكنك تحميل ملف المشروع عبر الرابط التالي:
www.figma.com/...
********************************
دوراتي
دورة الدليل الشامل لاستخدام Webflow في تطوير المواقع
bit.ly/3Efxp3J
أسس التصميم المرئي Visual Design
bit.ly/3Y9s9ah
دورة دليل استخدام Adobe XD: من البداية إلى الاحتراف
bit.ly/3AAtprT
********************************
موقعي الشخصي وحساباتي
My Website: www.asekmani.com
Twitter: / ahmadmsekmani
Instagram: / ahmadmsekmani
Linkedin: / ahmadmsekmani
Facebook: / ahmadmsekmani
Behance: www.behance.ne...
Dribbble: dribbble.com/A...
********************************
#figma

Пікірлер: 21
@fatma8506
@fatma8506 6 ай бұрын
القناة دى كنز شكرا على الشرح الممتاز
@morrigansama146
@morrigansama146 Жыл бұрын
سلسلة مفيده ورائعة كنت فانتظارها بشدة 🤩
@00xm7md
@00xm7md Жыл бұрын
جميييل 🤍
@ahmada5317
@ahmada5317 Жыл бұрын
درس جميل جدا ❤❤❤ 16:44
@AhmadMSekmani
@AhmadMSekmani Жыл бұрын
شكرا لك ❤
@itachiuchiha1real
@itachiuchiha1real Жыл бұрын
شكراا❤
@AhmadMSekmani
@AhmadMSekmani Жыл бұрын
العفو ❤
@md-game783
@md-game783 11 ай бұрын
يعنى لو انا عندى ابلكيشن فية كذا صفحة هقعد اعمل كل صفحه بكذا فريم ولا فى طريقة اسهل
@wafaalsabri556
@wafaalsabri556 7 ай бұрын
شكرا لك ولكن الاضافة هل يوجد لها بديل مجانيه ؟
@HLL1987
@HLL1987 Жыл бұрын
🎉❤
@reemayaseen8436
@reemayaseen8436 Жыл бұрын
أنا مبسوطة جدا انك شفت تعليقي من شوي ، وبما إنك بتابع التعليقات عندي سؤال ، انا بتعلم الريبونسيف يشكل خاص رغم اني اخدت دورات كتير متقدمة ، لكن حسبت اني بديت افهمو بس منك رغم اني حضرت كتير ، بس الان سؤال لما بدي احول الموقع لريسبونسيف لازم اعمل كل الواجهات تبعت الموقع بهاي الطريقة ، عشان اخلي مستجيب عكل الأجهزة ؟ السؤال أكثر عمقا ، انا شايفه الموضوع نوعا ما معقد ولا مع الممارسة و التدريب بصير الموضوع سهل وما بياخد وق
@AhmadMSekmani
@AhmadMSekmani Жыл бұрын
اي صفحة ويب حالياً لازم تكون متجاوبة، هذا الموضوع يكون بالتعاون ما بين المطور والمصمم، بالنسبة للمصمم يجب أن يقدم تصاميم بأكثر من مقاس لنفس الصفحة او على الأقل مقاسين سطح مكتب و هاتف، يعني مقاس كبير وصغير للتصميم، حتى يصبح شكل التصميم ككل واضح للمطور، بعدها المطور يعمل على هذه التصاميم ويحولها حتى تصبح صفحة مكونة نهائية تعمل على كل الشاشات بشكل جيد.
@reemayaseen8436
@reemayaseen8436 Жыл бұрын
@@AhmadMSekmani بارك الله فيك إجابة كافية ووافية بش مهندس أحمد
@iMaram.
@iMaram. Жыл бұрын
طب كيف ننقلها للويب فلو بنفس الشكل ؟
@AhmadMSekmani
@AhmadMSekmani Жыл бұрын
تابع هذا الفيديو kzfaq.info/get/bejne/jr2oi5t2qsCmpI0.html
@mrmohammad8775
@mrmohammad8775 Жыл бұрын
استاذي الكريم شكرا لك على الفيديو وان شاء الله راح تابع سلسلة واوصي بها للاصدقاء، حاليا انا اصمم هوية بصرية بكن اعلم انه تصميم ui فقط تصميم يعني لايمكن ان يكون موقع نهائي يحتاج برمجة صحيح ام انا مخطىء، وايضا لدي مشكلة احيانا ياتي عميل يريد موقع واكون عاجز عن مساعدته بشكل شخصي هل هناك ايضا طرق اخرى ارحو توضيح كل من نقطيتين يلي اشرت لهما لحضرتك وشكرا
@AhmadMSekmani
@AhmadMSekmani Жыл бұрын
اي موقع يجب أن يسير بأكثر من مرحلة حتى يصبح نموذج نهائي، من هذه المراحل تصميم واجهات الاستخدام UI ثم تطويرها لتصبح كود، لذلك نعم بالنسبة لسؤالك يجب أن يتم تحويل التصميم وتطويره إلى كود، ولكن هناك عدة طرق للموضوع، منها استخدام منصات للتطوير لا تحتاج إلى كود، اي انها لا تعتمد على مبدأ كتابة الكود وإنما يتم العمل ضمنها بنفس اسلواب برامج التصميم وهي تقوم بتحويل التصميم إلى كود نهائي مثل منصة Webflow.
@mrmohammad8775
@mrmohammad8775 Жыл бұрын
@@AhmadMSekmani هذا شيء رائع حقا هل يوجد فيديو يشرح هذا؟ وهل فيها سلبيات هذه الخاصية؟
@seabdurrahmanbaamji2580
@seabdurrahmanbaamji2580 Жыл бұрын
شرح زائد
@AhmadMSekmani
@AhmadMSekmani Жыл бұрын
الشرح للناس يلي محتاجة تعرف وما عندها فكرة كافية، اما إن كنت انت لديك المعرفة الكافية فلا تتابع الفيديو حتى لا تضيع وقتك الثمين
@reemayaseen8436
@reemayaseen8436 Жыл бұрын
بلعكس انا احتجت تفصيل اكتر ولازلت احتاج لعدة دروس حتى اتقن الريسبونسيف ، شكرا لك
OMG what happened??😳 filaretiki family✨ #social
01:00
Filaretiki
Рет қаралды 13 МЛН
Lehanga 🤣 #comedy #funny
00:31
Micky Makeover
Рет қаралды 31 МЛН
Little brothers couldn't stay calm when they noticed a bin lorry #shorts
00:32
Fabiosa Best Lifehacks
Рет қаралды 20 МЛН
احترف الأوتو لاي أوت في فيجما | Advanced Figma Auto Layout 🔥🚀
28:30
Responsive Website In Figma
26:30
Flux Academy
Рет қаралды 97 М.