top_banner_basettnormspro
الرئيسية المدونة معهد TT: الدرس 4. تخطيط العائلة الخطية

معهد TT: الدرس 4. تخطيط العائلة الخطية

معهد TT: الدرس 4. تخطيط العائلة الخطية

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

في المقال السابق ركزنا على الرسومات الإبداعية. أما في هذا المقال، فسنتناول نوعًا آخر من الرسومات الأولية — رسومات تخطيط العائلة الخطية من منظور عملي. ستشرح يوليا غونينا، المديرة الفنية في TypeType ومصممة خطوط مثل TT Livret وTT Fellows وTT Autonomous وTT Ricordi Todi، لماذا من المهم جدًا تحديد محتوى العائلة الخطية في المراحل الأولى من المشروع.

الرسومات الأولية للعائلة وتحديد الأنماط الأساسية

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

معهد TT: الدرس 4. تخطيط العائلة الخطية

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

معهد TT: الدرس 4. تخطيط العائلة الخطية

ثانيًا، من الناحية التقنية، من الضروري أن تُحدد ما هي الأنماط الأساسية التي ستعمل عليها. هذا سيوفّر عليك الكثير من الوقت لاحقًا.

إذا كنت تستخدم برنامجًا حديثًا لتصميم الخطوط، مثل Glyphs أو FontLab 6 أو أحدث، فلست مضطرًا إلى رسم جميع أنماط العائلة بالكامل. يكفي أن ترسم الأنماط الأساسية فقط. دعنا نوضح هذا المفهوم من خلال مثال لخطَّينا السابقين: الغروتيسك والأنتيكفا، اللذين وضعنا لهما موجزًا في المقال الماضي.

معهد TT: الدرس 4. تخطيط العائلة الخطية

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

معهد TT: الدرس 4. تخطيط العائلة الخطية

هذا الأمر مريح جدًا ويوفّر الكثير من الوقت. لكن يبقى السؤال: كيف نُحدد سماكات جميع الأوزان؟ في حالة الخطوط النصية، من المهم جدًا تحديد وزن نمط Regular بدقة، لأنه النمط الأكثر استخدامًا، وهو ما اعتاد الناس رؤيته في أغلب الحالات. لذلك، هناك تصور عام ومقبول حول السماكة المناسبة للنمط Regular في الخطوط النصية، بحيث يكون مريحًا وسهل القراءة للمستخدم. من المفيد العودة إلى تحليل الخطوط المنافسة الذي أجريناه في المقال السابق، واختيار سماكة نمط Regular بحيث لا تبدو خارجة عن المألوف (إلا إذا كنت تسعى عمدًا للتميّز والخروج عن القاعدة). وبذلك، ستتمكن من تحديد سماكة السيقان في الحرفين “H” و”n” في نمط Regular الخاص بك، وستنطلق من هذه القيم كأساس لتوليد باقي الأوزان. بعد ذلك، يمكنك بنفس الطريقة دراسة وتحديد سماكة نمط Bold أيضًا.

معهد TT: الدرس 4. تخطيط العائلة الخطية

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

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

معهد TT: الدرس 4. تخطيط العائلة الخطية

في حالتنا، لدينا قيمة مفضّلة لنمط Regular (وغالبًا ما يتم تحديدها كرقم يمثل سماكة الساق في الحرف “H”)، ولدينا أيضًا قيمة تقريبية لنمط Bold الذي نرغب في الوصول إليه. الآن، نحتاج إلى تجربة بعض القيم وتحديد: أولًا، ما هي الأوزان الطرفية التي سنستخدمها؟

هل ستكون مثلاً من Light إلى Bold؟ أم من Regular إلى ExtraBold؟ ثم، باستخدام المعادلة المناسبة، نقوم بحساب القيم للأوزان المتوسطة.

وفي النهاية، حصلنا على القيم التالية لعائلة الأنتيكفا الوظيفية: Light: *75, Regular: 92, Medium: 114, DemiBold: 137, Bold: 160.

معهد TT: الدرس 4. تخطيط العائلة الخطية

في هذه الحالة، الرقم يشير إلى سماكة الساق في الحرف “H”. وإذا لم تكن قد صممت الحروف الكبيرة بعد، يمكنك بدلًا من ذلك استخدام سماكة الساق في الحرف “n” كمقياس.

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

معهد TT: الدرس 4. تخطيط العائلة الخطية

والآن، دعونا ننتقل إلى خط الغروتيسك المخصص لواجهات الاستخدام. في هذا المشروع، نرغب في رسم 9 أوزان كاملة. في هذه الحالة، نحتاج إلى اتباع نفس الخطوات: تحديد القيم لكل نمط باستخدام معادلة Impallari، ورسم الأنماط الاساسية الطرفية فقط. وقد حصلنا في حالتنا على التوزيع التالي: Thin: 25, ExtraLight: 40, Light: 55, Regular: 85, Medium: 105, DemiBold: 125, Bold: 150, ExtraBold: 180, Black: 200.

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

معهد TT: الدرس 4. تخطيط العائلة الخطية

نظرًا لأن الفرق بين وزني Thin وBlack كبير جدًا، تظهر في الأنماط المتوسطة شوائب غير مرغوب فيها — مثل التباين البصري، والذي لا نريده في هذا النوع من الخطوط. هذا التباين يصبح واضحًا بشكل خاص في حروف مثل “a” و “e”. في مثل هذه الحالات، من الأفضل إضافة نمط أساسي إضافي، أو حتى أكثر من واحد. وفي حالتنا، فإن إضافة أنماط Regular وBold كنماذج داعمة يحسّن النتيجة بشكل كبير جدًا.

معهد TT: الدرس 4. تخطيط العائلة الخطية

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

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

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

وفي النهاية، بعد كل هذه الخطوات، نكون قد حصلنا على:

  • تصور بصري متكامل لمفهوم الخط؛
  • فهم لكيفية عمل هذا المفهوم في جميع الأوزان والأنماط المخططة؛
  • وضوح بشأن الأنماط التي سنعمل عليها لاحقًا؛
  • هيكل مرسوم ومنظّم للعائلة الخطية.

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

المقالة السابقة معهد TT: الدرس 3. رسومات أولية للخط المستقبلي: التقنية، التحويل الرقمي، والتقييم
المقالة التالية معهد TT: الدرس 5. اختيار وتنسيق الخطوط: النظرية والتطبيق

آخر المنشورات

خط ذو امتداد واسع: مشروع خاص بمناسبة الذكرى العشرين لـ SHIFTBRAIN

في عام 2023 أطلقـت وكالة التسويق اليابانية SHIFTBRAIN موقعًا تفاعليًا مخصصًا للاحتفال بالذكرى العشرين لتأسيس الشركة. ومن أجل هذا المشروع، طوّر فريق TypeType خطًا متغيّرًا فريدًا قادرًا على التمدد أفقيًا بشكل استثنائي. وقد استندنا في التصميم إلى خطنا الأكثر مبيعًا TT Norms® Pro، والذي كان يُستخدم بالفعل كخط الشركة الرسمي — ويمكنكم رؤيته على الموقع الرئيسي لـ SHIFTBRAIN.

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

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

عرض المزيد
الخطوط العريضة: كيف تستخدمها في التصميم

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

عرض المزيد
تحسين الخطوط: المفتاح لسرعة تحميل فورية لموقع الويب

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

عرض المزيد
خطوط آلة الكتابة: من الميكانيكا القديمة إلى الكلاسيكية الرقمية

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

عرض المزيد
اكتب واقصص: أفضل 10 خطوط لـ Cricut في عام 2025

من المهم اختيار الخط المناسب عند العمل على Cricut، إذ إن استخدام خط غير ملائم قد يصعّب عملية القص، ويجعل النص غير مقروء، ويفسد المشروع بأكمله. في هذا المقال، سنتناول كيفية اختيار أفضل الخطوط لـ Cricut وكيفية استخدامها بشكل صحيح في برنامج Cricut Design Space. كما نُقدّم لكم مجموعة مختارة من الخطوط المناسبة من مكتبة TypeType.

عرض المزيد
أفضل الخطوط وأكثرها شيوعًا للميمات: كيفية اختيارها واستخدامها بشكل صحيح

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

عرض المزيد
أكثر من 10 من أفضل الخطوط للقمصان: كيف تختار خطاً جميلاً لتصميم الطباعة

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

عرض المزيد
معهد ТТ: الدرس 10. رسم الحروف الصغيرة الاساسية

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

عرض المزيد

عرض المزيد

أفضل ١٠ خطوط لتطبيقات الهاتف المحمول في عام 2025

يعد اختيار الخط الصحيح أحد أهم المهام التي يقوم بها مصمم UX/UI عند تطوير تطبيقات الهاتف المحمول أو الويب. سنخبرك في هذه المقالة بالمعايير التي يجب التركيز عليها حتى لا ترتكب أي خطأ، وما هي الخطوط الأكثر ملاءمة لإنشاء التطبيقات ولماذا، وكذلك تحديد 10 خطوط مناسبة من مجموعة TypeType التي تلبي جميع متطلبات 2025.

عرض المزيد
معهد TT: الدرس 3. رسومات أولية للخط المستقبلي: التقنية، التحويل الرقمي، والتقييم

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

عرض المزيد
كيف يؤثر اختيار الخط في تصميم الويب على تجربة المستخدم؟

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

عرض المزيد
أفضل ١٥ خط للشعارات: أياً منهم ستختار في عام 2025؟

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

عرض المزيد
معهد TT: الدرس 2. كيف لا تضيع في العمل على الخط. فن تحديد المهمة

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

عرض المزيد
٤ طرق للتعرف بسرعة على الخط المُستخدَم على أي موقع ويب

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

عرض المزيد
كيفية اختيار أفضل الخطوط لكتابة كتاب

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

عرض المزيد
الخطوط أحادية المسافة في التصميم والبرمجة

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

عرض المزيد
متجر TypeType الإلكتروني: الدفع عبر البطاقات المصرفية لراحتكم

هل ترغبون في شراء الخطوط بسهولة وسرعة أكبر؟ إليكم الطريقة! في الأسفل ستجدون دليلاً مفصلاً حول ميزات متجر TypeType الإلكتروني. وفي نهاية المقال ينتظركم مفاجأة سارّة!

عرض المزيد