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

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

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

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

أكره و أبغض تماماً استخدام خطوط النظام على مواقع الويب العصرية , فكيف تستطيع أنت أن تقرأ بسهولة ومتعة خط 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 مناسبان للمدونات والمواقع التقنية والمعلوماتية , أما بقية الخطوط التي ذكرتها فهي مناسبة لكل المواقع و المدونات .

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

المصدر: شبكة تعلم