الخط العربي على الويب: قواعد تصميم يتجاهلها الكثيرون

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

حجم الخط

الحجم المريح للنص العربي أكبر عادة من نظيره اللاتيني. ما يبدو مناسبًا بحجم 16 بكسل بالإنجليزية يحتاج غالبًا 17 أو 18 بكسل بالعربية لنفس درجة الوضوح.

ارتفاع السطر

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

عرض السطر

السطر الطويل جدًا يجعل العين تفقد مكانها عند الانتقال للسطر التالي. حافظ على عرض يتراوح بين 60 و 75 حرفًا تقريبًا.

الوزن والتباين

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

الاتجاه والأرقام

اتجاه النص RTL لا يعني عكس كل شيء. الأرقام والرموز التقنية وعناوين الروابط تبقى بترتيبها الطبيعي، والخلط غير المدروس ينتج نصًا مربكًا.

اختبار بسيط

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