كيفية تصميم شاشة تسجيل الدخول وإنشاء حساب لتطبيق موبايل
ฝัง
- เผยแพร่เมื่อ 7 พ.ย. 2024
- نقوم ضمن هذا الفيديو بشرح طريقة تصميم شاشة تسجيل الدخول وإنشاء حساب جديد لتطبيق موبايل بسيط عبر برنامج Adobe XD بهدف مساعدة المبتدئين في مجال تصميم واجهات الإستخدام وتجربة المستخدم من أجل تعلم الخطوات التي يتم العمل بها من أجل تصميم مثل هذا النوع من واجهات الإستخدام بطريقة بسيطة وواضحة.
☑️ رابط تحميل ملف التصميم
bit.ly/2NGaarx
فيديوهات مفيدة ضمن نفس المجال:
تصميم صفحة هبوط لموقع شركة نايكي عبر Adobe XD
• طريقة تصميم صفحة هبوط ...
طريقة تصميم التنقل عبر ميزة Auto Animate في Adobe XD
• Video
👤 حساباتي على شبكات التواصل الإجتماعي
♦ تويتر / ahmadmsekmani
♦ فيسبوك / ahmadmsekmani
♦ أنستغرام / ahmadmsekmani
♦ بيهانس www.behance.ne...
♦ دربيل dribbble.com/A...
📧 للتواصل: a.m.sekmani@gmail.com
#AdobeXD #UI #UX #Design #Apps #Lesson
يعطيك ألف عافية أحمد
إذا ممكن تتكلم عن المرحلة اللي تخص المصمم ما بعد تجهيز ملف Adobe Xd للمطور
هل هناك تكمله للعمل إضافية أو إجراء معين؟
أو المبرمج ياخذ ملف البرنامج ويشتغل عيله وينتهي دوري كمصمم Ux
لو تتكلم عنها في فيديو مستقل أكون شاكر لك
🌹🌹🌹🌹
احمد ياريت تجاوبنا على هذا السؤال
شكراً لك
نفس السؤال
نعم ينتهي عملك بعد ارسال الملف الى المبرمج
الله يكتر من أمثالك ويجزيك ألف خير ، عبتابع كتيير شروح تصاميم عن هالبرنامج بس متل شرحك ما لاقيت ،استمر بتميزك
حسستني بسهولة التصميم الله يجزيك الخير
قناتك رائعة رائعة وطريقة شرحك قوية ومفيدة .. فعلا انتظر منك المزيد واذا كنت ملم بمجال الموشن جرافيك ياريت تعمل دورة عليه مع تطبيق .. كل الاحترام
الله يخليك عمل ممتاز فضل وليس أمر لو تضيف ترقيم للدروس عشان التنزيل وربنا يوفق الجميع
يعيطك العافية أستاذ أحمد
ممكن تشرح طريقة عمل موك اب للتصميم
والعمل بتم ع الفوتوشوب او الاليستريتور شو الافضل
ابدعت .. يعطيك العافيه .. شرح مميز .. استمر
ممتاز جدا شكرا لك ياليت تسوي فيديو تصميم تطبيق انستجرام بالكامل يكون مرجع شامل لكل الخصائص في التصميم والف شكر لك انتظر الفيديو بهذا المستوى الرائع والشرح السلس
بالتوفيق يارب
بانتظار المزيد من الدروس
مشكور استاذ احمد
شرح واضح وممتاز.. شكرا لك..
سؤال كيف نضيف اكواد البرمجة لازرار هالتسجيل؟
هذا الفيديو يوضح تصميم الواجهات فقط بدون البرمجة لان البرمجة تتم بأدوات اخرى
Ahmad Sekmani ايش هي الادوات ): ؟
ما شاء الله تبارك الله،موفق بإذن الله
شكرا كتير السلسلة رائعة ...والشرح رائع
يعطيك العافية علشغل الرائع .. سؤال صغير .. بعد تصميم لواجهات على ال xd كيف رح تتحول ل برمجيات هل في خيارات تصدير خاصة او بيتم اعطاء التصاميم لشخص مختص بلبرمجة ياريت ينعمل حلقة عن هلموضوع
بعد ما ينتهي التصميم بشكل كامل في ضمن XD خيار خاص لتصدير العمل بشكل مناسب حسب نوع المنصة المشغول عليها يعني ممكن يتصدر الملف للويب أو للأندرويد أو ios هاد الرابط موجه للمطورين والمبرمجين ولكن بعدها كيف هنن بتعاموا الموضوع هاد شيء مختلف حسب المشروع وحسب المنصة والموضوع برمجي تماماً ولا يعود له علاقة بالتصميم بشكل مباشر أي خارج نطاق تخصصي للأسف
باقي الشغل برمجة بلغات البرمجة هان بس رسم خارطة للتطبيق أو الموقع
درس رائع شكرا لك استاذ أحمد
العفو
شرح جميل، شكرًا
الله يعطيك العافية شغلك رائع 😍
بالتوفيق أستاذ أحمد 🌹
يعطيك العافية
عادة منستخدم ايقونات التواصل الاجتماعي مع الوانها الخاصه بها ( الهوية( ؟
تانيا موقع الايقونات رح يكون افضل لو كانت محاذاتهن للطرف للاخر يعني من باب استغلال الفراغ ؟
شكرا جزيلا ع عالمجهود الطيب .. ننتظر المزيد
بالنسبة للسؤال الأول مو ضوري في كتير من الأحيان بتم تلوين أزرار الشبكات الإجتماعية بألوانها الأصلية ولكن أيضاً ممكن تلوينها بالألوان المستخدمة ضمن نفس التصميم الموضوع برجع رأي المصمم، بالنسبة للسؤال الثاني لا يجب ان تكون الازرار محازية لطرف بداية التصميم يلي هو هون اليمين أو تكون بالعرض الكامل ومتوسطة أو ممكن تكون موزعة على العرض كلو ولكن ان تكون متل ما هي بطرف اليسار هاد رح يخلي التصميم ما في توازن على كل حال خلال الفترة القادمة رح أنشر مجموعة من البوسات على صفحة الفيس بوك فيها ملاحظات بسيطة جداً حول هيك نقاط وكيفية بناء عناصر ui صحيحة أكتر
@@AhmadMSekmani شكرا جزيلا
وبعد تصميم الواجهة .. بيتم تنفيذها علي مواقع انشاء التطبيقات ولا برنامج xd ده بينشئ تطبيقات ؟
شكرا
يعطيك العافية ربي يسعدك ويبارك جهودك
السؤال:
كيف نخلي المربع المحدد للنص قابل للإدخال ؟
مثل مربع الاسم
لا يوجد مثل هذا الامر لانك انت بتصميم هاد الموضوع بصير بالبرمجة وليس هنا
جزاك الله كل خير شرحك رائع
مبدع ما شاء الله
بارك الله فيك اخي
شرحك مبسط وجميل جدا
انا عندي استفسار ازاي اعمل قاعدة بيانات خاصه بالتطبيق و اخلي الزائر يعمل اسم مستخدم وكلمة سر خاصة بيه وشكرا جدا لحضرتك 😊
هذا الموضوع محتاج مبرمج وهاد مو تخصصي للأسف
بالتوفيق استمر أخي
يعطيك العافية استفسار عن خطوط
تفضل
فنان
ممتاز واصل
شرح حلوو كتيير بس ممكن تشرحلي ليش عما تنزل باكيج ios عندي بصيغة pdf
رائع
أستاذ احمد يعطيك العافية
مشكور على شرحك الرائع والممتاز،
بس عندي مشكلة صغيرة، كنت بدي انزل عناصر ui الخاصة بال ios
بس لما فتحت الموقع ما كان موجود، فيك ترسلي الرابط الخاص بتحميل ui kit، بكون شاكر كثير لك
وانا نفس المشكله
تحياتي جزاك الله كل خير
عندي سؤال , على أي اساس بتحدد مقاسات الخطوط وابعاد الايقونات عامه ؟
ضمن التطبيقات حسب تعليمات الإشادية من كل شركة بالنسبة للنظام مثلاً ضمن ios فيك تشوف كل الإرشادات عبر موقع Human Interface Guidelines المخصص للنظام اما ضمن أندرويد فهناك موقع material.io/
أشكرك جدا جدا
سؤال أخر
هل هناك حقوق ملكيه للأفكار اللي بنطبقها ؟
بمعني أخر لو عندي فكره أبداعيه ل تطوير الابلكيشن عامه لسهوله الاستخدام
أزاي اعرض الفكره بدون م تنسرق وتتنسب لغيري ؟
وعزرا على الإطاله
اي اختيار ينفع للشاشات الايفون و الاندرويد معا ؟
حسب المشروع اذا بتصميم لل ios طبعا أيفون أم إذا أندرويد فشيء أخر
Thanke you
شكرا جزيلا لحضرتك، عندي اكتر من استفسار اذا سمحت هل ممكن اشتغل علي ال Figma كبديل عشان امكانيات جهازي لا تسمح بتنصيب xd بحيث يكون وظيفة ليا عن طريق figma.
واستفسار اخر اذا سمحت كم الوقت حتي اتعلم فيه المجال وابدا اشتغل فيه فعليا مع العلم اني عندي خلفيه عن ال figma عملت عليه صفحتين لموقع ويب ك wireframe ابيض واسود من غير اي الوان.
السؤال الأول ما فمتو الصراحة، اما السؤال الثاني كل شخص ليه سرعة تعلم مختلفة أيضاً كل شخص بفرغ من وقتو بطريقة مختلفة لذلك ما في وقت ثابت للجميع كل ما اشتغلت اكتر كل ما احترفت بطريقة اسرع، مع ذلك موضوع التعلم هنا لا ينتهي انا مازلت بقعد بتعلم يومياً
@@AhmadMSekmaniتمام شكرا جزيلا لحضرتك هو السوال الاول انا عندي برنامج xd معرفتش اسطبه عشان امكانيات الجهاز ضعيفه المعالج والرامات وكمان مش ويندوز ١٠ فهل figma هيكون بديل كويس لل xd وشكرا مقدما لحضرتك.
يعطيك العافية استاذ .. معلش سؤال مو بمكانه .. انا سويت التصميم عالاليستريتور ،، وفتحته من خلال XD لكن تلخبطت الفونتات العربي وصارت معكوسة ..؟! شو الحل برأيك ؟ تحياتي
لازم تتأكد إن الإصدار يلي بتستخدمو موجه للشرق الأوسط او بيدعم اللغة العربية
السلام عليكم مهندس بالله ابي رابط اللي حملت منة حزمة ادوات ابل
كيف ممكن انزل الباكيج الجاهزة التصاميم بفتح عالموقع بشكل مختلف لايوجد الملف
يعطيك العافية
ممكن لينك تحميل الخطوط المستخدمة الله يسعدك؟
الخط لي استعملتو (تسجيل الدخول ...) اسم الخط
ممكن سوال اخي الكريم كيف بنقدر نحول التصميم الي apk
السلام عليكم استاذ احمد .. لما اجي اغير لون علامة تويتر اخلية تختفي العلامة ويصير مربع كامل بالازرق وكذلك مع بقية العلامات ياليت تفيدني
اعتقد انك بتسخدم صورة عادية استخدم ملف الشعار بلاحقة SVG
لو سمحت نريد برمجة
البرمجة ليست من تخصصي للأسف
👍👍👍❤️
السلام عليكم خوية يعني من اصمم التطبيق كيف اجعلة للاستخدام على أجهزة الاندرويد هل يحتاج مبرمج
تحياتي للجميع 🌹
طبعا محتاج مبرمج
بعد التصميم وكل شيء، كيف يمكنني تحويله لتطبيق يتم تثبيته في كل موبابل
محتاج برمجة وهذا تخصص مختلف حسب التطبيق وحسب المشروع ممكن يحتاج فريق يشتغل على الموضوع وهذا ليس تخصص المصمم
شكرا استاذ 🥰
مو اغنيه ضييم
طيب كيف اخلي الشخص الي يبي يسوي حساب لما يضغط الاسم يصير يقدر يكتب
عم حمل الملف ليش ما عم يفتح ع نظام الوندوز
ممكن حدا يفيدني
+1
+٢
مجاني ولا اشتراك