الخطوط اللونية والتصميم المسطح
أدى الافتراس المتزايد على شبكة الإنترنت بتصميم مسطح إلى رفض سريع للقطع مثل الظلال المسقطة ، لصالح مظهر أكثر نظافة قائم على الشكل. ولكن هذا يترك للمصمم مشكلة: كيف يمكنك أن تكون نمطًا نابضًا بالحياة بينما تلتزم بمبادئ التصميم المسطح؟
حل واحد هو الاهتمام المتجدد في الخطوط اللونية. في الاستخدام الواسع النطاق للطباعة على الخشب في القرن التاسع عشر ، تستخدم وجوه الكتابة اللونية ألوانًا متعددة لتحديد مناطق مختلفة. هذا هو الاتجاه المعاكس القطبي لتصميم الشعار الحديث ، حيث يتم تعليمنا أن الأشكال يجب أن تعمل بنبرة واحدة.
فائدة التصاميم اللونية هي أنها تضيف العمق والتركيز والطابع. دون الحاجة إلى زخرفة نصية أكثر تطفلاً مثل الظلال.
واحدة من أفضل الأمثلة على ذلك Sodachrome. صمم من قبل دان راتيجان وإيان مور ، يتكون Sodachrome من خطين منفصلين. واحد حيث تشير الرواسب إلى اليسار ، وواحدة تشير إلى اليمين. تعيين بشكل فردي الخطوط اثنين غير متوازنة بشكل واضح ، ومع ذلك وضعت على بعضها البعض في ألوان مختلفة ، فإنها تنتج شريحة جذابة. فائدة إضافية من Sodachrome هو أن التداخل بين لونين يخلق الوجه الثالث ، sans-serif الحديث ، في قلب التصميم. يتم إنشاء الاهتمام المرئي في Sodachrome من خلال التفاعل بين هذه التصاميم الثلاثة المختلفة.
Sodachrome by Dan Rhatigan and Ian Moore.
يعتبر تطوير الخطوط اللونية للاستخدام على الويب نوعًا من التحدي. في حين أن تصاميم مثل ليزا لونجران نوكسفيل اتبع الخطوط العريضة الرومانية التقليدية جدا ، والتصاميم مثل صباغ مارك فرامبرغ - التي تحتوي على 600 حرف - لا تتناسب بسهولة مع تنسيقات المخطط التفصيلي.
نوكسفيل من ليزا لونرغان.
صبغة من قبل مارك Frömberg.
تم تصميم الخطوط ، حتى وجوه الجرونج ، كمخطط. يمكن تحجيم الخطوط العريضة والملونة والمتباعدة على الرغم من اختيار المصمم. OpenType (OT) و TrueType (TT) و تنسيق Open Open Format (WOFF) وتقريبًا كل تنسيق آخر متاح يعمل بهذه الطريقة. هذا يعني أنه لا يمكن تحديد التصميم اللوني في ملف واحد. ومع ذلك ، بشرط أن يتم تسليم الخط اللوني كملفين منفصلين ، يمكننا وضع أحدهما على الآخر بسهولة تامة.
حتى أن CSS تسمح لنا بتكرار العنوان في الأنماط باستخدام خاصية المحتوى ، وتجنب مضاعفة المحتوى في الترميز الذي سيكون له تأثير سلبي على تحسين محركات البحث والوصول.
التنسيق الأساسي هو:
Any old title
وفي CSS:
h1{font-family:"Some Chromatic Font A";color: rgba(50, 0, 0, 0.5);position:relative;}h1:after{font-family:"Some Chromatic Font B";color: rgba(0, 50, 50, 0.5);position:absolute;left:0;content:"Any old title";}في الوقت الحالي ، من المرجح أن يعني عدم وجود الخطوط اللونية التي يتم إنتاجها لاستخدام الويب ، أن استخدامها يعد خطوة بعيدة جدًا على المواقع مثل المدونات التي تتطلب العديد من الرؤوس. ولكن بالنسبة للشعارات أو الرؤوس التي نادراً ما تتغير ، حيث أن استخدام الصورة مقبول ، فإن الخطوط اللونية هي طريقة نابضة بالحياة وجذابة لوضع النوع الذي يحتفظ بالجمالية المسطحة.
هل عملت مع الخطوط اللونية؟ ما الصعوبات الفنية التي واجهتها؟ اسمحوا لنا أن نعرف في التعليقات.