ما هو سلّم الخطوط؟
سلّم الخطوط هو المجموعة المرتّبة من أحجام الخط التي يسمح بها نظام التصميم، وتُولَّد عادة بضرب حجم أساسي في نسبة ثابتة. وحصر النص في هذه الدرجات هو ما يبقي الطباعة متسقة في واجهة يبنيها كثيرون.
كيف يُبنى السلّم
اختر حجمًا أساسيًا، عادة 16px لأنه الافتراضي في المتصفح والحجم الذي ينبغي أن يكون عليه نص المتن عمومًا. ثم اختر نسبة. واضرب صعودًا ونزولًا.
نسبة 1.25 (ثالثة كبرى) من أساس 16px تعطي تقريبًا:
12px ← 16 / 1.25 / 1.067
14px
16px ← الأساس
20px
25px
31px
39pxثم تُقرَّب القيم إلى شيء معقول. والنسب الشائعة تتراوح بين 1.125 (خفيفة، مناسبة للواجهات الكثيفة) و1.5 (درامية، أنسب لصفحات التسويق منها للتطبيقات).
لماذا نقيّد الأحجام أصلًا
بلا سلّم تُختار الأحجام فرادى، فيتراكم في التطبيق نص بمقاس 13px و14px و15px لم يقصد أحد أن يكون مختلفًا. يُقرأ ذلك وكأنه غير محسوم قليلًا، دون أن يكون شيء بعينه خاطئًا على نحو يمكن تحديده.
والسلّم يجعل الإيقاع الرأسي قابلًا للمعالجة أيضًا. فحين ترتبط الأحجام بنسبة معلومة تستطيع ارتفاعات الأسطر والتباعدات أن ترتبط بها على نحو متوقّع بدل ضبطها في كل مكوّن.
ما لا يغطيه الحجم وحده
الحجم جزء من قرار طباعي لا كله. مجموعة الرموز الكاملة تقرن كل درجة بـ:
- ارتفاع السطر: أضيق في العناوين، أوسع في المتن. ونحو 1.2 لأحجام العرض و1.5 للمتن إعداد افتراضي معقول.
- الوزن: أي الأوزان متاح عند أي الأحجام
- التباعد بين الحروف: نص العرض الكبير يحتاج عادة تضييقًا طفيفًا، والنص الصغير غالبًا توسيعًا طفيفًا
والأنظمة التي ترمّز الحجم وحده تترك الثلاثة الأخرى لتُقرَّر من جديد في كل مكوّن، وهو حيث يعود التفاوت.
التسمية الدلالية
تسمية الدرجات بالدور لا بالحجم تستحق العناء للسبب نفسه الذي يجعلها تستحقه في اللون:
--font-size-body: 16px;
--font-size-heading-2: 25px;--text-lg يصف حجمًا. أما --font-size-heading-2 فيصف قرارًا، وتغيير ما يشير إليه لا يتطلب العثور على كل عنوان.
اختيار الخطوط
الاقتران المعتاد خط عرض ذو شخصية للعناوين وخط عملي شديد الوضوح لنص المتن. وطريقة الفشل هي اختيار خطين متشابهين دون أن يكونا متطابقين، فيُقرأ ذلك كخطأ لا كقرار. إما أن تُباين وإما أن تُطابق؛ ولا تقف عند "يكاد يتطابق".
أين يقع Flash DSM من هذا
الأنظمة المولَّدة تتضمن اقتران خطوط وسلّمًا كاملًا برموز للحجم والوزن وارتفاع السطر والتباعد بين الحروف عند كل درجة، مختارة بما يناسب المنتج الموصوف في الطلب.