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

الكتاب: كتاب التصميم الرقمي - الصف 12 - الفصل 1 | المادة: التصميم الرقمي | المرحلة: الصف 12 | الفصل الدراسي: 1

الدولة: المملكة العربية السعودية | المنهج: المنهج السعودي - وزارة التعليم

📚 معلومات الصفحة

الكتاب: كتاب التصميم الرقمي - الصف 12 - الفصل 1 | المادة: التصميم الرقمي | المرحلة: الصف 12 | الفصل الدراسي: 1

الدولة: المملكة العربية السعودية | المنهج: المنهج السعودي - وزارة التعليم

📋 المحتوى المنظم

📖 محتوى تعليمي مفصّل

نوع: محتوى تعليمي

النشاط التطبيقي

نوع: QUESTION_ACTIVITY

يمكنك البحث عن المزيد من أنظمة تصميم واجهات الموقع الا مع ذكر وصف لها في الفراغات الآتية:

نوع: QUESTION_ACTIVITY

2. الخطوات الإجرائية لبدء العمل في أحد برامج تصميم واجهة الموقع الا:

نوع: محتوى تعليمي

أولاً: تسجيل الدخول على creativecloud.adobe.com/apps

نوع: محتوى تعليمي

تعد حزمة Adobe Creative Cloud مكتبة متكاملة لأدوات التصميم وإدارة الملفات وعرضها من خلال مكتبات ومستندات سحابية ونماذج أولية وأعمال إبداعية، وللبدء العمل على برنامج Adobe XD أحد البرامج التي تساعد في تصميم واجهة الموقع أو التطبيقات.

نوع: FIGURE_REFERENCE

الشكل رقم (8-6): واجهة موقع أدوبي

نوع: NON_EDUCATIONAL

Ministry of Education 2025 - 1447

🔍 عناصر مرئية

فراغات لأنظمة تصميم واجهات المواقع

A table with two columns and three rows, designed for students to research and fill in information about website interface design systems.

واجهة موقع أدوبي

A screenshot of the Adobe Creative Cloud website interface. The top section features a navigation bar with options like 'تسجيل الدخول' (Login), 'التعليمات والدعم' (Help and Support), 'التسويق والتجارة' (Marketing and Commerce), 'الإبداع والتصميم' (Creativity and Design), 'PDF والتوقيعات الإلكترونية' (PDF and Electronic Signatures). Below the navigation, there are categories such as 'Adobe Creative Cloud', 'الجميع' (All), 'الطلاب' (Students), 'المصورون الفوتوغرافيون' (Photographers), 'الشركات' (Companies), 'Adobe Stock', and 'عروض خاصة' (Special Offers). The main content area displays three promotional cards: 1. Left card: Titled 'الطلاب والمعلمون' (Students and Teachers), it advertises 'احصل على كل التطبيقات من Creative Cloud المشهور' (Get all popular Creative Cloud apps) for 'SAR 86.17 / شهريًا' (SAR 86.17 / month), with a 33% discount for the first year, encouraging users to upgrade from basic to advanced with Photoshop, Illustrator, and over 20 other apps. 2. Middle card: Titled 'الجديد في PHOTOSHOP.' (New in Photoshop.), it promotes 'حلم أكبر.' (Bigger dream.) and 'استفد من الإبداع المتطور باستخدام مطالبات نصية بسيطة Generative Fills (الملء التوليدي) (تجريبي).' (Benefit from advanced creativity using simple text prompts Generative Fills (experimental).). It shows an image of a person with a hat and a text prompt 'hedgehog with pink flowers' and a 'Generate' button. 3. Right card: Titled 'تصفح تنفيذ العمل باستخدام Acrobat.' (Browse workflow execution using Acrobat.), it describes 'تصفح تحرير كل مستندات PDF لديك ومشاركتها وتوقيعها إلكترونيًا - كل هذا في مكان واحد.' (Browse, edit all your PDF documents, share and sign them electronically - all in one place.) and offers 'بدء تجربة مجانية.' (Start a free trial.).

📄 النص الكامل للصفحة

النشاط التطبيقي يمكنك البحث عن المزيد من أنظمة تصميم واجهات الموقع الا مع ذكر وصف لها في الفراغات الآتية: 2. الخطوات الإجرائية لبدء العمل في أحد برامج تصميم واجهة الموقع الا: أولاً: تسجيل الدخول على creativecloud.adobe.com/apps تعد حزمة Adobe Creative Cloud مكتبة متكاملة لأدوات التصميم وإدارة الملفات وعرضها من خلال مكتبات ومستندات سحابية ونماذج أولية وأعمال إبداعية، وللبدء العمل على برنامج Adobe XD أحد البرامج التي تساعد في تصميم واجهة الموقع أو التطبيقات. الشكل رقم (8-6): واجهة موقع أدوبي Ministry of Education 2025 - 1447

✅ حلول أسئلة الكتاب الرسمية

عدد الأسئلة: 3

سؤال (1): يمكنك البحث عن المزيد من أنظمة تصميم واجهات الموقع UI مع ذكر وصف لها في الفراغات الآتية:

الإجابة: س: أنظمة تصميم واجهات الموقع UI (1) Google) Material Design: نظام يوفر إرشادات ومكونات لتصميم واجهات متسقة.

خطوات الحل:

  1. **الخطوة 1 (المفهوم):** أنظمة تصميم واجهات المستخدم (UI Design Systems) هي مجموعة من المعايير والمكونات البرمجية التي تساعد المصممين والمطورين على بناء واجهات متسقة واحترافية.
  2. **الخطوة 2 (التطبيق):** عند البحث عن أشهر هذه الأنظمة، نجد نظاماً طورته شركة جوجل يعتمد على محاكاة الأسطح والحواف في العالم الواقعي مع استخدام الظلال والإضاءة بشكل ذكي.
  3. **الخطوة 3 (النتيجة):** هذا النظام هو: **Material Design (Google)**، وهو نظام يوفر إرشادات ومكونات لتصميم واجهات متسقة.

سؤال (2): يمكنك البحث عن المزيد من أنظمة تصميم واجهات الموقع UI مع ذكر وصف لها في الفراغات الآتية:

الإجابة: س: أنظمة تصميم واجهات الموقع UI (2) Microsoft) Fluent Design: نظام يركز على الوضوح والديناميكة وسهولة الاستخدام.

خطوات الحل:

  1. **الخطوة 1 (المفهوم):** تسعى الشركات التقنية الكبرى لابتكار لغات تصميم خاصة بها لضمان تجربة مستخدم سلسة وموحدة عبر مختلف الأجهزة والمنصات.
  2. **الخطوة 2 (التطبيق):** بالنظر إلى الأنظمة المتاحة، نجد نظاماً قدمته شركة مايكروسوفت يركز بشكل أساسي على عناصر مثل الضوء، العمق، والحركة لتحسين التفاعل البصري.
  3. **الخطوة 3 (النتيجة):** هذا النظام هو: **Fluent Design (Microsoft)**، وهو نظام يركز على الوضوح والديناميكية وسهولة الاستخدام.

سؤال (3): يمكنك البحث عن المزيد من أنظمة تصميم واجهات الموقع UI مع ذكر وصف لها في الفراغات الآتية:

الإجابة: س: أنظمة تصميم واجهات الموقع UI (3) IBM) Carbon Design: نظام شامل مكتبة مكونات لبناء واجهات التطبيقات المؤسسية.

خطوات الحل:

  1. **الخطوة 1 (المفهوم):** تحتاج التطبيقات المؤسسية والبرمجيات الضخمة إلى أنظمة تصميم شاملة توفر مكتبات برمجية جاهزة للاستخدام لضمان الكفاءة والسرعة في التطوير.
  2. **الخطوة 2 (التطبيق):** من أبرز هذه الأنظمة المفتوحة المصدر هو النظام الذي طورته شركة IBM، والذي يتميز بكونه نظاماً متكاملاً يدعم بناء واجهات التطبيقات المعقدة والاحترافية.
  3. **الخطوة 3 (النتيجة):** هذا النظام هو: **Carbon Design (IBM)**، وهو نظام شامل يضم مكتبة مكونات لبناء واجهات التطبيقات المؤسسية.