بناء Design System ومشاركته كمكتبة مع المصممين عبر Adobe XD (الجزء الثاني)

استكمالاً للفيديو السابقة حول طريقة بناء Design System سأقوم ضمن هذا الفيديو بالعمل على شرح كيفية تصميم المكونات المختلفة ل Design System ، وشرح حالات المكونات ومقاساتها، وأيضاً كيف نقوم بالاعتماد على المكونات البسيطة من أجل بناء مكونات أكثر تعقيداً.
وفي نهاية الفيديو اوضح ايضاً كيف نقوم بتحويل ملف التصميم إلى مكتبة ضمن أدوبي كلاود من أجل ان نستطيع استخدامها ك Design System بشكل فعلي ضمن التصاميم التي نعمل عليها، أو ان نقوم بدعوة احد المصممين الآخرين لمشاركتنا في العمل على الملف او استخدامه لديه.
My Accounts on Social Networks:
🐦 Twitter: / ahmadmsekmani
📕 Facebook: / ahmadmsekmani
📸 Instagram: / ahmadmsekmani
🖌 Behance: www.behance.ne...
💡 Dribbble: dribbble.com/A...
📧 Email: [e-mail]
#DesignSystem #ِAdobeXD

[@AhmadMSekmani]

لو كان لديك اي سؤال حول Design System وكيفية بناءه أو عن اي جزئية من مكوناته، قم بوضع سؤالك ضمن التعليقات وسأقوم بالرد عليك بأقرب وقت ان شاء الله

[@user-ji8dg7xu5b]

شكرا استاذ
عم استفيد كثيرا خلال مشوار مذكرة تخرجي في تصميم موقع
تحياتي من الجزائر

[@aziz3259]

جزاك الله خير

[@Akram-UXUI]

بتشكرك استاذ احمد
ياريت لو تعطينا كمان جزئية استخدام المكونات في تصميم الواجهة
مثلا اذا كان عندي صفجة فيها حقل واحد أو حقلين كيف بيكون التصميم وكيف بيكون التصميم فيحالة وجود 3 أو 4 حقول كيف بيكون

[@rahmaanwar9407]

الفيديو اكتر من رائع ذا ممكن ملف temples بيحث اننا نقدر نبني الdesign system بانفسنا بنكون شاكرين ليك ❤

[@ahmedalsharif6583]

شكرا لك أستاذ.. أتمنى تكمل السلسلة الفخمة هذي

[@lotfialmabree1107]

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

[@majdelhajmahmoud8386]

أولاً الله يعطيك العافية على مجهودك،
ثانيا استاذ احمد، ممكن تشرحلنا في فيديو بسيط انو تصمم واجهتين موبايل و واجهتين ديسك توب كيف نستعمل ال Design System، يعني مثلا الحقول او الأزرار كيف ممكن العب بحجمها حسب الشاشة ولا لازم التزم بالحجم الموجود؟!.
و كمان كيف نصمم قوائم منسدلة معقدة يعني الفروض يكون فيها كذا Component حوا بعض، اظن اسمها Inctence Component

[@kiluazoldyk]

شكرا جزيلا استاذ

[@abdussalamw]

أخيراً نزل الفيديو 🌹🌹
نبغى تشاركنا الملف اللي تم الشرح عليه

[@AhmadMSekmani]

إن شاء الله بالمستقبل بس يخلص ويطلع المشروع

[@mhmdawad6726]

مش عارف ليش قناتك ما بتكبر من شهور وانت 20الف مع انو الشرح والتصوير والإضاءة كلش حلو

[@AhmadMSekmani]

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

[@mhmdawad6726]

@@AhmadMSekmani في كتير قنوات تعليمية 100 200 500الف وفي 7مليون برضو بس قولتك شريحة او ui ux مش كتير مشهور

[@bestmovieclips8491]

شكرا على المجهود

[@aliali-yn3xj]

SO THANKS SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS

[@Fat0om22]

يعطيك العافية بشمهندس
ممكن تعمملنا ديزاين سستم من الصفر لتطبيق موبايل بسيط لو فيه وقت عند حضرتك

[@ahmedazally4320]

OH.go on.

[@danieldib2604]

السلسلة كتير قوية ومشكور جدأ على الشرح التفصيلي لكل فقرة موجودة. كيف ممكن يكون عنا هيك فايل ونعدل عليه بحسب كل مشروع؟ ممكن ترفع هيك ملف وتخلينا نستفاد منه؟
شكرا الك مرة تانية اخ احمد

[@AhmadMSekmani]

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

[@user-ji8dg7xu5b]

ادا فيك تحط لنا design system template لنشتغل عليه

[@user-ji8vy5ti3x]

تسام ايدك علي الشغل والشرح
اذا ممكن ملف temples بيحث اننا نقدر نبني الdesign system بانفسنا بنكون شاكرين ليك ❤️

[@banaalzein1583]

رائع جدا ماشاء الله , عندي سؤال : اذا الواحد ماعندو خبرة بالبرمجة , كيف بيقدر يرفع التطبيق الي صممه على الـ يو اكس ليعرضه على صفحته الشخصية و يرفقه برابط على صفحة البيهانس الخاصة فيه ؟ ويقدروا يشوفوا الناس بشكل تفاعلي من خلال ضغطن على الرابط

[@Victoriairaq]

ممكن شير الفايل هذا

[@amrabdulgany7185]

ممكن تبعت ملف xd اللي بتشتغل عليه في الفيديو

[@user-gn7cs3rb5f]

لو سمحت ممكن طريقه عمل القوائم المنسدله؟

[@calmdown9316]

شكرا على مجهودك استاذ احمد
ولكن كيف بتشارك ال design system مع الديفلوبر ؟

[@AhmadMSekmani]

شاهد هذا الفيديو
ruclips.net/video/TtmhLqBrcjg/видео.html

[@hossamtiger4407]

اولا شكرا جدا جدا جدا لك
لكن هل كل مشروع اعمل كدا
ولا اعمله مره واحده
واعمله كوبي مع كل مشروع جديد واغير الالوان والنصوص مثلا
لان انشاء ديزين سيستم بالشكل دا مع كل مشروع بيكون وقت كبير

[@AhmadMSekmani]

الافضل انك تعمل قالب اساسي لك ولاحقاً تعدل عليه في كل مشروع جديد حتى تختصر الوقت طبعا

[@fahdalhalabi6134]

استاذ احمد
انت نزلت من قبل عن تحويل التصميم للغة html وفي الفيديو كانت الميزة مدفوعة.
عالعموم يوجد الان مبرمج يطلب مني تصميم تحويله للغة html هل هذا متاح حاليا على فيجما؟ ام ان هذا الطلب لاداعي له وانا فقط علي تسليم الملف مثل اي مصمم اخر .
شكرا لك 🌹🌹🌹🌹