التصميم الرقمي الفصل السادس: تصميم واجهات الموقع الإلكتروني Web Site Interface Design UX UI 2-6 الخطوات الإجرائية الأساسية لتصميم واجهات الموقع الإلكتروني.

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

1-1 التصميم الجرافيكي.

2-1 معايير تصميم الاتصال المرئي

3-1 التفكير التصميمي.

4-1 التصميم الرقمي للمستقبل.

1-2 الهوية المرئية: مفهومها وأهميتها.

2-2 أنواع وعناصر الهوية المرئية.

3-2 الشعار، خصائصه وأنواعه.

4-2 الخطوات الإجرائية لتصميم الهويات.

5-2 المطبوعات، والملحقات الرقمية للهوية المرئية

1-3 ماهية الإعلانات.

2-3 معايير الإعلان الناجح.

3-3 الإعلانات الثابتة وبرامجها.

4-3 الإعلانات المتحركة وبرامجها.

1-4 أهمية تصميم التغليف.

2-4مكونات تصميم التغليف.

3-4 الابتكار في تصميم التغليف.

4-4 التصميم المستدام والصديق للبيئة.

5-4 الخطوات الإجرائية لتصميم التغليف.

1-5 مفهوم التصوير الرقمي.

2-5 أسس التصوير الرقمي.

3-5 أنواع الكاميرات وإخراج الصور.

4-5 التصوير الرقمي باستخدام الهاتف الذكي.

الفصل السادس: تصميم واجهات الموقع الإلكتروني Web Site Interface Design UX UI

1-6 ماهية تصميم واجهة المستخدم UI وتجربة المستخدم UX.

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

3-6 الخطوات الإجرائية الأساسية لرسم المخططات الهيكلية WirFrames.

4-6 الخطوات الإجرائية الأساسية للتصميم المرئي.

1-7 مجالات تصميم الشخصيات.

2-7 الخطوات الإجرائية لرسم وتصميم الشخصيات.

3-7 برامج وتطبيقات الرسم والتصميم الرقمي.

1-8 أهمية الموشن جرافيك (تحريك الرسومات).

2-8 أنواع ومجالات الموشن جرافيك.

3-8 خطوات تصميم فيديو موشن جرافيك.

1-9 أهمية النمذجة ثالثية الأبعاد.

2-9 أنواع وبرامج النمذجة ثالثية الأبعاد.

3-9 خطوات النمذجة الثالثية الأبعاد في برنامج Blender.

1-10 تصميم الواقع الافتراضي، بناء الفكرة.

2-10 تصميم الواقع المعزز، بناء الفكرة

3-10 تطبيق فكرة إبداعية وتقوميها.

أفكار عامة عن مشروع التخرج

1-1 التصميم الجرافيكي.

2-1 معايير تصميم الاتصال المرئي

3-1 التفكير التصميمي.

4-1 التصميم الرقمي للمستقبل.

1-2 الهوية المرئية: مفهومها وأهميتها.

2-2 أنواع وعناصر الهوية المرئية.

3-2 الشعار، خصائصه وأنواعه.

4-2 الخطوات الإجرائية لتصميم الهويات.

5-2 المطبوعات، والملحقات الرقمية للهوية المرئية

1-3 ماهية الإعلانات.

2-3 معايير الإعلان الناجح.

3-3 الإعلانات الثابتة وبرامجها.

4-3 الإعلانات المتحركة وبرامجها.

1-4 أهمية تصميم التغليف.

2-4مكونات تصميم التغليف.

3-4 الابتكار في تصميم التغليف.

4-4 التصميم المستدام والصديق للبيئة.

5-4 الخطوات الإجرائية لتصميم التغليف.

1-5 مفهوم التصوير الرقمي.

2-5 أسس التصوير الرقمي.

3-5 أنواع الكاميرات وإخراج الصور.

4-5 التصوير الرقمي باستخدام الهاتف الذكي.

الفصل السادس: تصميم واجهات الموقع الإلكتروني Web Site Interface Design UX UI

1-6 ماهية تصميم واجهة المستخدم UI وتجربة المستخدم UX.

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

3-6 الخطوات الإجرائية الأساسية لرسم المخططات الهيكلية WirFrames.

4-6 الخطوات الإجرائية الأساسية للتصميم المرئي.

1-7 مجالات تصميم الشخصيات.

2-7 الخطوات الإجرائية لرسم وتصميم الشخصيات.

3-7 برامج وتطبيقات الرسم والتصميم الرقمي.

1-8 أهمية الموشن جرافيك (تحريك الرسومات).

2-8 أنواع ومجالات الموشن جرافيك.

3-8 خطوات تصميم فيديو موشن جرافيك.

1-9 أهمية النمذجة ثالثية الأبعاد.

2-9 أنواع وبرامج النمذجة ثالثية الأبعاد.

3-9 خطوات النمذجة الثالثية الأبعاد في برنامج Blender.

1-10 تصميم الواقع الافتراضي، بناء الفكرة.

2-10 تصميم الواقع المعزز، بناء الفكرة

3-10 تطبيق فكرة إبداعية وتقوميها.

أفكار عامة عن مشروع التخرج

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

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

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

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

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

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

الخطوات الإجرائية لبدء العمل في أحد برامج تصميم واجهة الموقع UI: أولا: تسجيل الدخول على creativecloud.adobe.com/apps.

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

برنامج أدوبي إكس دي Adobe XD:

ثانيا: اختيار تثبيت أو تنزيل تطبيق XD من بين التطبيقات.

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

ثالثا: التعريف بواجهة صفحة برنامج AdobexD

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

رابعًا: إنشاء ملف جديد في برنامج AdobeXD

خامسا: التعرف على مساحة العمل Workspace.

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

بتطبيق الخطوات الإجرائية لبدء العمل في برنامج Adobe XD قم بإنشاء ملف من نوع 1920 WEB والتعرف على أيقونات البرنامج وحفظ الملف.

الخطوات الإجرائية للتعامل مع الأدوات الأساسية لبرنامج Adobe XD

خطوات التعرف على مساحة العمل Workspace: معاينة على الجهاز Preview on device

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

أولاً: التعامل مع الأدوات الأساسية في برنامج Adobe XD التعامل مع الكائنات:

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

التعامل مع أدوات الرسم Pin, Line

الخطوة الثالثة للتعامل مع الكائنات

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

استخدم أدوات الرسم في برنامج Adobe XD المحاكاة الأشكال في الصورة أدناه مع تعبئة الألوان وتطبيق بعض العمليات مثل النسخ وتعديل الأشكال والزوايا والإنحناءات.

التعامل مع الحدود التعبئة الخطوط المتقطعة

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

استخدم أداتي Pin و Line لمحاكاة الرسم في الصورة رقم (1)

عدل أحد الأشكال، مع شرح العمليات التي نفذتها لإجراء التعديل.

استخدم أدوات الرسم في برنامج Adobe XD المحاكاة رسم الأشكال الثلاثة في الصورة أدناه في ضوء قيم التعبئة والحدود الآتية:

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

التعامل مع تقاطع الأشكال:

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

< السابق
التالي >
2-6 الخطوات الإجرائية الأساسية لتصميم واجهات الموقع الإلكتروني. 2-6 الخطوات الإجرائية الأساسية لتصميم واجهات الموقع الإلكتروني. 2-6 الخطوات الإجرائية الأساسية لتصميم واجهات الموقع الإلكتروني. 2-6 الخطوات الإجرائية الأساسية لتصميم واجهات الموقع الإلكتروني. 2-6 الخطوات الإجرائية الأساسية لتصميم واجهات الموقع الإلكتروني. 2-6 الخطوات الإجرائية الأساسية لتصميم واجهات الموقع الإلكتروني. 2-6 الخطوات الإجرائية الأساسية لتصميم واجهات الموقع الإلكتروني. 2-6 الخطوات الإجرائية الأساسية لتصميم واجهات الموقع الإلكتروني. 2-6 الخطوات الإجرائية الأساسية لتصميم واجهات الموقع الإلكتروني. 2-6 الخطوات الإجرائية الأساسية لتصميم واجهات الموقع الإلكتروني. 2-6 الخطوات الإجرائية الأساسية لتصميم واجهات الموقع الإلكتروني.