لوحة الألوان | COLOR PALETTE

لوحة الألوان | COLOR PALETTE


اختيار الألوان ليس فقط لعكس هوية الوزارة بل أيضا يستخدم في التقنية لتمثيل التغذية الراجعة و الأخطاء، و في عرض المعلومات بالرسوم البيانية و التوضيحية , كما أنها تستخدم لتوضيح ترتيب هيكلة المواضيع

لوحة الألوان الأساسية:

لوحة الألوان الأساسية مستخلصه من شعار وزارة العدل (ويجب أن تشكل الجزء الأكبر من ألوان التصميم)

Hex #fdbd10
RGB 253 189 16
HSV 44 94 99
CMYK 0 25 94 1

Hex #ec9a18
RGB 236 154 24
HSV 37 90 93
CMYK 0 35 90 7

Hex #187860
RGB 24 120 96
HSV 165 80 47
CMYK 80 0 20 53

Hex #075e4a
RGB 7 94 74
HSV 166 93 37
CMYK 93 0 21 63


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

Hex #010101
RGB 1 1 1
HSV 0 0 0
CMYK 0 0 0 100

Hex #424041
RGB 65 64 66
HSV 270 3 26
CMYK 2 3 0 74

Hex #ebebeb
RGB 235 235 235
HSV 0 0 92
CMYK 0 0 0 8

لوحة الألوان الثانوية

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

Hex #8fd2c5
RGB 143 210 197
HSV 168 32 82
CMYK 32 0 6 18

Hex #c0b05a
RGB 192 176 90
HSV 51 53 75
CMYK 0 8 53 25

Hex #ff4949
RGB 255 73 73
HSV 0 71 100
CMYK 0 71 71 0

Hex #00ad68
RGB 0 173 104
HSV 156 100 68
CMYK 100 0 40 32

استخدام لوحة الألوان في تصميم واجهات المستخدم

هرمية استخدام الألوان الأساسيه

اللون استخداماته في أدوات تصميم واجهات المستخدم
الأخضر الغامق و الأخضر الفاتح التنقلات الأساسية | القوائم المنسدلة | علامات التبويب | الأزرار| اشرطة التقدم | أكورديو ن| زر اتخاذ القرار| نص العنوان | النص الاساسي | زر التبديل | الأيقونات | الروابط| ترقيم الصفحات
الأصفر الغامق و الأصفرالفاتح اشرطة التقدم | الأيقونات | الروابط | زر التبديل
الأسودنص العنوان | والنص الأساسي | التنقل التفصيلي | اشرطة التقدم
الرمادي الغامقنص العنوان| النص الاساسي | التنقل التفصيلي | اشرطة التقدم
الرمادي الفاتحخلفية الصفحات | خلفية علامة التبويب | اطار تقسيم المحتو ى | خلفية الأكورديون | للزخرفة و النقوش بشفافية
الذهبي خلفية اللتعليق على الفيديو او الصور ة | اشرطة التقدم | زر التبديل | الروابط | رسائل التحذير| التلميحات لرسائل التحذير
الازرق الفاتح اشرطة التقدم | زر التبديل | الروابط | الرسائل المعلوماتية | تلميحات الرسائل المعلوماتية
الأحمررسائل الخطأ | التلميحات لرسائل الخطأ | الرسائل السلبية | الاشعارات
الأخضررسائل النجاح | تلميحات رسائل النجاح