برنامج تعليمي صغير - دليل لتركيبات الخطوط

"الطباعة هي بنية ثنائية الأبعاد ، تستند إلى الخبرة والخيال ، وتسترشد بالقواعد وسهولة القراءة." - هيرمان زابف

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

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

وهنا تكمن المعضلة: الآن بعد أن أصبح هناك حرفياً الآلاف من المحارف المتاحة لمصممي الويب ، كيف يمكن للمرء أن يبدأ في إنشاء مجموعات خطوط تعمل بشكل جيد معًا وتدعم المحتوى المقدم؟

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

على النقيض من ذلك ، يمكن أن تجعل الكتابة السيئة المحتوى أكثر صعوبة في القراءة وأقل متعة من يقرأها.

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

اكتب الخصائص

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

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

تصنيف

يعد تصنيف الخطوط أحد المفاهيم الأساسية التي يجب فهمها. هناك أربعة تصنيفات أساسية يجب تعلمها: serif ، و sans serif ، والنص ، والزخرفي.

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

تعتبر خطوط Serif أكثر قابلية للقراءة للأجزاء الطويلة من النص (مثل النص الأساسي) ، لا سيما في تصميمات الطباعة ، حيث يمكن أن تساعد ميزة serif في توجيه عين القارئ على طول كل سطر. ولكن يمكن أيضًا أن تكون محارف sans serif سهلة القراءة وتتفوق بأحجام أصغر (مثل تلك المستخدمة في التسميات التوضيحية أو المعلومات الوصفية).

تعد Sans serif أيضًا أكثر شيوعًا للاستخدام على الويب ويُعتقد على نطاق واسع أنها أكثر قابلية للقراءة من خطوط serif. ينبع جزء من ذلك من الأيام الأولى للحوسبة ، عندما جعلت الشاشات ذات الدقة المنخفضة خطوط serif ضبابية نوعًا ما ، اعتمادًا على الحجم. مع شاشات HD و Retina الحديثة ، فإن هذه مشكلة أقل ويمكن استخدام محارف serif و sans serif بشكل فعال.

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

وزن

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

التباين بين الأوزان ضروري عند الجمع بين المحارف. غالبًا ما يكون الجمع بين خط سميك جدًا وخط خفيف جدًا غير متوازن. لكن الجمع بين المحارف التي لها نفس الوزن يمكن أن يمثل تحديًا أيضًا.

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

أسلوب

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

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

مقابلة

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

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

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

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

على سبيل المثال ، فإن الجمع بين خط غير رسمي مثل Amatic SC مع خط رسمي للغاية مثل Baskerville سيصطدم بدلاً من التباين. لكن الجمع بين شيء مثل Amatic SC مع خط غير رسمي آخر مثل Josefin Slab يعمل بشكل جميل.

ارتفاع X

يشير X-height إلى ارتفاع الأحرف الفردية داخل محرف ، وتحديداً حرف x الصغير. ستعمل المحارف ذات الارتفاعات السينية المتشابهة بشكل أفضل معًا من تلك ذات الارتفاعات السينية المتفاوتة.

هيكل

يتضمن الهيكل الأساسي لمحرف ما جميع خصائصه ، بالإضافة إلى أشياء مثل الشكل الأساسي للأحرف والمسافات بينها. يُعد إنشاء تباين مع بنية الخطوط طريقة ثابتة لدمج الخطوط. ولكن من الجيد اختيار الخطوط التي تحتوي على الأقل على بعض العناصر الهيكلية المشتركة (مثل x-height أو وزن النمط "العادي") بدلاً من الخطوط التي تختلف اختلافًا كبيرًا.

مزاج

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

على سبيل المثال ، Comic Sans هو خط غير رسمي للغاية وغير مناسب للاستخدام في معظم المواقف. من ناحية أخرى ، يعد برنامج Bickham Script رسميًا للغاية ولكنه يعطي انطباعًا خاطئًا لأشياء مثل المراسلات التجارية.

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

الزخرفة واللون والملمس

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

مجموعات الخطوط الفعالة

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

تدمج Work Notes بين محرف Serif Adobe Caslon Pro و sans serif Interstate لإنشاء مزيج من النوع الذي يميل إلى التقاليد دون الشعور بالاهتزاز أو الطراز القديم. يضيف الجمع بين الأوزان والأنماط المختلفة اهتمامًا بصريًا إضافيًا ويجعل الطباعة أكثر تعقيدًا مما هي عليه في الواقع.

يستخدم Adjuvant Capital محرف Serif الحديث غريب الأطوار Orpheus Pro جنبًا إلى جنب مع محرف GT America sans serif الحديث. بالنسبة إلى شركة خدمات مالية ، يعد هذا خيارًا حديثًا للغاية ولكنه يعمل بشكل جيد مع مهمتها المتمثلة في الاستثمار العالمي المسؤول اجتماعيًا.

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

يستخدم Vogue خط Savoy serif الحديث والأنيق المقترن بمحرف sans serif Franklin Gothic الغريب ، والذي تم تصميمه في الأصل في عام 1902. الجمع بين الاثنين يخلق تصميمًا راقيًا من النوع الذي يجذب الجمهور المثقف الذي تستهدفه المجلة.

تحتوي مجلة Garden & Gun على أسلوب الحياة الجنوبية على خطوط أكثر تعقيدًا على موقعها من المواقع الأخرى المدرجة هنا ، مما يميزها حقًا. يستخدم الموقع أربعة خطوط رئيسية في جميع أنحاء: عناوين المقالات الرئيسية هي Serif Domaine Display ؛ النص الأساسي وبعض العناوين الرئيسية على الصفحة الرئيسية هي الخط الرقيق Domaine Text ؛ معلومات التعريف ، والملاحة ، ورؤوس الأقسام تستخدم sans serif Avenir Next ؛ ورؤوس الأقسام الإضافية على الصفحة الرئيسية موجودة في Domaine Sans Display.

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

اختيارك للخط لا يقل أهمية عن ما تفعله به.

- بوني سيجلر

خاتمة

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

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

مزيد من القراءة على مدونة Toptal Design:

• التصميم لسهولة القراءة - دليل لطباعة الويب (باستخدام مخطط المعلومات الرسومي)
• فهم الفروق الدقيقة في تصنيف الخطوط
• تشريح تعقيدات تشريح الطباعة (باستخدام مخطط المعلومات الرسومي)
• كيفية بناء تسلسل هرمي طباعي فعال
• أنماط الخطوط لتصميم الويب والطباعة