الخطوط

كيف تختار خطاً عربياً وإنجليزياً متناسقين؟

كيف تختار خطاً عربياً وإنجليزياً متناسقين؟

تفتح عرض الشركة فتجد العنوان الإنجليزي بخط حديث أنيق، وبجانبه العنوان العربي بخط آخر يبدو أصغر وأثقل، كأنه من تصميم مختلف. أو تجد الموقع بالعربية يستخدم خطاً افتراضياً من النظام، لأن الخط الذي اختاره المصمم لا يدعم العربية أصلاً. هذه من أكثر المشكلات شيوعاً في الهويات ثنائية اللغة في المنطقة.

اختيار الخطين معاً من البداية يحل أغلبها.

كيف تختار خطاً عربياً يناسب الخط الإنجليزي؟

ابحث عن خطين متقاربين في الشخصية: سماكة الخطوط، وانفتاح الأشكال، ودرجة الهندسية أو الليونة. أسهل طريق هو عائلة خطوط صُممت نسختها العربية واللاتينية معاً، مثل IBM Plex Sans Arabic مع IBM Plex Sans، أو عائلة Noto بنسخها العربية واللاتينية.

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

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

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

لماذا يبدو النص العربي أصغر من الإنجليزي بنفس الحجم؟

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

هذه قواعد عملية نطبقها في أغلب المشاريع:

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

كم وزناً تحتاج من الخط؟

وزنان أو ثلاثة تكفي أغلب الشركات: عادي للنصوص، ومتوسط أو عريض للعناوين، وربما خفيف لاستخدامات محدودة. الأوزان الكثيرة لا تحسّن التصميم، وتثقل الموقع.

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

ما الذي يجب أن تعرفه عن ترخيص الخطوط؟

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

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

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

ماذا عن الخط في الموقع والتطبيق؟

الخط على الويب ملف يحمّله المتصفح، والخطوط العربية ملفاتها أكبر لكثرة أشكال الحروف. كل وزن إضافي يعني ملفاً آخر يبطئ تحميل الصفحة، خاصة على الهاتف.

  1. اختيار الأوزانما تستخدمه فعلاً فقط
  2. صيغة WOFF2أصغر حجماً للويب
  3. تقسيم الحروفتحميل العربية واللاتينية حسب الحاجة
  4. خط بديل مناسبيظهر النص فوراً حتى يكتمل التحميل
تجهيز الخط العربي للموقع دون إبطائه

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

أرقام عربية أم أرقام هندية؟

الأرقام العربية (123) والأرقام الهندية المستخدمة في المشرق (١٢٣) كلاهما شائع في المنطقة، والاختيار يعتمد على جمهورك ونوع المستندات. المهم أن تختار واحداً وتثبته في القوالب.

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

تُوثَّق كل هذه القواعد في دليل الهوية البصرية حتى يطبقها كل من يصمم باسمك. نختار الخطوط ونختبرها باللغتين على الورق والشاشة ضمن خدمة الهوية البصرية والتصميم. أرسل لنا عرضاً أو صفحة من موقعك باللغتين ونقول لك أين لا يتناسق الخطان.

أسئلة يطرحها شركاؤنا

هل خطوط Google Fonts العربية مجانية للاستخدام التجاري؟

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

هل يمكن استخدام الخط نفسه للشعار والنصوص؟

يمكن، لكن الشعار يُصمم غالباً كحروف مرسومة خصيصاً أو معدّلة، بينما يُختار خط النصوص لوضوح القراءة. المهم أن يبدو الاثنان من العائلة البصرية نفسها.

أرقام عربية أم هندية في الهوية؟

قرار يعتمد على سوقك ونوع المستندات. المهم أن تختار واحداً وتثبته في الدليل والقوالب، وأن يدعمه الخط الذي اخترته.

كتبه فريق Visual Innovate، الفريق الذي يبني الأنظمة والمواقع والتطبيقات ويستضيفها ويتابعها لعملائنا في الأردن والسعودية وعُمان ومصر.

هل أنت شريك نجاحنا القادم؟

احكِ لنا المشكلة كما تراها، ونعود إليك خلال يوم عمل بفهمنا لها وخطوة أولى واضحة.