صفحة 189 - كتاب التصميم الرقمي - الصف 12 - الفصل 1 - المملكة العربية السعودية

2-6

الخطوات الإجرائية الأساسية لتصميم واجهات الموقع الإلكتروني

رابط الدرس الرقمي www.ien.edu.sa

المفاهيم الرئيسة

أدوبي إكس دي Adobe XD - اللوحات الفنية ArtBoard

أهداف الموضوع

يتوقع من الطلبة بعد دراسة هذا الموضوع أن يكونوا قادرين على: 1. تطبيق الخطوات الإجرائية لبدء العمل في أحد برامج تصميم واجهة المستخدم الـ UI. 2. تطبيق الخطوات الإجرائية للتعامل مع الأدوات الأساسية لبرنامج تصميم واجهة المستخدم الـ UI.

الهدف الأول

أن يكون الطلبة قادرين على تطبيق الخطوات الإجرائية لبدء العمل في أحد برامج تصميم واجهة المستخدم الـ UI.

1. معرفة بعض أنظمة تصميم واجهات الموقع الـ UI:

وزارة التعليم Ministry of Education 2025 - 1447

189

2-6 الخطوات الإجرائية الأساسية لتصميم واجهات الموقع الإلكتروني رابط الدرس الرقمي www.ien.edu.sa المفاهيم الرئيسة أدوبي إكس دي Adobe XD - اللوحات الفنية ArtBoard أهداف الموضوع يتوقع من الطلبة بعد دراسة هذا الموضوع أن يكونوا قادرين على: 1. تطبيق الخطوات الإجرائية لبدء العمل في أحد برامج تصميم واجهة المستخدم الـ UI. 2. تطبيق الخطوات الإجرائية للتعامل مع الأدوات الأساسية لبرنامج تصميم واجهة المستخدم الـ UI. الهدف الأول أن يكون الطلبة قادرين على تطبيق الخطوات الإجرائية لبدء العمل في أحد برامج تصميم واجهة المستخدم الـ UI. 1. معرفة بعض أنظمة تصميم واجهات الموقع الـ UI: وزارة التعليم Ministry of Education 2025 - 1447 189 --- VISUAL CONTEXT --- **QR_CODE**: Untitled Description: QR code linking to the digital lesson at www.ien.edu.sa Context: Provides a digital link for further learning. **TABLE**: أنظمة تصميم واجهات الموقع الـ UI Description: A comparison table of three UI/UX design tools: Adobe XD, Figma, and Sketch, detailing their features and pricing models. Table Structure: Headers: أنظمة تصميم واجهات الموقع الـ UI | مصمم واجهة المستخدم الـ UI | مدفوع / مجاني Rows: Row 1: Adobe XD | تعد منصة XD Adobe من المنصات الشاملة لتصميم واجهة الموقع بما تتميز به، فهي تمكن من التصميم التعاوني والنماذج الأولية Prototype الواقعية. | مدفوع مع تجربة لمدة أسبوع Row 2: Figma | تمكن من التصميم السريع وعمل النماذج الأولية والتعاون مع مصممين آخرين، ويتميز بسهولة استخدامه كما يحتوي على أداة السبورة البيضاء على الإنترنت من أجل التفكير التعاوني والعصف الذهني وورش العمل. | مدفوع Row 3: Sketch | تقدم منصة Sketch تصميمًا لكل من واجهة المستخدم الـ UI وتجربة المستخدم UX، ويمكن من خلالها استخدام الرسم، والتخطيط الشبكي، وعمل النماذج الأولية، وعمل التعديلات النهائية للتصميم. | مدفوع مع تجربة مجانية لمدة شهر Calculation needed: Comparison of features and pricing for UI/UX design tools. Context: Provides an overview and comparison of popular UI/UX design software, their capabilities, and cost structures.