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

مقياس الطباعة مجموعة من أحجام الخطوط تكبر بالنسبة نفسها، فتبدو العناوين والنص الأساسي والتعليقات مترابطة لا عشوائية. يحسب مولد مقياس الطباعة هذا المقياس من حجم أساسي ونسبة، ويعاينه بنص حقيقي بالخط الذي تختاره، ويصدّر الأحجام في صورة شيفرة.

كيف تنشئ مقياس طباعة

1. حدّد الحجم الأساسي، وعادة يكون 16px للنص الأساسي.
2. اختر نسبة، من الثانية الصغيرة (1.067) إلى الخامسة التامة (1.5) والنسبة الذهبية (1.618) وما بعدها.
3. حدّد عدد الخطوات للأعلى (العناوين) والخطوات للأسفل (النص الصغير).
4. حدّد نسبة للجوال أصغر حتى لا تطغى العناوين على الشاشات الصغيرة.
5. اختر خطًا واكتب نصًا تجريبيًا للمعاينة، ثم انسخ شيفرة CSS أو SCSS أو Tailwind.

اختيار النسبة

النسبة	الاسم	الانطباع
1.125	الثانية الكبيرة	هادئ، مناسب للتطبيقات الكثيفة
1.2	الثالثة الصغيرة	متوازن، شائع في المواقع
1.25	الثالثة الكبيرة	تسلسل هرمي واضح للمدونات
1.333	الرابعة التامة	عناوين قوية
من 1.5 إلى 1.618	الخامسة التامة، النسبة الذهبية	لافت، لصفحات الهبوط

مثال بحجم 16px ونسبة 1.25

12.8px، 16px، 20px، 25px، 31.25px، 39.06px، 48.83px. كل حجم هو الحجم السابق مضروبًا في 1.25.

نصائح

• استخدم نسبة ألطف على الجوال، مثل 1.2 على الهواتف و1.333 على الحاسوب.
• قرّب الأحجام إلى بكسلات كاملة أو أنصاف بكسل في رموز التصميم النهائية.
• اقرن الأحجام بارتفاع السطر: نحو 1.5 للنص الأساسي ومن 1.1 إلى 1.25 للعناوين الكبيرة.
• استخدم وحدات rem في CSS حتى يحترم النص إعداد الخط في متصفح المستخدم.

أكمل نظام التصميم لديك بشبكة من مولد نظام الشبكة وألوان من مولد لوحة الألوان.