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

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

الخطوط

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

العائلات والأوزان والاحتياطي

بينما يمكن للأنظمة تغيير الخطوط بناءً على السمات ، فإن معظمها يعتمد في البداية على تحديد عائلة خطوط serif و / أو sans-serif الأولية. يتم تعزيز كل خط بسلسلة من العناصر الاحتياطية (Hello و Arial و Times) ، والعديد من الأنظمة تقدم خطًا أحادي المسافة لعرض الشفرات (حتى لو كانت خاصة بها).

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

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

الحصول على الخطوط ، سواء عن طريق التنزيل أو الارتباط أو CDN

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

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

بالنسبة للمطورين ، يعتمد الأمر على النهج ، وتوفير خيارات مثل:

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

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

مقياس الطباعة & أمبير ؛ التسلسل الهرمي

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

نص أساسي

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

قد تقدم نسخة النص أيضًا فقرة "رئيسية" مميزة (بدلاً من ذلك ، "Lede") لفتح صفحة ، كما هو الحال في مقالة (المزيد حول ذلك لاحقًا). وبالتالي ، قد يحتاج مقياس S / M / L البسيط أيضًا إلى متغيرات أخرى تؤدي. هذا مهم بشكل خاص في الأنظمة التي تقدم أحجامًا متعددة ، نظرًا لأن الرصاص لشاشات العرض الأكبر والأقل كثافة سيكون أكبر من الرصاص للبدائل الأصغر عالية الكثافة.

لون النص

يلعب اللون أيضًا دورًا رئيسيًا في التسلسل الهرمي المطبعي للواجهة ، غالبًا من خلال الأنواع المعمول بها مثل:

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

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

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

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

@ @