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

الخطوط

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

العائلات والأوزان والبدائل

في حين يمكن للأنظمة تنويع الخطوط بناءً على السمات، فإن معظمها يؤسس نفسه في البداية من خلال تحديد عائلة الخطوط الأساسية ذات التذييل و/أو بدون التذييل. يتم تعزيز كل خط بسلسلة من البدائل (Hello وArial وTimes)، وتضيف العديد من الأنظمة خطًا أحادي المسافة لعروض التعليمات البرمجية (حتى لو كانت خاصة بها فقط).

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

خلاصة القول: الوصول إلى الخط الأساسي ليس صعبًا دائمًا، ولكن اختيار الأوزان المراد تضمينها يحمل عواقب طويلة الأجل. إضافة الخطوط والأوزان أمر سهل. إدارة حجم التنزيل وتغييرها أمر صعب.

الحصول على الخطوط، سواء عن طريق التنزيل أو الارتباط أو شبكة توصيل المحتوى

سواء كان برنامج نظام التصميم يمتلك الخطوط أم لا، يتوقع مستخدمو نظام التصميم أن يوفر النظام الإرشادات اللازمة لاستخدام الخطوط.

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

بالنسبة للمطورين، يعتمد الأمر على النهج، وتوفير خيارات مثل:

• تنزيل الخط المباشر لخدمة الخطوط نفسها
• تعليمات للربط بخدمة مثل خطوط Google
• مراجع CDN التي تشير إليها جميع المنتجات بشكل جماعي
• دعوة للاتصال بمهندس فني، حيث يلزم الحصول على ترخيص للخط. تتطلب المؤسسات ذلك للتحكم في التكلفة المتكررة وغير التافهة غالبًا لاستضافة الخط وتقديمه.

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

مقياس وتسلسل الطباعة

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

نص الجسم

تستفيد الأنظمة من مقياس النوع لتقديم أحجام نص أساسية - غالبًا ما تسمى ببساطة نص أو جسم - تتضمن صغير ومتوسط ​​وكبير، وإذا كنت بحاجة إليها، xs وxl وما إلى ذلك. تحتاج معظم الأنظمة إلى ثلاثة أو نحو ذلك (ومن هنا، فإن راحتي في استخدام أحجام القمصان). ابدأ بعدد قليل ووسّعه حسب الضرورة مثل تصميمات المكونات وتركيبات الصفحات في البرية.

قد تقدم نسخة النص أيضًا فقرة "مقدمة" مميزة (أو "مقدمة") لفتح صفحة، كما هو الحال في مقال (المزيد حول هذا لاحقًا). وبالتالي، قد يحتاج مقياس S/M/L البسيط أيضًا إلى متغيرات أخرى للمقدمة. وهذا مهم بشكل خاص في الأنظمة التي تقدم أحجامًا متعددة، حيث سيكون المقدمة للشاشات الأكبر والأقل كثافة أكبر من المقدمة للبدائل الأصغر والأعلى كثافة.

لون النص

يلعب اللون أيضًا دورًا رئيسيًا في التسلسل الهرمي الطباعي للواجهة، غالبًا من خلال أنواع ثابتة مثل: