دليل الهوية البصرية الرقمية الموحدة

1. المقدمة والأهداف الاستراتيجية

يهدف هذا الدليل إلى توحيد التجربة البصرية والرقمية لزوار بوابات جامعة ديالى. إن اتساق الخطوط، والألوان، والشعارات عبر الموقع الرئيسي ومواقع الكليات والأنظمة الفرعية (مثل مستودع البحوث والمجلات العلمية) يُمثل ركيزة أساسية في تعزيز الثقة المؤسسية، ورفع كفاءة الأداء الفني، والامتثال الكامل لمعايير الحوكمة الرقمية الصادرة عن وزارة التعليم العالي والبحث العلمي العراقي.

2. نظام ألوان الهوية السيادية (Corporate Color Palette)

تلتزم جميع المواقع والمنصات التابعة للجامعة باستخدام لوحة الألوان المعتمدة أدناه. يُحظر تماماً استخدام ألوان خارج هذا النطاق في الأزرار والقوائم والخلفيات الرئيسية، وذلك لضمان التباين اللوني المريح لضعاف البصر وفق معايير WCAG 2.1 AA:

3. المعايير القياسية للشعار (Logo Standards)

• صيغة الشعار الحتمية: يُلزم الدليل استخدام شعار جامعة ديالى بصيغة SVG (Vector Graphics) فقط في ترويسة الموقع. يُمنع منعاً باتاً استخدام صيغ ذات خلفية بيضاء مشوهة أو دقة منخفضة (مثل JPEG أو PNG العشوائية).

• موقع الشعار: يوضع الشعار في أعلى يمين الصفحة (في واجهة اللغة العربية) وفي أعلى اليسار (في واجهة اللغة الإنجليزية).

• منطقة الأمان (Clear Space): يجب ترك مساحة فارغة تحيط بالشعار من جميع الجهات بمقدار لا يقل عن 20px لمنع تداخله مع عناصر القائمة الرئيسية.

• الأيقونة المفضلة (Favicon): يجب رفع شعار الجامعة المصغر كأيقونة تصفح بحجم 32x32 pixels لتدخل في تبويبات المتصفح لجميع المنصات الفرعية والمجالات المربوطة بالجامعة.

4. التصميم المطبعي والخطوط الرقمية (Typography Hierarchy)

لتفادي العشوائية في استخدام الخطوط، تم اعتماد خط عائلة (Cairo) أو (Tajawal) المتاح عبر Google Fonts كخط رسمي وحيد لجامعة ديالى على الويب:

• العناوين الرئيسية الكبرى (H1): * الحجم: 32px | الوزن: عريض (Bold) | اللون: #0A3A60

  • الاستخدام: عنوان الصفحة الرئيسي (مثل: كلمة رئيس الجامعة، اسم الكلية).

• العناوين الفرعية (H2 & H3):

  • الحجم: 24px و 20px | الوزن: متوسط (Medium) | اللون: الرمادي الداكن أو الأزرق.

  • الاستخدام: عناوين الأقسام داخل الصفحة الواحدة.

• النصوص الاعتيادية والفقرات (Paragraph / Body):

  • الحجم: 16px | الوزن: عادي (Regular) | اللون: #111827

  • تباعد الأسطر (Line Height): 1.6 لضمان انسيابية القراءة وعدم تداخل الحروف العربية.

5. مكونات واجهة المستخدم الموحدة (UI Elements Consistency)

يجب على مطوري الويب في جميع الكليات الالتزام بالأنماط البرمجية والبصرية التالية:

• حواف العناصر (Border Radius): تم اعتماد انحناء ناعم وموحد للبطاقات والأزرار بمقدار 8px أو 12px (تجنب الحواف الحادة 100% وتجنب الدوائر المبالغ فيها).

• تصميم الأزرار (Buttons):

  • الزر الرئيسي: خلفية زرقاء داكنة #0A3A60 ونص أبيض، وعند تمرير الماوس (Hover) يتحول إلى الأزرق الفاتح بنسبة 10%.

  • زر التحميل/الإجراء المساعد: خلفية ذهبية #D4AF37 ونص داكن.

• الأيقونات (Icons): توحيد حزمة الأيقونات المستخدمة في كامل الموقع. يُنصح بالاعتماد حصرياً على حزمة FontAwesome 6 Pro أو Bootstrap Icons، ويُمنع الخلط بين أيقونات ملونة ثلاثية الأبعاد وأيقونات خطية مسطحة.

6. حوكمة التطبيق على الأنظمة الفرعية والكليات (Sub-domains)

لكي يجتاز الموقع فحص اللجنة الوزارية، يجب تطبيق نظام الترويسة والتذييل العالمي (Global Header & Footer):

1. مواقع الكليات (*.uodiyala.edu.iq): تحتفظ الكلية باسمها في الترويسة (مثال: كلية الهندسة)، ولكن بنفس الهيدر الأزرق، ونفس خط “Cairo”، وبنفس روابط التذييل الأربعة للسياسات المؤسسية التي صغناها سابقاً.

2. الأنظمة التخصصية (المستودع والمجلات): يجب تعديل ملفات التنسيق (CSS) الخاصة بنظام DSpace ونظام OJS لتكتسي بالأزرق الأكاديمي والخط الموحد للجامعة، بدلاً من ترك القوالب الافتراضية الرمادية لهذه الأنظمة.

7. آلية الرقابة والامتثال (Compliance & Enforcement)

• التدقيق الدوري: تشكّل لجنة برئاسة مدير مركز الحاسبة الإلكترونية في جامعة ديالى تقوم بفحص مواقع الكليات شهرياً عبر أداة (Lighthouse) وأداة (WAVE) للتأكد من عدم قيام أي كلية بتغيير الألوان أو الخطوط بشكل يخالف هذا الدليل.

• العقوبات الفنية: يُسحب تصريح النشر أو الوصول إلى لوحة تحكم الكلية في حال الإصرار على مخالفة معايير الاتساق البصري، ولا يُعاد النشر إلا بعد مطابقة الأكواد للألوان المعتمدة في هذا الدليل.