كيفية إنشاء خطوط مخصصة: 7 خطوات و 3 دراسات حالة

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

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

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

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

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

أخيرًا ، خارج عن القانون رائع وغير متزعزع في الطباعة لا يحتاج إلى مقدمة - الشخص الوحيد ، Comic Sans .

من هذا التجمع غير المحتمل ، سأعلمك أن ترى الكنز حيث يبكي الآخرون "القمامة!" وإنشاء شعارات مخصصة من أعلى العيار.

عملية بسيطة وموثوقة

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

الإعداد الموصى به

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

• Photoshop - يُستخدم لمعالجة الخطوط وإنشاء رسومات صقل ذات طبقات.
• Illustrator - يُستخدم لتتبع مخططات التحسين النهائية وإضافة عناصر نمط بسرعة مثل الألوان والتدرجات والأنسجة والأنماط وما إلى ذلك.
• Wacom Tablet - يستخدم للرسم الرقمي في Photoshop.

جوكرمان - من كراس إلى راقي

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

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

1. مراجعة محرف

في Photoshop ، اختر محرفًا (في هذه الحالة ، Jokerman) ، واكتب اسم العمل الذي تحتاجه لشعارك ، وافحص كل حرف بسرعة للتعرف على إمكانيات التصميم مثل المقياس والنسبة ووزن الحرف وما إلى ذلك.

2. تصور

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

3. تشويه محرف

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

4. رسم التصحيح

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

5. رسم صقل

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

6. تتبع المتجهات

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

7. اللمسات الأخيرة

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

البردى - تحول دقيق

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

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

1. مراجعة محرف

مرة أخرى ، نبدأ في Photoshop. حدد محرفك (ورق البردي) ، وأدخل اسم الشعار. قم بإلقاء نظرة على كل حرف ، مع تدوين ملاحظات حول تفاصيل التصميم المحتملة.

2. تصور

اخترق الكمبيوتر اللوحي Wacom وارسم بسرعة بعض أفكار التركيب. لا تفرط في التفكير في هذه الخطوة. إنه مثل رسم اسمك في دفتر ملاحظات.

3. تشويه محرف

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

4. رسم التصحيح

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

أنت لا تبني من الصفر. أنت تستخدم بنية الخط الأصلي أثناء إضافة التحسينات الخاصة بك كلما تقدمت.

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

5. رسم صقل

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

6. تتبع المتجهات

ضع رسم التحسين داخل Illustrator وابدأ تتبع المتجه باستخدام أداة القلم.

7. اللمسات الأخيرة

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

Comic Sans - مثل كي قميص متجعد

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

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

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

1. مراجعة محرف

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

2. تصور

التفكير هو الوقت المناسب لإطلاق جانبك الفني في المخاطرة. يمكنك تحرير نفسك لاحقًا بلا رحمة ، ولكن في الوقت الحالي ، اغتنم الفرص.

عندما كنت أقوم بمراجعة Comic Sans ، لاحظت نوعًا من المرح النطاطي الذي حاولت تضمينه في رسوماتي التصورية.

3. تشويه محرف

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

اكتب كلمتك ، وقم بتنقيط الخط ، وقم بتشويه ترك هذه الأحرف.

4. رسم التصحيح

كما قلت ، المخالفات الصغيرة في Comic Sans تثير الجنون ، لذا في هذه الخطوة ، ركزت على استقامة الخطوط وتنعيم المنحنيات.

5. رسم صقل

لأطول وقت ، انتقلت مباشرةً من خطوة Correction Sketch في Photoshop إلى Vector Trace في Illustrator. ولكن بمجرد أن رأيت رسائل المتجه مملوءة لأول مرة ، بدت دائمًا غريبة بعض الشيء.

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

6. تتبع المتجهات

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

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

7. اللمسات الأخيرة

لقد سررت بالطريقة التي ظهر بها أثر المتجه ، لذلك اخترت استخدام ظل كتلة بسيط وبعض خطوط التمييز الداخلية.

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

فرصة الأشياء غير المرغوب فيها

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

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

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

أنت لا تعرف أبدًا ، يومًا ما قد تقوم بسخرية مجتمع التصميم الذي لا يمكن تصوره والمخاطر باستخدام Comic sans كأساس للشعار الجديد الجميل لعميلك.

• • •

مزيد من القراءة على مدونة Toptal Design:

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