أنواع الـ Wireframes الثلاثة بالتفصيل! 📝 | الفرق بين Low, Medium, High Fidelity (الحلقة الثانية عشر)

إيه هي أنواع الـ Wireframes الثلاثة وأهم فرق بينهم؟ وليه التفكير بالقلم والورقة بيفرق في النتيجة؟ 🤔 في فيديو النهاردة هنكمل رحلة الـ UX وهندخل في تفاصيل رسم الـ Wireframes (اللو فيديلتي - Low Fidelity، الميديم فيديلتي - Medium Fidelity، والهاي فيديلتي - High Fidelity). هنعرف ليه دايماً بنبدأ بأسلوب القلم والاستيكة (سواء على الورق أو الجرافيك تابلت) عشان نخرج أفكارنا وبناء استيعابنا العالي من غير ما نتقيد برسم الأشكال الهندسية بالماوس، وإزاي بنفرق بين الشغل العشوائي السريع (اللي سميناه "عك فيديلتي") وبين الشغل الأكاديمي المنظم. كمان هنعمل تطبيق عملي قدام الكاميرا لتصميم شاشة الهوم بيج من الـ Site Map على اللو والميديم، وازاي بتعبر عن الصور (بعلامة الاكس)، والأيقونات، ومقاسات الصفحات والـ Scroll، وبنوضح إمتى بنحول الـ Site Map والـ User Flow لديجيتال تمهيداً للبرامج القادمة! 💡 ⏱️ التايم كودز والتنقل بين محاور الحلقة كاملة: 00:00 - مقدمة الحلقة والربط بين الـ Site Map، الـ User Flow، والـ Wireframe. 03:04 - أنواع الـ Wireframe الأربعة (Low, Medium, High fidelity.. و"العك فيديلتي" 😂). 04:27 - ليه بنرسم الـ Low و Medium Fidelity بقلم واستيكة ومش جاف؟ 05:17 - الـ High Fidelity وازاي بيكون Grayscale على برنامج Figma قبل الـ UI. 06:16 - ليه لازم نفرش الأفكار على الورق وخطورة تخيل كل حاجة في الدماغ. 07:29 - دورة العمل الدائرية في المشروع (الرجوع للرئيسيات والتعامل مع التيم). 09:37 - التطبيق العملي: شكل الـ Low Fidelity (العك السريع لتفريغ الأفكار). 10:34 - تطبيق عملي: رسم بيج الهوم على Low Fidelity بناءً على الـ Site Map. 12:10 - مناقشة أخطاء الترتيب (الفرق بين ترتيب السايت ماب والمنطق العملي للشاشات). 15:00 - طريقة توضيح الـ Scroll في الواير فريم. 17:14 - الفرق بين السهم اللي بيطلع من أيكون (تفاعل اليوزر) والسهم اللي بيطلع من الصفحة (Duration). 19:33 - الانتقال للميديم فيديلتي (Medium Fidelity) وازاي بيكون أنضف وأرتب. 21:53 - الفرق بين الشيب العادي والصور (علامة الـ X في الميديم فيديلتي). 22:36 - رسم الأيقونات والـ Taps وتحت الأيقونات التكست في الميديم. 25:12 - أهمية المقاسات في الميديم فيديلتي للدلالة على الـ Scroll. 27:10 - ملخص الفرق بين الثلاث أنواع وموعد الانتقال لـ Figma (الهاي فيديلتي). 28:23 - سر استخدام القلم والورقة / الجرافيك تابلت في فتح الذهن للتصميم والتفكير العميق. 29:12 - إمتى وازاي بنحول الـ Site Map والـ User Flow من سكيتش لملفات ديجيتال؟ 29:45 - التمهيد للحلقة القادمة: البرامج المستخدمة لتحويل الشغل لديجيتال والفرق بينها. 30:20 - ملخص الحلقة والختام والدعوة للتطبيق وطرح الأسئلة أو طلبات المراجعة (Revision). 🔗 عشان تشوف باقي حلقات كورس الـ UI/UX بالترتيب:    • UI/UX Course From Scratch - كورس UI/UX  ✅ ...   #AIForGraphicsandMediaProduction #AIForGraphicsandMediaProductionUIUXCourse #UIUXCourseFromScratch #UIUX #UXUI #UX_Metrics #HEART_Framework #NPS #CTR #BusinessAnalysis #ProductOwner #Empathy_Map #خريطة_التعاطف #Miro #UX_Research #صناعة_المحتوى #كورس_UI_UX #تصنيف_الأفكار #تجربة_المستخدم #Simplify #MeToo #Virtualize #Remix #دراسة_المنافسين #تسويق #صناعة_المحتوى #عمرو_إسماعيل_Multimedia_Specialist #فيجما #Figma #واجهات_المستخدم #تصميم_مواقع #تصميم_تطبيقات #UIUX #FigmaCourse #العمل_الحر #تطوير_الذات #AdobeXD #جرافيكس_وميديا #FrontEnd #BackEnd #HCI #تطوير_المواقع #UserExperience #UserInterface #VectorVsRaster #فوتوشوب #إليستريتور #Wireframe #LowFidelity #MediumFidelity #HighFidelity #FigJam #Figma #SiteMap #UserFlow #تجربة_المستخدم #Accessibility #الجمهور_المستهدف #TargetAudience #صناعة_المحتوى #UXUICourse #BuyerPersona #الباير_برسونا #ذوي_الاحتياجات_الخاصة ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ➤ اشترك فى القناه من هنا https://www.youtube.com/channel/UClTi... ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ FOLLOW ME: Facebook: / amr.ismail.37 instagram: / amrismail.ms Tiktok: https://www.tiktok.com/@aigmp?lang=en-GB