Advertisement
  1. Design & Illustration
  2. Fonts
Design

ما هي الخطوط الملونة؟

by
Length:MediumLanguages:

Arabic (العربية/عربي) translation by Purnama Abdulatif (you can also view the original English article)

تستعد الخطوط الملونة لتستحوذ على عالم التصميم الجرافيكي في عام 2018 ، ولكن ما هي بالضبط ، وكيف يمكنك استخدامها؟

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

adobe color fonts
صورة من color.typekit.com

ما هي الخطوط الملونة بالضبط؟

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

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

يتكون كل خط ألوان من قلب 'احتياطي' ، وهو خط متجه قياسي في OpenType ، بالإضافة إلى البيانات الإضافية التي تم وضعها في تنسيق SVG (Scalable Vector Graphics). بين مطوري الخطوط ، تتم الإشارة إلى خطوط الألوان على أنها خطوط OpenType-SVG.

trajan pro color font
يجمع خط ألوان Adobe Typekit هذا ، Trajan Color Concept ، بين خط Trajan القياسي مع التدرجات والألوان والظلال للحصول على تأثير معدني مزخرف.

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

حسنًا ، لماذا أريد استخدامهم؟

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

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

bungee
بنجي لون الخط من قبل ديفيد جوناثان روس

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

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

حسنًا ، أين يمكنني استخدامها؟

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

bixa color
صورة من Bixa Color

ومع ذلك ، من المحتمل أن يتغير هذا قريباً جداً. تم الإعلان عن خطوط OpenType-SVG معيارًا صناعيًا لخطوط الألوان ، مما يعني أنه من المحتمل أن يتم تحديث المتصفحات والبرامج بسرعة لتسهيلها. يمكنك الآن عرض الخطوط الملونة على إصدارات أحدث من Firefox (من الإصدار 26) و Microsoft Edge (من الإصدار 38 على Windows 10).

أما بالنسبة لاستخدام الخطوط الملونة في برامج التصميم ، فإن Adobe تتقدم على المنحنى ، حيث يستطيع المصممون عرض الخطوط الملونة وتطبيقها باستخدام أحدث تصميمات من Illustrator (CC 2018) ، و Photoshop (CC 2017) ، و InDesign (CC 2018).

كما يقوم بعض مصممي الأنواع بتجربة الإصدارات المتحركة للخطوط الملونة. Gilbert، لون الخط الذي أنشأته Fontself، هو قابل للاستخدام في Adobe After Effects.

gilbert font
جيلبرت ، لون الخط متوفر في إصدارات ثابتة ومتحركة

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

أين يمكنني العثور على الخطوط الملونة؟

الخطوط الملونة قليلة ومتباعدة في الوقت الحالي ، ولكن يتم إصدار المزيد منها طوال الوقت حيث يكتسب الاتجاه قوة جذب. يحتوي Adobe على خط ألوان مخصص Typekit ، حيث يعرض تفاصيل أحدث خطوط الألوان المتاحة للتنزيل للويب والطباعة. واحدة من أبرز إصداراتها هي إصدار الخط الملون من Emoji One ، مما يجعل دمج الرسومات التعبيرية الملونة في تصاميمك سهلاً للغاية مع لوحة Glyphs لتسليمها.

emoji one
رموزًا من الخط Emoji One Color

يستخدم بعض مصممي الخطوط نظامًا أساسيًا مخصصًا لإطلاق إنشاءات الخطوط الملونة. Bixa Color هو جهد تعاوني مستوحى من الرجعية من NovoTypo و Roel Nieskens.

bixa color
Bixa Color font by NovoType and Roel Nieskens

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

bungee font
بنجي لون الخط من قبل ديفيد جوناثان روس

تريد أن تذهب في خلق لون الخط الخاص بك؟ Fontself هي أداة go-to في مصمم الألوان. ألقِ نظرة على الصفحة المخصصة لـ Gilbert ، التي تم إنشاؤها باستخدام Fontself ، للحصول على بعض الإلهام حول الاحتمالات.

gilbert font
جيلبرت لون الخط، تم إنشاؤها باستخدام فونتسيلف

أنا لون الخط تحويل! لكن كيف أستخدمها؟

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

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

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

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

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

لأن خطوط الألوان علوية بصوت عالٍ ومهزلة ، يمكن أن تدفع التصميم إلى منطقة مقيتة. بالنسبة إلى بعض التصميمات ، لا سيما التطبيقات التي تستهدف السوق الأصغر سنًا ، يمكن أن تكون هذه مكافأة! إن خط ألوان Adobe على الخط من Typekit يحث على الفور على رد فعل الحب أو الكراهية لتصميم الويب الزائد. قد يفضل المصممون الآخرون موازنة خط ألوان بنوع أكثر من الباريد أو صور بالأبيض والأسود على بقية التصميم ، أو استخدام خط لون كمحور وحيد للتصميم البسيط والنظيف.

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

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

استنتاج

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

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

تريد تراجع إصبع القدم في نوع التصميم؟ ستوجهك هذه البرامج التعليمية من خلال أساسيات إنشاء الخطوط الخاصة بك من البداية:

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.