انظر إلى أي صفحة ويب على الإنترنت اليوم ، بغض النظر عن حجم الموقع أو الصناعة التي تعمل بها ، وسترى أن الشيء الوحيد المشترك بينهم جميعًا هو محتوى النص.
من أسهل الطرق للتأثير على تصميم صفحة الويب هي استخدام الخطوط التي تستخدمها لمحتوى النص على ذلك الموقع. لسوء الحظ ، فإن العديد من مصممي الويب الذين هم في وقت مبكر من حياتهم المهنية يشعرون بالجنون بعض الشيء باستخدام الكثير من الخطوط في كل صفحة. يمكن أن يؤدي ذلك إلى تجربة مشوشة يبدو أنها تفتقر إلى تماسك التصميم. في حالات أخرى ، يحاول المصممون تجربة خطوط غير قابلة للقراءة تقريبًا ، وذلك باستخدامها لمجرد أنها "رائعة" أو مختلفة. قد تكون بالفعل خطوطًا رائعة المظهر ، ولكن إذا كان النص الذي من المفترض أن تنقله لا يمكن قراءته ، فعندئذٍ "البرودة" لهذا الخط سوف تتلاشى عندما لا يقرأ أحد ذلك الموقع وبدلاً من ذلك يغادر إلى موقع يمكنهم القيام به عملية!
بعض قواعد الإبهام
- لا تستخدم أكثر من 3-4 خطوط في أي صفحة واحدة. أي شيء أكثر من هذا يبدأ في الشعور بالهواة - وحتى 4 خطوط يمكن أن تكون كثيرة جدًا في بعض الحالات!
- لا تفعل تغيير الخط في منتصف الجملة ما لم يكن لديك سبب وجيه للغاية.
- استخدم خطوط sans serif أو خطوط serif للنص الأساسي لتسهيل قراءة كتل المحتوى هذه.
- استخدم خطوط monospace لنص الآلة الكاتبة وكتلة التعليمات البرمجية لتعيين هذا الرمز بعيدًا عن الصفحة.
- استخدم الخطوط النصية والخيالية للتعبير عن اللكنات أو العناوين الكبيرة التي تحتوي على عدد قليل جدًا من الكلمات.
تذكر أن هذه كلها اقتراحات وليست قواعد صارمة وسريعة. ومع ذلك ، إذا كنت ستفعل شيئًا مختلفًا ، فعليك أن تفعله بنية ، وليس صدفة.
خطوط Sans Serif هي أساس موقعك
خطوط Sans serif هي تلك الخطوط التي لا تحتوي على "الرقيق”- معالجة التصميم المضافة قليلاً على نهايات الحروف.
إذا كنت قد شاركت في أي دورات تدريبية في تصميم المطبوعات ، فربما تم إخبارك بأنه يجب استخدام خطوط serif فقط للعناوين الرئيسية فقط. هذا ليس صحيحا للويب. تهدف صفحات الويب إلى عرضها بواسطة متصفحات الانترنت على شاشات الكمبيوتر والأجهزة المحمولة وشاشات اليوم وشاشات العرض جيدة جدًا في عرض كل من خطوط serif و sans-serif بوضوح. يمكن أن تصبح بعض خطوط serif صعبة قليلاً للقراءة بأحجام أصغر ، خاصةً على شاشات العرض القديمة ، لذا يجب عليك دائمًا كن على دراية بجمهورك وتأكد من أنه يمكنهم قراءة خطوط serif قبل اتخاذ قرار باستخدامها لجسمك نص. ومع ذلك ، فإن معظم خطوط serif اليوم مصممة للاستهلاك الرقمي وستعمل بشكل جيد كنسخة أساسية طالما تم تعيينها بحجم خط معقول.
بعض الأمثلة على خطوط sans-serif هي:
- اريال
- جنيف
- هيلفيتيكا
- لوسيدا سانس
- تريبوشيت
- فيردانا
ملحوظة
Verdana هي عائلة خطوط تم اختراعها من أجل استخدامها على الويب.
استخدم خطوط Serif للطباعة.
على الرغم من صعوبة قراءة خطوط serif عبر الإنترنت لشاشات العرض القديمة ، إلا أنها مثالية للطباعة وجيدة للعناوين الرئيسية على صفحات الويب. اذا كنت تمتلك مناسب للطباعة إصدارات موقعك ، هذا هو المكان المثالي لاستخدام خطوط serif. تجعل الحروف الرقيقة ، المطبوعة ، من السهل قراءتها ، لأنها تتيح للناس التمييز بين الأحرف بشكل أكثر وضوحًا. ونظرًا لأن دقة الطباعة أعلى ، يمكن رؤيتها بشكل أكثر وضوحًا ولا يبدو أنها ضبابية معًا.
بعض أمثلة لخطوط serif نكون:
- جاراموند
- جورجيا
- مرات
- تايمز نيو رومان
تشغل الخطوط أحادية المسافة مساحة متساوية لكل حرف
حتى إذا كان موقعك لا يتعلق بالحوسبة ، يمكنك استخدام monospace لتقديم الإرشادات أو إعطاء أمثلة أو الإشارة إلى نص مكتوب على الآلة الكاتبة. الأحرف أحادية المسافة لها نفس العرض لكل حرف ، لذا فهي دائمًا تشغل نفس القدر من المساحة على الصفحة. تعمل خطوط Monospace بشكل جيد بشكل خاص مع عينات التعليمات البرمجية.
تستخدم الآلات الكاتبة عادةً خطوطًا أحادية المسافة ، ويمكن أن يمنحك استخدامها على صفحة الويب الخاصة بك إحساسًا بهذا المحتوى المكتوب.
بعض الأمثلة على خطوط monospace هي:
- ساعي
- ساعي جديد
- وحدة التحكم لوسيدا
- موناكو
يصعب قراءة الخطوط الخيالية والنصوص
الخطوط الخيالية والنصوص ليست منتشرة على نطاق واسع على أجهزة الكمبيوتر ، وبشكل عام يمكن أن يكون من الصعب قراءتها بأجزاء كبيرة. بينما قد يعجبك تأثير يوميات أو سجل شخصي آخر قد يمنحك استخدام خط متصل ، فقد يواجه القراء مشكلة. هذا صحيح بشكل خاص إذا كان جمهورك يضم متحدثين غير أصليين. أيضًا ، لا تشتمل الخطوط الخيالية والمخطوطة دائمًا على أحرف تمييز أو أحرف خاصة أخرى تقصر النص على اللغة الإنجليزية.
استخدم الخطوط الخيالية والمرتبطة في الصور وكعناوين رئيسية أو وسائل شرح. اجعلها قصيرة واعلم أن أي خط تختاره لن يكون على الأرجح موجودًا على غالبية أجهزة كمبيوتر القراء ، لذلك ستحتاج إلى توصيلها باستخدام خطوط الويب.
بعض الأمثلة على الخطوط الخيالية هي:
- لوحة من النحاس
- ديسديمونا
- تأثير
- كينو
ملحوظة
التأثير هو عائلة الخطوط التي من المرجح أن تكون موجودة على أجهزة Mac و Windows و Unix.
بعض الأمثلة على خطوط البرنامج النصي هي:
- أبل Chancery
- كوميك بلا مس
- خط لوسيدا
ملحوظة
أظهرت الدراسات أن الخطوط التي يصعب قراءتها يمكن أن تساعد الطلاب في الاحتفاظ بالمزيد من المعلومات.