مقدمة في فن الطباعة

نتفاعل مع الخطوط والأنماط

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

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

الأنماط (Typefaces)

غالبًا ما يستخدم الأشخاص مصطلحي "النمط" و"الخط" بالتبادل، لكنهما يشيران إلى شيئين مختلفين.

• النمط (Typeface) هو مجموعة من الأحرف من نفس التصميم، بما في ذلك الحروف والأرقام وعلامات الترقيم والرموز.
• الخط (Font) هو شكل من أشكال النمط.

بعبارة أخرى، يتم تجميع الخطوط ذات التصميم المتشابه في أنواع مختلفة من الأنماط. على سبيل المثال، عندما نتحدث عن Helvetica أو Times New Roman، فإننا نتحدث عن أنواع الأنماط. أما Helvetica Bold 12 point هو خط.

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

نمط النص ذو الزوائد (Serif typeface)

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

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

نمط النص غير المزود بالزوائد (Sans-serif typeface)

تخلو أنماط النصوص غير المزودة بالزوائد من أي زخرفات في نهايات الحروف، كما يوحي اسمها. رغم أنها تبدو حديثة، إلا أن أول نمط نصي غير مزود بالزوائد كان "Caslon Egyptian"، الذي صممه ويليام كاسلون الرابع عام 1816.

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

أشهر أنماط النصوص غير المزودة بالزوائد هي Arial، وHelvetica، وTahoma، وهي متوافقة مع معظم الأجهزة — على الرغم من أن البعض يرى أنها تفتقر إلى الشخصية المميزة.

نمط النص المكتوب (Script typeface)

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

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

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

نمط النص ذو الزوائد العريضة (Slab serif typeface)

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

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

نصيحة احترافية! استخدم أنماط النصوص ذات الزوائد العريضة للعناوين اللافتة للنظر.

نمط النصوص المخصصة للعرض (Display typeface)

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

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

نمط النص الأحادي التباعد (Monospaced typeface)

تحتل كل حرف في أنماط النصوص الأحادية التباعد نفس المساحة الأفقية — كما هو الحال في الآلات الكاتبة أو MS-DOS. على عكس الأنماط الأخرى التي يتغير عرض الحرف فيها حسب حجمه.

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

أشهر أنماط النصوص الأحادية التباعد تشمل Courier، وCourier New، وApercu Mono، وSpace Mono.

نمط النص اليدوي (Handwriting typeface)

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

اكتسبت هذه الأنماط شعبية في منتصف القرن العشرين مع ظهور تقنيات الطباعة الفوتوغرافية في أوائل الخمسينيات. وقد استُخدمت بشكل كبير في تصميم الإعلانات خلال السبعينيات.

الخط (Font)

الخط هو تطبيق محدد لنمط نصي معين، حيث يتضمن أسلوبًا معينًا (مثل عريض أو مائل)، ووزنًا، وحجمًا محددًا.

على سبيل المثال، Helvetica Bold 12pt هو خط (أسلوب وحجم ووزن معين لنمط Helvetica النصي).

في الماضي، كانت الخطوط عبارة عن مجموعات معدنية تُستخدم للطباعة، وكان لكل حجم ووزن مجموعة منفصلة من الأحرف تُسمى "sorts".

وزن الخط (Font weight)

يشير وزن الخط إلى سماكة الخطوط في نمط نصي معين. تتراوح الأوزان بين النحيف جدًا (ويُسمى أحيانًا بخط "الشعرة" أو "الخفيف") والخط الأسود (السميك)، مع العديد من الأوزان بينهما. في CSS، يتم تعيين أوزان الخط بين 100 (نحيف جدًا) و900 (سميك جدًا). أكثر الأوزان شيوعًا هي العادي (Regular) والعريض (Bold).

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

أنماط الخط الشائعة

هناك العديد من أنماط الخطوط التي تضفي طابعًا مميزًا على النصوص، ومن أشهرها:

• الخط العادي (Regular): هو النمط الأكثر حيادية وعادةً ما يكون الافتراضي في معظم الأنماط النصية. يتوسط بين الخطوط الرفيعة والعريضة، مما يجعله مثاليًا لقراءة النصوص الطويلة.
• الخط العريض (Bold): يتميز بضربات أكثر سمكًا، مما يساعد على إبراز النصوص المهمة مثل العناوين والفقرات البارزة.
• الخط المائل (Italic): يميل قليلاً إلى اليمين، مما يضفي لمسة أنيقة ويستخدم للتمييز بين النصوص أو للإشارة إلى كلمات أجنبية أو عناوين.

الخطوط النظامية مقابل خطوط الويب (System vs Web Fonts)

الخطوط النظامية: هي الخطوط التي يتم تثبيتها على جهاز الكمبيوتر ويمكن استخدامها في التطبيقات المتاحة على الجهاز، مثل Figma أو Photoshop. تحمل امتدادات مثل .otf و.ttf و.ps1.

مزايا الخطوط النظامية:

• تحميل أسرع.
• لا حاجة للوصول إلى موارد خارجية لتحميل الخط.
• لا حاجة لتعديلات CSS إضافية لجعل الخطوط تظهر بشكل صحيح في المتصفحات.

خطوط الويب: تُستخدم في صفحات الويب عبر خاصية CSS @font-face. تتوفر بصيغ مثل TrueType وWOFF وEOT وSVG، مما يسمح بتصميم صفحات ويب بمظهر أكثر تخصيصًا، لكنها قد تؤثر على سرعة تحميل الصفحة وتتطلب ضبطًا دقيقًا باستخدام CSS.