تتضمن واجهات

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

يبدأ أسلوب الطباعة

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

خطوط

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

عائلات

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

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

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

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

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

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

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

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

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

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

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

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

نص أساسي

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

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

لون النص

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