واجهة تطبيق جامعي

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

الوصف: تم تصميم هذا المشروع كجزء من تدريب تعليمي على تصميم واجهات المستخدم باستخدام برنامج Figma. يحتوي المشروع على صفحتين رئيسيتين: صفحة المعلومات الشخصية وصفحة رئيسية تشمل أدوات وخدمات الطالب.

الصفحة الأولى: "Personal Info": تعرض هذه الصفحة بيانات الطالب الشخصية بما في ذلك الاسم الكامل، الرقم الجامعي، الكلية، التخصص، البريد الإلكتروني، ورقم الهاتف. تم التركيز على تقديم عرض منظم وبسيط للمعلومات الشخصية باستخدام الرموز والخطوط الواضحة.

الصفحة الثانية: "Home Page": تحتوي على أدوات متعددة تهم الطالب مثل الخطة الدراسية، الغيابات، التحذيرات الأكاديمية، المعدل التراكمي، حساب المعدل، وطلب التقارير. تم تصميم هذه الصفحة بحيث تكون سهلة الاستخدام وبأيقونات واضحة لكل خدمة متاحة.

التفاصيل التقنية:

تم استخدام Figma في كافة مراحل التصميم، بدءاً من الإطارات السلكية (wireframes) وحتى النسخة النهائية.

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

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

مراحل التنفيذ:

تخطيط الإطارات السلكية (Wireframes): في البداية تم إنشاء هيكل مبدئي يوضح أماكن البيانات والعناصر التفاعلية.

اختيار الألوان والخطوط: تم استخدام ألوان هادئة وخطوط واضحة لتناسب الواجهة.

إضافة الأيقونات: تم استخدام أيقونات متناسقة مع المحتوى لتمثيل الخدمات المتاحة.

التحسينات النهائية: تعديل التفاصيل الصغيرة مثل توزيع المساحات والتحسينات البصرية لضمان تجربة مستخدم ممتازة.