مبادئ استعمال الخطوط في تصميم الويب

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

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

لا تستخدم خطوط النظام ... إنها مملة و بشعة !

أكره و أبغض تماماً استخدام خطوط النظام على مواقع الويب العصرية , فكيف تستطيع أنت أن تقرأ بسهولة ومتعة خط Arial مثلاً 😑 ؟

هذا أسوأ شيء يمكنك فعله كمصمم أو مبرمج مواقع ويب لسببين :

أولهما : أن تلك الخطوط تعود القارئ على رؤيتها ويريد التغيير .

و ثانيهما : تلك الخطوط أبشع خطوط وجدت على سطح الأرض .

صحيح أنه يمكنك استخدام خط Tahoma لكنه يبقى للفقرات الصغير ذات الخط الصغير , فلو كبر الخط صار أبشع مما كان عليه .

مهلاً ... هناك استثناء : بإمكانك استخدام خط Segoe UI نظراً لأنه بسيط وجميل ومعاصر .. لكنه نادر !

استخدم خطوطاً بسيطة وسهلة للقراءة

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

لا تجعل خطوط العناوين و محتوى الفقرات متباين جداً

لا تجعل خط العناوين شرقاً , والآخر غرباً , إنه يوتر و يربك القارئ , سأعطيك مثالاً كي تفهم أكثر .

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

لا تستخدم خطوط تصميم الجرافيك والخطوط الطفولية لمواقع الويب

أصادف كثيراً مواقع تستخدم خطوط لا علاقة لها بالويب , مثلاً أجد موقع يستخدم خط  😒 JF Flat , وهو دوماً يكون لهذا الشكل :

هذا هو الخط الذي لا يصلح أبداً للمواقع

قد يكون هذا الخط صالحاً لتصاميم الجرافيك .. لكن عليهم حذفه من الويب نهائياً .

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

هذا أيضاً خط يجب أن يمحى آثاره على الويب ويبقى فقط لتصاميم الجرافيك

الخطوط المناسبة والذي يجب عليك حبها و استخدامها

من بين كل هذه الخطوط , هناك خطوط وجب التصفيق لمن 👏🏻 صمموها وبرمجوها وطوروها 👏🏻 , فهناك خطوط لا يجب أن تضيع من بين أيدي أصحاب المواقع , نعم أنا أعي ما أقوله , إنها فعلاً خطوط بسيطة ومميزة جداً سأعرضها عليك الآن .

أولاً : خط نسيم Nassim , وهو الخط الذي أستعمله في مدونتي و أكتب به هذا

ثانياً : خط النسخ Droid Arabic Naskh : و هو هذا الخط

ثالثاً : خط دون تذييل عربي Droid Sans Arabic : و هو بهذا الشكل

رابعاً : خط كوفي Droid Arabic Kufi : و هذا هو شكله

خامساً : خط هلفتيكا Helvetica : وهذا هو شكل

سادساً : خط الجزيرة Jazeera : وهو صالح للعناوين وهذا هو شكله

سابعا : خط بهيج Bahij : وهكذا يبدو شكله ...

لكن بصفة عامة , فإن خط Droid Arabic Kufi و Droid Sans Arabic مناسبان للمدونات والمواقع التقنية والمعلوماتية , أما بقية الخطوط التي ذكرتها فهي مناسبة لكل المواقع و المدونات .

خاتمة

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

الآن ما بقي لي إلا أن أودعك لمقال آخر ...