تقنين الأحرف والتتبع والقيادة: دليل بسيط للطباعة الفعالة

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

تقنين الأحرف والتتبع والمسافة البادئة

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

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

ضبط المسافة بين الحروف والمسافة بين الحروف والتتبع (والمزيد!)

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

في منتجات Adobe ، عليك فقط فتح لوحة Text Layer Character ، وستحصل على كل ما تحتاجه. V / A هو تقنين الأحرف ، و VA في المربع يتم تعقبه ، و A الرأسي تحته خط متقدم. يمكنك أيضًا ضبط يتوسطه خط ووزن وحجم وسوبر / منخفض وغير ذلك الكثير في هذه اللوحة. يجدر التعود على إبقاء هذا مفتوحًا.

ما عليك سوى وضع المؤشر حيث تريد ضبط التباعد والانتقال.

ما هو تقنين الأحرف؟

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

في الخطوط أحادية المسافة ، يشغل كل حرف نفس القدر من المساحة الأفقية دون تداخل. A هو نفس عرض B مثل J مثل K. يميل ضبط المسافة بين هذه الأحرف إلى أن يكون أسهل من الخطوط المتباعدة المتغيرة ، حيث قد تتداخل الأحرف وكذلك الطباعة عند عروض مختلفة.

في المثال أعلاه ، لدينا ثلاثة سطور تم نسخها ولصقها باستخدام خط monospace Courier New . تم تعيين قرن الحروف للصف العلوي على 0 ، وهو الإعداد الافتراضي ويستخدم أي مسافات يختارها مصمم الخط. يتم تعيين الصف الثاني بالتساوي بين الأحرف (والمسافات) عند 200. كما ترى ، تكون المسافات موحدة بين الأحرف عبر السطر. أخيرًا ، تم تقنين السطر الثالث عشوائيًا مع تباعد موجب وسالب داخل كل كلمة على حدة. كما ترى ، يمكن أن يكون لكل حرف تقنين مختلف على كل جانب.

ما هو التتبع؟

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

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

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

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

ما هي القيادة؟

مع Leading ، لم تعد تتعامل مع التباعد بين الأحرف. المسافة بين السطور هي المسافة البادئة .

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

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

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

كما ترى ، فإن الخيارات الموجودة أسفل تقنين الأحرف / التتبع في Photoshop Character Panel تضبط عرض / ارتفاع الأحرف بشكل مستقل عن المسافات بين الحروف ، والتتبع ، والمسافة البادئة.

اختصارات لوحة مفاتيح Photoshop / Illustrator

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

هذه الاختصارات مخصصة لمجموعة Adobe Creative Cloud ، لذا قد تكون مختلفة في Gimp أو Paint.NET أو برنامج آخر.

• تقنين الأحرف - باستخدام المؤشر بين حرفين ، اضغط مع الاستمرار على ALT (أو الخيار في نظام التشغيل Mac) واستخدم الأسهم لليسار / لليمين لضبط المسافة بين الحروف
• التتبع - مع تمييز الكلمة / الخط ، اضغط مع الاستمرار على ALT (أو الخيار في نظام التشغيل Mac) واستخدم الأسهم اليمنى / اليسرى لضبط تتبع النص المميز
• المسافة البادئة - قم بتمييز الخطوط التي تريد تعديلها ، واضغط باستمرار على ALT (أو Option في نظام Mac) واستخدم الأسهم لأعلى / لأسفل لضبط المسافة بين السطور

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

(جانبا ، إذا كنت لا تستخدم Photoshop / Illustrator / Premier ، وما إلى ذلك ، اختصارات لوحة المفاتيح بانتظام ، فإننا نوصي بشدة بالتعلم ، لأنه يجعل سير عملك أكثر سلاسة ومتعة وإنتاجية أيضًا.)

تغليف

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

ما هي النصائح والحيل الخاصة بك للحصول على التتبع المثالي ، أو تقنين الأحرف ، أو القيادة في التصميم؟

صورة مميزة للمقال من قبل BarsRsind / shutterstock.com