الصفحة الرئيسية » تصميم المواقع » Typograph 101 Serif vs. Sans-Serif

    Typograph 101 Serif vs. Sans-Serif

    في مرحلة اختيار الخطوط ، يسأل المصمم نفسه غالبًا, “إلى سريف أو بلا سريف”? اختيار نوع من محرف للاستخدام في التصميم هو في غاية الأهمية لأنه يؤثر بشكل كبير سهولة القراءة ، تجربة المستخدم والجمالية الشاملة للتصميم.

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

    دعونا نلقي نظرة على الكتابة التالية ذلك يسلط الضوء على الاختلافات الرئيسية بين الخطوط serif و sans-serif لفهم أفضل للاثنين.

    من أين جاء الرقيق?

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

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

    ماذا عن بلا serif?

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

    معرفة هذا, كيف يمكن اختيار الذهاب مع الرقيق أو بلا الرقيق تؤثر على التصميم الخاص بك؟ اليك قليل من الامور لتاخذها بالاعتبار:

    قراءة

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

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

    الفراغات بين الحروف (حيث يتعين عليك أخذ الأقنان في الاعتبار عندما يتعلق الأمر بالتباعد) أيضًا يعطي مساحة أكبر للقارئ للتعرف بسهولة على الرسائل من بعضها البعض.

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

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

    الوضوح

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

    في حالة الصورة أعلاه, الحالة الصغرى L و I لـ sans serif في Arial تبدو متشابهة إلى حد كبير. تخيل كتابة الكلمة “إلينوي”.

    هنا للتأكيد على وجهة نظري.

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

    كتب أليكس بول مقالاً جيد التوضيح يقارن الخطوط بين serif و sans-serif في محاولة لمعرفة ما هو أكثر قابلية للقراءة.

    ووفقا له ، هناك خمس ميزات يجب ملاحظتها عندما يتعلق الأمر بالوضوح:

    • الرقيق أو بلا الرقيق
    • حجم النقطة
    • X-الطول
    • عدادات
    • الصعود والسليل

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

    ومع ذلك ، قال ذلك:

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

    التحجيم والقرار

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

    في هذا المجال ، من الآمن قول ذلك بلا سيف تفوز في المعركة لأنها أكثر مرونة في التوسع. خطوط Sans-serif أسهل بكثير لتوفير التركيز وسهولة القراءة في دقة أصغر منذ أن نجوا من تلطيخهم بسبب عدم وجود تفاصيل في نفوسهم.

    الصورة: الوقت

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

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

    إلى الرقيق ، أو بلا الرقيق?

    إذن ، ما هو الجواب على السؤال?

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

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

    الصورة: GQ

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

    بعض الكلمات النهائية

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