ما هي الطباعة؟

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

عناصر الطباعة

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

"Typeface" هي عبارة تعطي المصطلحات لعائلة من الخطوط (مثل Helvetica Regular و Helvetica Italic و Helvetica Black و Helvetica Bold ). جميع الإصدارات المختلفة من Helvetica تشكل محرف كاملة.

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

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

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

• الرقيق
• بلا الرقيق
• أحادي المسافة
• مخطوطة
• خيال
• النصي

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

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

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

في المستوى الأساسي ، يجب أن تكون عناصر تشريح الحروف التي يجب أن تكون على دراية بها:

• Cap و x-height: هذا هو ارتفاع الأحرف الكبيرة في حروف الكتابة وارتفاع الحرف x. يخبرك كيف سيكون طول الأحرف أكبر ، بالإضافة إلى حجم الأحرف الصغيرة الكبيرة. يتم ضبط الخطوط بناءً على هاتين الخاصيتين.
• المعلقون والصاعدون: هذه هي أجزاء من الحروف التي تذهب إلى ما دون خط x-height . هذه عادة ما تشير إلى أحرف صغيرة. على سبيل المثال ، الحرف "b" له صاعد (القطعة التي تلتصق "فوق" من الحرف) بينما الحرف "p" به descender (الأجزاء التي dips "لأسفل" من الحرف).

تباعد حول رسائل

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

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

المزيد من عناصر الطباعة

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

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

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

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

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

خطوات للتحقق من طباعتك

1. اختر الخطوط بحرص ، بالنظر إلى التشريح من النوع وكذلك نوع عائلة من النوع .
2. إذا قمت بإنشاء التصميم باستخدام نص العنصر النائب ، فلا توافق على التصميم النهائي حتى ترى النص الحقيقي في التصميم.
3. انتبه إلى التفاصيل الصغيرة للطباعة .
4. انظر إلى كل نص من النص كما لو أنه لا يحتوي على كلمات فيه. ما هي الأشكال التي يصنعها النص على الصفحة؟ تأكد من أن هذه الأشكال تحمل تصميم الصفحة بالكامل إلى الأمام.

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