لاستخدام التفسير الأساسي ، فإن الطباعة هي تصميم واستخدام الخطوط كوسيلة للتواصل. كثير من الناس يعتبرون الطباعة قد بدأت مع جوتنبرج وتطوير نوع متحرك ، ولكن الطباعة تعود إلى أبعد من ذلك بكثير. هذا الفرع من التصميم له جذوره في أشكال الحروف المكتوبة بخط اليد.
تشمل الطباعة كل شيء من الخط إلى النوع الرقمي الذي نراه اليوم على صفحات الويب بجميع أنواعها. يتضمن فن الطباعة أيضًا مصممين من النوع الذين ينشئون أشكالاً جديدة من الحروف والتي يتم تحويلها بعد ذلك إلى ملفات خطوط يمكن أن تستخدمها التصميمات الأخرى في عملهم ، من الأعمال المطبوعة إلى تلك المواقع المذكورة أعلاه. ومختلفًا مثل تلك الأعمال ، فإن أساسيات الطباعة هي أساس كل منها.
عناصر الطباعة
إذا سبق لك أن تحدثت إلى مصمم ويب يستخدم الطباعة في عمله ، فمن المحتمل أنك سمعت المصطلحين "محرف" و / أو "خط". يستخدم العديد من الأشخاص هذين المصطلحين بالتبادل ، ولكن توجد في الواقع بعض الاختلافات بين هذين العنصرين.
Typeface هو المصطلح الذي يطلق على عائلة الخطوط (مثل Helvetica Regular و Helvetica Italic و Helvetica Black و Helvetica Bold). جميع الإصدارات المختلفة من Helvetica تشكل محرف كاملة.
الخط هو المصطلح المستخدم عندما يشير شخص ما إلى وزن أو نمط واحد فقط داخل تلك العائلة (مثل Helvetica Bold). تتكون العديد من الخطوط من عدد من الخطوط الفردية ، وكلها متشابهة ومتصلة ولكنها مختلفة بطريقة ما. قد تحتوي بعض المحارف على خط واحد فقط ، بينما يمكن أن تتضمن الخطوط الأخرى تنويعات عديدة من أشكال الحروف التي تشكل الخطوط.
إذا كان هذا يبدو مربكًا ، فلا تقلق ، إذا كان شخص ما ليس خبيراً في الطباعة ، فمن المحتمل أن يستخدم مصطلح "الخط" بغض النظر عن أي من هذه المصطلحات يعني حقاً ، وحتى العديد من المصممين المحترفين يستخدمون هذين المصطلحين بالتبادل. إلا إذا كنت تتحدث إلى مصمم نوع نقي عن ميكانيك الطائرة ، فأنت على الأرجح آمنة للغاية باستخدام أي من هذين المصطلحين الذي تفضله. ومع ذلك ، إذا كنت تفهم التمييز ويمكن استخدام المصطلحات الصحيحة بشكل صحيح ، فهذا ليس أمراً سيئاً أبداً!
تصنيف محرف
تسمى أحيانًا "مجموعات الخطوط العامة" ، وهي عبارة عن مجموعات كبيرة من الخطوط على أساس عدد من التصنيفات العامة التي تقع تحت الخطوط المختلفة. في صفحات الويب ، هناك ستة أنواع من تصنيفات الخط التي من المرجح أن تراها:
- شريف
- بلا الرقيق
- النصي
- أحادي المسافة
- مخطوطة
- خيال
هناك أيضًا عدد من تصنيفات الخط الأخرى التي هي فرع من هذه. على سبيل المثال ، تتشابه خطوط "slab serif" مع serifs ، ولكنها تتميز جميعها بتصميم قابل للتمييز مع خطوط سير سميكة ومكشوفة على أشكال الأحرف. Serif و sans-serif هما التصنيفان الأكثر شيوعًا للخط المستخدمان في معظم مواقع الويب.
كتابية التشريح
يتكون كل محرف من عناصر مختلفة تميزه عن الخطوط الأخرى ، والتي يشار إليها باسم تشريح الحروف. ما لم تكن على وجه التحديد تذهب إلى نوع التصميم وتتطلع إلى إنشاء خطوط جديدة ، يحتاج مصممو الويب عادةً إلى معرفة أساسيات مصطلحات الخط.
في المستوى الأساسي ، يجب أن تكون عناصر تشريح الحروف التي يجب أن تكون على دراية بها "cap" و "x-height" و "descenders" و "ascenders".
Cap و x-height هو ارتفاع الحروف الكبيرة في حروف الكتابة وارتفاع الحرف x. يخبرك كيف سيكون طول الأحرف أكبر ، بالإضافة إلى حجم الأحرف الصغيرة الكبيرة. يتم ضبط كافة الخطوط استناداً إلى هاتين الخاصيتين.
السليلون والصاعدون هم أجزاء من الحروف التي تندرج تحت خط x-height وفوقه. يشير هذا عادة إلى الأحرف الصغيرة. على سبيل المثال ، الحرف "b" له صاعد (القطعة التي تلتصق "فوق" من الحرف) بينما الحرف "p" به descender (الأجزاء التي تراجع "لأسفل" من الحرف).
تباعد حول رسائل
هناك العديد من التعديلات التي يمكن إجراؤها بين الحروف التي تؤثر على الطباعة. يتم إنشاء الخطوط الرقمية مع العديد من هذه الخصائص في مكانها ، وعلى مواقع الويب ، لدينا قدرة محدودة لتغيير هذه الجوانب من الخط. هذا أمر جيد في كثير من الأحيان لأن الطريقة الافتراضية التي يتم بها عرض الخطوط هي الأفضل عادة.
- تقنين: المساحة الأفقية بين الأحرف الفردية
- تتبع: الفضاء بين مجموعات من الحروف
- قيادة: مساحة رأسية بين أسطر الكتابة (يُعرف هذا باسم خط الطول في شروط موقع الويب)
- قياس: طول أسطر النص
- انتقام: وضع النص مرئيًا إلى اليسار أو اليمين أو توسيطه أو ضبطه
- الأربطة: انتقلت رسائل قريبة جدا من أن يتم الجمع بين التشريح بهم ، أساسا يتدفق حرف واحد إلى آخر
المزيد من عناصر الطباعة
الطباعة هي أكثر من مجرد المحارف المستخدمة والمساحة البيضاء المحيطة بها. هناك أيضًا بعض الأشياء الأخرى التي يجب أن تضعها في اعتبارك عند إنشاء نظام طباعة جيد لأي تصميم:
"الواصلة" هي إضافة الواصلة (-) في نهاية الأسطر للمساعدة في منع المشاكل في قابلية القراءة أو جعل التبرير يبدو أفضل. على الرغم من أن معظم مصممي الويب يتواجدون في المستندات المطبوعة ، إلا أنهم يتجاهلون الواصلة ولا يستخدمونها في عملهم لأنه ليس شيئًا يتم التعامل معه بشكل تلقائي من قبل متصفحات الويب.
"خرقة" هي الحافة الرأسية غير المستوية لكتلة من النص. عند الانتباه إلى الطباعة ، يجب أن تنظر إلى كتل النص الخاصة بك ككل للتأكد من أن قطعة القماش لا تؤثر على التصميم.إذا كانت الخرقة ضعيفة للغاية أو غير متساوية ، فيمكن أن تؤثر على سهولة قراءة النص وتجعله يشتت الانتباه. هذا أمر يتم معالجته تلقائيًا بواسطة المتصفح من حيث كيفية التفافه من سطر إلى آخر.
كلمة واحدة في نهاية العمود هي الأرملة وإذا كانت في أعلى عمود جديد فهي يتيمة. تبدو "الأرامل" و "الأيتام" سيئة وقد يصعب قراءتها.
يعد عرض سطور النص الخاص بك بشكل مثالي في متصفح الويب أحد المقترحات الشاقة ، خاصة عندما يكون لديك موقع ويب سريع الاستجابة وشاشات مختلفة لأحجام مختلفة للشاشة. يجب أن يكون هدفك هو مراجعة الموقع بأحجام مختلفة لمحاولة إنشاء أفضل مظهر ممكن مع قبول أنه في بعض الحالات سيكون المحتوى الخاص بك يحتوي على نوافذ ، أو أيتام ، أو شاشات أخرى أقل من مثالية. يجب أن يكون هدفك هو تقليل هذه الجوانب من تصميم النوع ، مع كونك واقعيًا أيضًا في حقيقة أنه لا يمكنك تحقيق الكمال لكل حجم شاشة وعرض.
خطوات للتحقق من طباعتك
- اختر الخطوط بحرص ، بالنظر إلى التشريح من النوع وكذلك نوع عائلة من النوع.
- إذا قمت بإنشاء التصميم باستخدام نص العنصر النائب ، فلا توافق على التصميم النهائي حتى ترى النص الحقيقي في التصميم.
- انتبه إلى التفاصيل الصغيرة للطباعة ، مثل الواصلات والشرطات.
- انظر إلى كل نص من النص كما لو أنه لا يحتوي على كلمات فيه. ما هي الأشكال التي يصنعها النص على الصفحة؟ تأكد من أن هذه الأشكال تحمل تصميم الصفحة بالكامل إلى الأمام.
