موقع حكومي رسمي تابع لحكومة المملكة العربية السعودية
روابط المواقع الالكترونية الرسمية السعودية تنتهي بـ edu.sa

جميع روابط المواقع الرسمية التعليمية في المملكة العربية السعودية تنتهي بـ sch.sa أو edu.sa

المواقع الالكترونية الحكومية تستخدم بروتوكول HTTPS للتشفير و الأمان.

المواقع الالكترونية الآمنة في المملكة العربية السعودية تستخدم بروتوكول HTTPS للتشفير.

مسجل لدى هيئة الحكومة الرقمية برقم:

20250417892

التصميم الجرافيكي لواجهات المستخدم

GRD3305
3 ساعات إنجليزي

التصميم الجرافيكي لواجهات المستخدم

يركز هذا المقرر على دراسة كيفية تصميم واجهات مستخدم فعالة والتي تتضمن موضوعات مهمة مثل مبادئ التصميم وتقنيات النماذج الأولية وتقنيات التقييم وتنفيذ واجهات المستخدم الرسومية. المرحلة: التأسيسية - المنتج - التخطيط - الأعمال - الاحترافية
1 مقدمة عن المقرر وتوصيف المقرر وتحديد موعد الاختبارات وتسليم التكليفات وتوزيع الدرجات
2 التعريف بماهية تصميم واجهة المستخدم (UI) الفرق بين UX وUI، البرامج المستخدمة في تصميم واجهات المستخدم. / مبادئ تصميم واجهة المستخدم لتحقيق التواصل البشري الفعال
3 الهدف من تصميم واجهة المستخدم (الهدف الرئيسي والأهداف الفرعية) وتحديد المنهجية للتحقيق تلك الأهداف. / تحديد الفئة المستهدفة مع تحديد نطاق استخدام واجهة المستخدم
4 تصميم الحرف، لغة الحروف (أساسيات تصميم الحرف Letterform basics) / اعتبارات التنضيد Typesetting considerations
5
6 اللون، ماهية اللون، الأسس المنطقية لاختيار اللون
7 دراسة تطبيقية أولية لتصميم واجهات تطبيق (مشروع النصفي)
8 أدوات التصميم المرئي لواجهات المستخدم: / التخطيط، ولغة التخطيط (المحاذاة، والقرب، والشبكة، والمقياس، والمسافة البيضاء، حجم الشاشة، المكان، القوالب، ......) أهمية التخطيط (التسلسل الهرمي، تحديد شخصية التطبيق، ....... )
9 أساليب تصميم واجهات المستخدم (المدارس الجرافيكية) وتحديد ما يتناسب مع الفكرة الخاصة بكل طالبة. (تدريب عملي على برنامج adobe XD))
10 الصورة Imagery (التصور البصري)، التواصل عن طريق الصورة، أنواع الصور واستخداماتها، استخدام الصور في التطبيقات، المبادئ الأكثر فعالية في استخدام الصورة (تدريب عملي على برنامج adobe XD))
11 الصورة Imagery (التصور البصري)، التواصل عن طريق الصورة، أنواع الصور واستخداماتها، استخدام الصور في التطبيقات، المبادئ الأكثر فعالية في استخدام الصورة (تدريب عملي على برنامج adobe XD))
12 مؤشرات التحكم وكيفية الاستخدام Controls and Affordances، المبادئ الأكثر فعالية في استخدام Controls and Affordances (تدريب عملي على برنامج adobe XD))
13 التدريب على اختبار فاعلية حركة العين في التصميم. eye tracking
14 المشروع النهائي: عرض موضوع المشروع النهائي، استخدام مهارات التفكير التصميمي في التنفيذ (تطبيق لما سبق دراسته)
1.1 مرتبط بـ: ع1

يشرح مشروع التصميم الذي صممه باستخدام المصطلحات الصحيحة.

1.2 مرتبط بـ: ع3

يحدد الاستراتيجية المناسبة لتصميم واجهات المستخدم لتحقيق الهدف.

2.1 مرتبط بـ: م2

يحلل المشكلات لإيجاد الحلول مبتكرة في تصميم واجهات المستخدم.

2.2 مرتبط بـ: م 2

يطبق مهارات التفكير النقدي.

2.3 مرتبط بـ: م3

يطور مهاراته التقنية في برامج تصميم واجهات المستخدم.

3.1 مرتبط بـ: ق 1

يلتزم بأخلاقيات المهنية بمراعاة حقوق الملكية الفكرية.

3.2 مرتبط بـ: ق 3

يتكيف مع الظروف المختلفة في بيئة العمل.