لا تحب الإعلانات؟ يذهب خالية من الإعلانات اليوم
مولد مقياس الخطوط المعياري
مطورالرياضياتنص
إعلان · حذف؟
إعلان · حذف؟
مرشد
مولد مقياس الخطوط المعياري
يُبنى مُولد مقياس الخطوط من حجم أساسي واحد ونسبة رياضية مختارة. كل خطوة في المقياس هي خطوة سابقة مضروبة بعلاقة النسبة، لذا تبقى أبعاد العناوين والنص الأساسي والنص الصغير متناسقة على كل شاشة.
كيفية استخدام
- اضبط الحجم الأساسي ببيت (أو 16px، وهو ما يعادل 1rem).
- اختر النسبة من القائمة المنسدلة، أو اختيار مخصص وإدخال قيمة خاصة بك.
- اختر الناتج وحدة (rem، em، أو px) وعدد النُّسَب العشرية.
- اختر تنسيق التصدير — متغيرات CSS، متغيرات SCSS، تكوين تيليند، أو ملف JSON.
- تعديل عينة نص لعرض نسخة خاصة بك في كل خطوة من المقياس.
- انسخ أو احفظ الكود المُولَّد وانسخه مباشرة إلى مشروعك.
خصائص
- تسع نسباً كلاسيكية – من النسبة الثانية الصغيرة إلى النسبة المربعة، بما في ذلك نسبة الذهب (1.618).
- مدخل النسبة المخصصة – أدخل أي قيمة بين 1.01 و 3 لبناء مقياس مخصص.
- عرض تجريبي مباشر – اعرض النص المُولَّد في كل خطوة من xs إلى 6xl.
- أربعة صيغ تصدر – متغيرات CSS، متغيرات SCSS، تكوين تيليند، أو ملف JSON.
fontSizeالنسبة rem، em، أو px - – اختر الوحدة التي تتوافق مع نظام التصميم الخاص بك. – قم بترقيم القيم المولدة إلى 0–5 أرقام عشرية.
- دقة قابلة للتعديل حساب رياضي على الجهاز
- – كل شيء يُعالج في المتصفح، لذا لا يُرسل أي شيء إلى الخادم. ما هو مقياس الخطوط المُعياري؟
التعليمات
-
مقياس الخطوط المُعياري هو تسلسل لحجم الخطوط المُبنى من حجم أساسي واحد ونسبة ثابتة. كل خطوة هي خطوة سابقة مضروبة بعلاقة النسبة، مما يحافظ على العلاقة النسبية بين الأحجام بشكل متسق عبر كل التصميم.
لماذا نستخدم النسب الرياضية بدلًا من أحجام عشوائية؟
-
النسب المستوحاة من نظرية الموسيقى والتناسق الكلاسيكي — النسبة الرابعة المثالية، النسبة الخامسة المثالية، نسبة الذهب — تُخلق علاقات تُقرؤها العين بسلاسة. الأحجام العشوائية تُشعر بالانعدام وتحتاج إلى قرارات بصرية أكثر في كل شاشة.
أي نسبة يجب أن أختارها للنصوص المُركزة على المحتوى؟
-
النسب الأصغر مثل النسبة الثالثة الصغيرة (1.2) والنسبة الثالثة الكبيرة (1.25) تُحافظ على حجم العناوين قريبًا من حجم النص الأساسي، وهو ما يناسب الوثائق، المدونات، وواجهات المحتوى التي يقضي فيها القارئ معظم الوقت داخل الفقرات.
أي نسبة يجب أن أختارها للتصميمات التسويقية والصحفية؟
-
النسب الأكبر مثل النسبة الخامسة المثالية (1.5) ونسبة الذهب (1.618) تُنتج تغيرات كبيرة في حجم النص بين النص الأساسي والنص العرضي. تُستخدم بشكل جيد في صفحات التسويق، المجلات، ومقاطع العرض الرئيسية حيث يكون الخطوط هو الوجهة الأساسية.
ما الفرق بين الوحدات rem، em، وpx؟
-
px هي وحدة حجم مطلقة. rem هي وحدة مُقارنة مع حجم الخط الأساسي، لذا تُعدّ متناسبة عند تغيير المستخدم لحجم الخط الافتراضي. em هي وحدة مُقارنة مع حجم الخط الأقرب إلى العنصر الأب، مما يجعل العناصر المُضمنة تُضاعف. يفضل معظم أنظمة التصميم استخدام rem في مقياس الخطوط العالمي لأنه يُحترم إعدادات التوصيل للمستخدم.
النص السريع الأحمر يقف فوق الكلب الضعيف
هل تريد حذف الإعلانات؟
تخلص من الإعلانات اليوم
تثبيت ملحقاتنا
أضف أدوات IO إلى متصفحك المفضل للوصول الفوري والبحث بشكل أسرع
恵 وصلت لوحة النتائج!
لوحة النتائج هي طريقة ممتعة لتتبع ألعابك، يتم تخزين جميع البيانات في متصفحك. المزيد من الميزات قريبا!
إعلان · حذف؟
أدوات يجب تجربتها
عرض الكلإعلان · حذف؟
شارك
إعلان · حذف؟
