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

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

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 تطبيق فكرة إبداعية وتقوميها.

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

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

ثانيا: التعامل مع المخطط الهيكلي WireFrame.

أهداف درس الخطوات الإجرائية الأساسية لرسم المخططات الهيكلية WirFrames

المفاهيم الرئيسية لدرس الخطوات الإجرائية الأساسية لرسم المخططات الهيكلية WirFrames

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

مثال2 للتعامل مع المخطط الهيكلي

مراحل المخطط الهيكلي

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

مراحل المخطط الهيكلي بدءًا من التصميم الورقي ثم الرقمي ثم المرئي

من المواقع المتخصصة في رسم المخططات وتمكن من نسخ القوالب التخطيطية بكل سهولة:

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

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

حل باستخدام الدلالات الآتية نفذ بشكل فردي أو مع مجموعتك الخطوات الإجرائية الآتية لرسم . مخطط هيكلي WireFrame لصفحة موقع أو تطبيق من اختيارك بتصميمها أولا ورقيًا ثم رقميًا في برنامج Adobe XD أو ب
3-6 الخطوات الإجرائية الأساسية لرسم المخططات الهيكلية WirFrames.

ثالثا: التعامل مع الطبقات Layers

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

الخيارات التي تظهر عند أختيار أحد الطبقات

تجميع الطبقات

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

وفق النشاط السابق لرسم المخطط الهيكلي الذي نفذته ورقيا انقل التصميم الورقي إلى التصميم الرقمي في برنامج Adobe XD مع توظيف طرق التعامل مع الأدوات الأساسية في الرسم و مع الطبقات واللوحات.

حل وفق النشاط السابق لرسم المخطط الهيكلي الذي نفذته ورقيا انقل التصميم الورقي إلى التصميم الرقمي في برنامج Adobe XD مع توظيف طرق التعامل مع الأدوات الأساسية في الرسم و مع الطبقات واللوحات.

تصفح أحد المواقع الآتية وبعد الاطلاع على محتوياتها والاستفادة من المعلومات حول مجالاتها قيم تجربة استخدامك للموقع الهيئة السعودية للملكية الفكرية (saip.gov.sa)

حل تصفح أحد المواقع الآتية وبعد الاطلاع على محتوياتها والاستفادة من المعلومات حول مجالاتها قيم تجربة استخدامك للموقع الهيئة السعودية للملكية الفكرية (saip.gov.sa)
< السابق
التالي >
3-6 الخطوات الإجرائية الأساسية لرسم المخططات الهيكلية WirFrames. 3-6 الخطوات الإجرائية الأساسية لرسم المخططات الهيكلية WirFrames. 3-6 الخطوات الإجرائية الأساسية لرسم المخططات الهيكلية WirFrames. 3-6 الخطوات الإجرائية الأساسية لرسم المخططات الهيكلية WirFrames. 3-6 الخطوات الإجرائية الأساسية لرسم المخططات الهيكلية WirFrames. 3-6 الخطوات الإجرائية الأساسية لرسم المخططات الهيكلية WirFrames. 3-6 الخطوات الإجرائية الأساسية لرسم المخططات الهيكلية WirFrames.