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

كيفية تحديد الأسرة التي تستخدم الخط

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

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

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

بعض قواعد OF-THUMB

  1. لا تستخدم أكثر من 3 إلى 4 خطوط على أي صفحة واحدة. أي شيء أكثر من هذا يبدأ في الشعور بالهواة - وحتى 4 خطوط يمكن أن تكون كثيرة جدا في بعض الحالات!
  2. لا تغير الخط في منتصف الجملة ما لم يكن لديك سبب وجيه جدا (ملاحظة - لم أجد أبداً ، في كل سنوات عملي كمصمم ويب ، سبباً وجيهاً للقيام بذلك)
  3. استخدم خطوط sans serif أو خطوط serif لنصوص النص لتجعل تلك المقاطع من المحتوى أسهل في القراءة.
  4. استخدم خطوط monospace لنص الآلة الكاتبة وكتلة التعليمات البرمجية لتعيين هذا الكود بعيدًا عن الصفحة.
  5. استخدم النص البرمجي وخطوط الخيال لللهجات أو العناوين الكبيرة بكلمات قليلة جدًا.

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

Sans SERIF FONTS هي أساس لموقعك

خطوط Sans serif هي تلك الخطوط التي لا تحتوي على " serifs " - وهي معالجة تصميم مضافة صغيرة على طرفي الحروف.

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

بعض الأمثلة على خطوط sans-serif هي:

Trivia: Verdana هي عائلة خطوط تم اختراعها للاستخدام على الويب.

استخدام SERIF FONTS FOR PRINT

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

أفضل ممارسة: ضع في اعتبارك استخدام خطوط serif للصفحات التي تناسب الطباعة.

بعض الأمثلة على الخطوط serif :

تأخذ MONOSPACE FONTS مساحة مساوية لكل رسالة

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

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

بعض الأمثلة على خطوط monospace هي:

أفضل الممارسات: تعمل خطوط Monospace بشكل جيد للحصول على نماذج التعليمات البرمجية.

FANTASY و SCRIPT FONTS صعب أن يقرأ

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

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

بعض الأمثلة على خطوط الخيال هي:

Trivia: Impact هي عائلة الخط الأكثر احتمالاً على أجهزة Mac و Windows و Unix.

بعض الأمثلة على خطوط البرنامج النصي هي:

التوافه: أظهرت الدراسات أن الخطوط التي يصعب قراءتها يمكن أن تساعد الطلاب في الاحتفاظ بالمزيد من المعلومات.

المقالة الأصلية لجنيفر كرينين. حرره جيريمي جيرارد في 9/8/17