نظام تصميم وزارة شؤون المحاربين القدامى الأمريكية: الخطوط
صفحة الخطوط في نظام التصميم التابع لوزارة شؤون المحاربين القدامى الأمريكية، مأخوذة من موقع design.va.gov، وآخر تحديث مطبوع عليها في 25 يونيو 2026.
ما هو
صفحة الخطوط في نظام التصميم التابع لوزارة شؤون المحاربين القدامى الأمريكية، مأخوذة من موقع design.va.gov، وآخر تحديث مطبوع عليها في 25 يونيو 2026. تسمّي ثلاثة خطوط مفتوحة المصدر وتشرح سبب اختيار كل منها: Source Sans Pro للواجهات ونصوص القراءة، وBitter وهو خط بزوائد مربعة صُمم على شبكة البكسل، وRoboto Mono للشيفرة والأرقام. ثم تضع قواعد واضحة: أحجام الخط بوحدة rem لا بالبكسل حتى يتبع النص إعدادات المتصفح عند المستخدم وفق معيار WCAG 2.2، والعناوين مرتبة حسب مستوياتها ويُغيَّر حجمها بفئات مساعدة لا بتخطي مستوى، والعناوين لا تتحول إلى روابط إلا داخل البطاقات، والخط أحادي العرض للأرقام التي تُجمع مثل الأرصدة والنسب لا لأرقام الهواتف والرموز البريدية والتواريخ، وعنوان تمهيدي صغير فوق العنوان الرئيسي، وعرض للفقرة لا يتجاوز 72ex.
لماذا نقرؤه اليوم
هذا من أدلة الهوية القليلة التي تعطي سببًا لكل قاعدة، وأغلب الأسباب تخص القارئ لا العلامة: أحجام نسبية حتى لا يُحرم من يكبّر النص، وترتيب العناوين من أجل قارئات الشاشة، والخط أحادي العرض فقط حيث يجب أن تصطف الأرقام في أعمدة. هذه القواعد صالحة وتوافق إرشادات إتاحة الوصول الحالية، وعرض سطر بين 72 و77 حرفًا تقريبًا يقع عند الحد الأعلى لما ينصح به المختصون منذ زمن طويل. أما القول بأن المظهر الموحد يمنح المصداقية فهو ادعاء لا نتيجة بحث، وإن كان الاتساق يرتبط عادة بسهولة التعرف على العلامة. ما لا ينتقل إلى الخليج هو قائمة الخطوط نفسها، فلا يحتوي أي من الثلاثة على حروف عربية، والعلامة ثنائية اللغة تحتاج خطًا عربيًا يُختار للمهام نفسها: الواجهة والقراءة والأرقام في الجداول. كما أن وحدتي ex وch مبنيتان على الحروف اللاتينية، فيجب اختبار عرض السطر على نص عربي حقيقي. طريقة الاستخدام: انسخ بنية الصفحة في دليل علامتك، واذكر لكل خط مهمته وسببها، ثم اكتب القواعد أزواجًا من «افعل» و«لا تفعل» مع مثال لكل منهما.
مقاطع تستحق الحفظ
Typographical selections intended to meet the highest standards of usability and accessibility, while setting a consistent look and feel in order to convey credibility.الهدف من اختيار الخطوط أن تكون سهلة الاستخدام ومتاحة للجميع، وأن يمنح المظهر الموحد الخدمة مصداقية.
Font sizes must use relative units (rem or em), not pixels.تُحدد أحجام الخطوط بوحدات نسبية لا بالبكسل، حتى تتغير مع إعدادات المستخدم الذي يحتاج نصًا أكبر.
Always use semantic headings, logically nested in the proper order. Do not use improper nesting to achieve a different font size.رتّب العناوين حسب مستوياتها دائمًا، ولا تقفز من مستوى إلى آخر لمجرد الحصول على حجم خط مختلف.
Do not use monospace fonts for phone numbers, zip codes, dates, or other data that can’t be added up.الخط أحادي العرض للأرقام التي تُجمع وتُقارن في أعمدة، لا للأرقام التي هي في الحقيقة معرّفات مثل الهاتف والتاريخ.
اقرأ الأصل design.va.gov
إن كانت هذه المكتبة مفيدة، اترك بريدك
نرسل الأنماط والإعلانات والملاحظات الجديدة حين نضيفها. الاسم والهاتف اختياريان.
أنت على القائمة
نكتب إليك حين نضيف مادة جديدة إلى المكتبة.