الدرس 1 من 8
سلّم الأحجام
- 11 دقيقة
- 5 فحوص
- 3 تلميحات
- إلى المطلوب
هدف الدرس
عناوين تتدرّج أحجامها بوضوح
الشرح
العناوين ليست مجرّد نصّ أكبر، بل هي خريطة للصفحة، فالقارئ يمرّ بعينه على الصفحة فيعرف ما الأهمّ قبل أن يقرأ كلمة واحدة.
وتبني سلّم الأحجام بنسبة ثابتة لا بأرقام عشوائية، فتختار حجم نصّ الفقرات، ثم تضربه في نسبة مثل 1.25 أو 1.333 لكل درجة أعلى، فتخرج أحجام متناسقة يرتاح لها القارئ وإن لم يعرف السبب.
وتكفي ثلاث درجات لمعظم الصفحات، لأن الزيادة عليها تُضعف الفرق بين العناوين بدل أن تقوّيه.
المطلوب
اجعل h1 أكبر من h2، وh2 أكبر من h3، واجعل حجم h1 لا يقلّ عن حجم h3 مضروبًا في 1.6.
الفحوص
5 فحوص- حجم h1 أكبر من حجم h2
- حجم h2 أكبر من حجم h3
- حجم h3 أكبر من حجم الفقرة
- حجم h1 يبلغ 1.6 ضعف حجم h3 على الأقل
- الأحجام بوحدات نسبية (rem أو em)