في عام 2023 أطلقـت وكالة التسويق اليابانية SHIFTBRAIN موقعًا تفاعليًا مخصصًا للاحتفال بالذكرى العشرين لتأسيس الشركة. ومن أجل هذا المشروع، طوّر فريق TypeType خطًا متغيّرًا فريدًا قادرًا على التمدد أفقيًا بشكل استثنائي. وقد استندنا في التصميم إلى خطنا الأكثر مبيعًا TT Norms® Pro، والذي كان يُستخدم بالفعل كخط الشركة الرسمي — ويمكنكم رؤيته على الموقع الرئيسي لـ SHIFTBRAIN.
عن كيفية سير العمل على هذا المشروع غير الاعتيادي، نخبركم في هذه المقالة!
مهمة جديدة
حمل المشروع اسم SHIFTBRAIN Norms. وكانت مهمتنا تطوير خط متغيّر على محور العرض (Width) بالاعتماد على TT Norms® Pro Regular، مع تعديل بعض أشكال الحروف وضبط الحجم ليتوافق مع الخط الياباني A1 Gothic Regular. بالإضافة إلى ذلك، كان علينا دمج الشعار و30 أيقونة تمثّل بورتريهات موظفي SHIFTBRAIN، والتي قاموا بتزويدنا بها.
في عام 2022، عند انطلاق مشروع SHIFTBRAIN، كان قسم المبيعات لدينا لا يزال في طور تشكيل عمليات التفاعل مع العملاء. وكان هذا أحد أوائل الحالات التي تولى فيها المدير مرافقة العميل بشكل كامل — بدءًا من مناقشة المتطلبات الفنية وحتى متابعة التنفيذ في مرحلة الإنتاج. هذا النموذج من العمل سمح لنا بتحديد نقاط الضعف في التواصل، مثل التأخيرات في الموافقات أو التناقضات في الشروط الفنية. وبفضل هذه التجربة، قمنا بتحسين عمل القسم — حيث اعتمدنا لوائح واضحة وقلّصنا المدة الزمنية اللازمة لتنفيذ المشاريع لعملائنا.
لم تكن استوديو SHIFTBRAIN تبحث عن مجرد خط، بل عن أداة لهوية بصرية خاصة بمشروع ياباني. لكنها واجهت تحديات: كان المطلوب خطًا هجينًا يجمع بين اللاتينية والعناصر الجمالية اليابانية — ولم تكن هناك حلول جاهزة. كان علينا أن نوحّد في مشروع واحد الخطوط اللاتينية مع خطوط CJK (اختصار لـ Chinese, Japanese, Korean أي الخطوط التي تدعم الصينية واليابانية والكورية). وكان من الضروري أن نحقق انسجامًا كاملًا مع أسلوب العلامة التجارية من دون تعديلات لا تنتهي. كما كانت السلاسة في العمل عن بُعد عنصرًا أساسيًا في نجاح المشروع.
بالطبع، كانت العرضية المتطرفة للخط المتغير تجربة جديدة بالنسبة لنا.
“كان من المثير جدًا أن نقوم بشيء استثنائي مع TT Norms® Pro، لأنه خط محايد في أساسه. ومع ذلك، فإن التعامل مع الحروف العريضة جدًا لم يكن مألوفًا أو مريحًا، إذ لم يعد يظهر في شاشة الحاسوب سطر كامل من النص كما هو معتاد، بل بضعة رموز فقط. بالإضافة إلى ذلك، حاولنا الحفاظ على طابع TT Norms® Pro حتى في النمط فائق العرض.“
— مارينا خوداك، قائدة التصميم في TypeType
كيف عمل قسم المبيعات وإدارة الإنتاج في TypeType
حوّلنا الطلب المعقّد إلى عملية واضحة ذات نتيجة متوقعة.
المرحلة 1. تحليل معمّق
أجرينا ورشة عمل مع العميل وحددنا المعايير الرئيسية:
- الدمج بين الهندسة الصارمة للأحرف اللاتينية والضربات الانسيابية للخط الياباني؛
- عرض محدود للرموز مخصص للنصوص العمودية.
بعد ذلك اخترنا ثلاثة خطوط أساسية من مكتبتنا لإمكانية تخصيصها، وذلك لتسريع عملية الانطلاق.
المرحلة 2. المتطلبات التفصيلية والتخطيط
أنشأنا خريطة بصرية للتعديلات مع أمثلة توضّح:
- كيفية تحويل الذنابات؛
- أين نضيف اللمسة “اليابانية”.
كما ثبّتـنا نقاط متابعة واضحة — حيث كان العميل يتسلّم الرسومات الأولية كل خمسة أيام.
المرحلة 3. مراقبة الجودة
قام مديرونا بجمع الملاحظات من مصممي SHIFTBRAIN وقسم الإنتاج في TypeType في مستند موحّد لتجنّب أي اختلافات في الفهم. كما اختبرنا الخط في سيناريوهات واقعية (مثل الشعار والتغليف) قبل الوصول إلى الصياغة النهائية.
المرحلة 4. النتيجة + الدعم
في النهاية سلّمنا للعميل الحزمة الكاملة التي تضمنت:
- أربعة أنماط من الخط المخصص؛
- دليل استخدام (الأحجام والمسافات بين السطور للنصوص اليابانية)؛
- أيقونات SVG للدمج مع الطباعة.
كما قدّمنا تعديلات مجانية لمدة شهر بعد التسليم.
النتيجة لشركة SHIFTBRAIN
- توفير 30% من الوقت — بفضل المتطلبات الواضحة وتفادي “تأثير الهاتف” بين الفرق؛
- أصبح الخط جزءًا من الهوية البصرية — ويُستخدم في المنتجات الرقمية والمواد الترويجية؛
- استمرار التعاون — من خلال تكييف الخط (توطينه) لأسواق جديدة.
لماذا يختار العملاء TypeType للتخصيص؟
- المرونة: نعمل مع جميع الأنماط — من الغروتسكات إلى الخطوط اليدوية.
- الخبرة: أكثر من 600 مشروع خط مخصص.
- التقنيات: محرّر خطوط خاص بنا (FontEditor) وأدوات لفحص المسافات (Kerning).
“TypeType لا ترسم الحروف فحسب — بل تصمّم أسلوب التواصل” — هكذا عبّرت عنّا فريق SHIFTBRAIN!
التنفيذ: عمل قسم الإنتاج
الخط المتغيّر
كان المطلوب أن يتغيّر خط TT Norms® Pro أفقيًا من نمط Condensed إلى فائق العرض — أي من 460pt إلى 3480pt. وهذا يعني أن العرض يزداد بمقدار 7.6 مرات!
بينما في العادة، يتغيّر العرض من Condensed إلى Expanded بحوالي 1.5 مرة فقط. لم يسبق لنا أن أنجزنا خطوطًا بهذه الدرجة من الاتساع من قبل.
ظل النمط الضيّق بنفس عرض Condensed، بينما أضفنا في الجهة اليمنى من محور التغيّر Width نمطًا فائق الاتساع. كان الخط مخصصًا فقط للأحرف اللاتينية، والأرقام، وعلامات الترقيم القياسية. بالنسبة لمحور Width استخدمنا في البداية القيم القياسية: 75-100-125-150.
لكن الزيادة الحادة في العرض من 125 إلى 150 بدت غير مناسبة بصريًا.
وفي النهاية اخترنا للقيمة Extended رقم 200.
لم يكن تطوير الرسومات للنمط العريض أمرًا سهلاً: فقد كانت الحروف تتمدد، وكان من المستحيل تقييم شكلها في النص مباشرة داخل برنامج Glyphs. لذلك كان علينا بعد كل تعديل تصدير الملف وتحليل كتلة النص في برنامج التنسيق. ومع ذلك، نجحنا في إنجاز هذه المهمة على أكمل وجه، رغم كل الصعوبات!
العمل التقني
بالتوازي مع العمل على الرسومات، قمنا بعملية الهينتينغ للخط وإجراء تحسينات تقنية أخرى. في 30 نوفمبر أرسلت لنا SHIFTBRAIN الخط الياباني A1 Gothic StdN Regular، وكان علينا ضبط المقاييس بما يتناسب معه. كان المطلوب إعداد المسافات بين السطور وخط الأساس.
“المشكلة أن خطوط CJK تختلف في المقاييس عن الخطوط اللاتينية أو السيريلية. وعندما تُستخدم جنبًا إلى جنب، تصبح النتيجة تصميمًا متباعدًا جدًا. يمكنك أن تتخيّل أي غلاف لمنتج صيني: ستجد هناك رموزًا جميلة، لكن في السيريلية أو اللاتينية ستكون المسافات بين الحروف كبيرة جدًا إلى جانب تفاصيل أخرى. ولكي يبدو كل شيء متناسقًا، من الضروري ضبط أحد الخطوط ليتوافق مع الآخر.“
— مارينا خوداك، قائدة التصميم في TypeType
في تلك اللحظة كان هذا بالنسبة لنا حلًا مثيرًا للاهتمام وواعدًا. فمن جهة هو تخصيص بسيط نسبيًا، لكنه من جهة أخرى يحل مشكلات كبيرة جدًا.
“قمت بتكبير الخط بنسبة 107% مقارنة بالأصل. بقي حجم Em عند 1000 وحدة كما في خط A1 Gothic المرجعي. أخذنا من المرجع إعدادات المسافات بين السطور ونقلنا المعايير المسؤولة عنها إلى خطنا. كما قمنا أيضًا بإزاحة طفيفة لخط الأساس بناءً على طلب العميل. تم اختبار التطابق مع المرجع في Adobe Illustrator عبر خاصية Composite Fonts. في البداية قدّم لنا العميل الإعدادات التي استخدموا بها الخط الأصلي مع A1 Gothic. كانت مهمتنا أن نجعل النتيجة النهائية مطابقة تمامًا عند استخدام الخط المخصص مع A1 Gothic باستخدام إعدادات الحجم وخط الأساس الافتراضية. وهذا ما يسمح باستخدام هذه الثنائية من الخطوط ليس فقط في Adobe Illustrator.“
— يوري ناكونيتشني، رئيس القسم التقني في TypeType
الأيقونات-البورتريه والشعار
أرسلت لنا SHIFTBRAIN ثلاثين أيقونة جميلة تحتوي على صور لجميع موظفي الشركة. لكن التحدي كان في أن مسار الرسم للإيضاحات أكثر تعقيدًا وتفصيلًا من مسار الحرف — إذ يحتوي على نقاط أكثر ولا يطابق المتطلبات التقنية. وعند التصدير من صيغة .svg إلى .glyphs تبدأ بعض التفاصيل في الانكسار. لذلك، لا يمكن ببساطة نقل الصورة المتجهية إلى برنامج Glyphs. وبعد إدخال مثل هذه الأيقونة داخل الخط، كان لابد من تنظيفها بدقة وإصلاحها يدويًا.
قمنا بدمج 30 أيقونة داخل الخط بعد العمل عليها بعناية كبيرة، ولكن بعد ذلك قررت SHIFTBRAIN إعادة تصميم 15 أيقونة من الأصل — مع تعديل النِّسَب لتصبح أكثر تبسيطًا وتوحيدًا. ولهذا اضطررنا إلى إعادة العمل بالكامل على نصف الأيقونات. لكن في النهاية، نجحنا في إنجاز كل شيء بنجاح!
كما أدمجنا في الخط شعار الشركة وخصّصنا له ميزة خاصة — عند تفعيلها تتحوّل حرف “S” إلى الشعار.
التعديلات الرسومية
قمنا أيضًا بإجراء بعض التغييرات الصغيرة على أشكال عدد من الرموز. على وجه الخصوص، عدّلنا حرف “Q” وأضفنا بديلًا لحرف “S” ذو نهايات أفقية مقطوعة بشكل مستقيم. طلبت SHIFTBRAIN إضافة هذا الشكل بسبب تشابهه مع الشعار.
النتيجة
في النهاية حصلنا على خط متغيّر فائق العرض مزوّد بمجموعة من الأيقونات المدمجة. شاهدوا كيف يبدو مميزًا وملفتًا على الموقع الخاص بالذكرى العشرين لشركة SHIFTBRAIN!
بفضل العمل المنظّم والمنسّق لفريق TypeType يحصل العملاء على:
- خط مخصص وفريد “جاهز للاستخدام” — من دون تكاليف إضافية على تعديلات غير ضرورية؛
- الشفافية — المدة الزمنية والميزانية معروفة منذ البداية؛
- الدعم — المدير يتولى حل القضايا بشكل أسرع من أن يتحوّل الأمر إلى مصدر ضغط.
لماذا ينجح هذا الأسلوب؟ لأننا لا نبيع الخطوط فقط، بل نصمّم أداة حقيقية للعلامة التجارية. وبعد إنجاز المشروع، يعود 80% من العملاء لطلب خدمات إضافية (مثل الأيقونات أو التوطين).
هل ترغبون بعملية عمل متوقعة وموثوقة كهذه في تطوير الخطوط؟ لنتحدث عن مشروعكم! اكتبوا لنا وصفًا لمهمّتكم — وسنقترح الحل خلال 24 ساعة.
