نظام تصميم وزارة شؤون المحاربين القدامى الأمريكية: لوحة الألوان | رف القراءة
الرئيسيةالمكتبةرف القراءةنظام تصميم وزارة شؤون المحاربين القدامى الأمريكية: لوحة الألوان
دليل · تأليف: U.S. Department of Veterans Affairs

نظام تصميم وزارة شؤون المحاربين القدامى الأمريكية: لوحة الألوان

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

ما هو

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

لماذا نقرؤه اليوم

الصفحة قصيرة، لكن القاعدة التي تنص عليها هي ما يستحق الأخذ: اختر اللون بحسب وظيفته لا بحسب درجته. يطلب المصمم لون الخطأ أو لون الرابط، والرمز الدلالي يشير إلى اللون الخام الذي يؤدي هذا الدور. وهذه اليوم ممارسة معتادة، فصيغة رموز التصميم التي تعمل عليها مجموعة في W3C، وأنظمة كبيرة مثل Material وSalesforce Lightning، كلها تفصل القيم الخام عن رموز الأدوار. وفائدة ذلك لفريق التسويق هي التحكم: إذا تغيّر لون العلامة، أو احتاجت حملة موسمية لونًا إضافيًا، عدّلت ربطًا واحدًا بدل البحث في كل صفحة وقالب، وتوقف ظهور خمس درجات متقاربة من الأزرق في موقع واحد. أما الناقص فكثير: لا قيم لونية ولا أزواج تباين ولا أمثلة، فلا تصلح مرجعًا وحدها، والأفضل قراءتها مع صفحة الألوان في النظام الحكومي الأصلي الذي ترث منه. وإقرارها بأن رموز تطبيق الهاتف لم تصل إلى الويب شاهد صادق على كيف تتفرع الأنظمة. وطريقة الاستفادة: اكتب ألوان علامتك بحسب أدوارها، كالنص والرابط والإجراء والتحذير والخلفية، قبل أن تكتبها بحسب درجاتها.

مقاطع تستحق الحفظ

Our color palette is organized into semantic color tokens, which have specific meaning within the system, and primitive color tokens, which establish a sub-set of colors that the VA uses from the U.S. Web Design System.
Color palette, opening

الألوان في هذا النظام نوعان: رموز لها معنى ووظيفة داخل النظام، ورموز خام مأخوذة من النظام الحكومي الأوسع.

Semantic colors communicate how a color is used, grouped by concept.
Color palette, opening

اسم اللون الدلالي يخبرك بدوره، مثل الخطأ أو النجاح، لا بشكله، وتُجمع الألوان بحسب هذا الدور.

These primitive tokens should not be used directly. Apply semantic tokens instead, which map to appropriate primitives.
Primitive color tokens

لا يستخدم الفريق اللون الخام مباشرة، بل يستخدم الرمز الدلالي الذي يُربط به، فيسهل تغيير اللون لاحقًا من مكان واحد.

These concept-level tokens originated from VA's native mobile app. Adopting them in existing web components has not been prioritized.
Concept tokens

بعض الرموز نشأت في تطبيق الهاتف ولم تنتقل إلى الموقع بعد، وهذا اعتراف بأن النظام الواحد قد يتفرع بين المنصات.

اقرأ الأصل design.va.gov

تحديثات المكتبة

إن كانت هذه المكتبة مفيدة، اترك بريدك

نرسل الأنماط والإعلانات والملاحظات الجديدة حين نضيفها. الاسم والهاتف اختياريان.

اختياري
اختياري