الطباعة
الطباعة
المقياس هو قرار كثافة، والأشكال هي قرار خطوط: هذه الصفحة تظهر كيف يقرأ الشكل، وليس ما يستحقه اليوم. قم بتبديل محور الخطوط في لوحة التصحيح وكل ما هو أدناه مضبوط في شكل آخر دون تغيير قاعدة.
العائلات
ثلاثة، لأن هذا ما تميزه الصفحة: ما هو مكتوب فيه، وما هو معنون به، وما يُقصد قراءته كما هو مكتوب بدلاً من أن يُقال. قد تعطي مجموعة نفس الشكل للجميع — النظام يفعل ذلك.
--font-family-base
الثعلب البني السريع يقفز فوق الكلب الكسول — 0123456789
--font-family-heading
الثعلب البني السريع يقفز فوق الكلب الكسول — 0123456789
--font-family-mono
الثعلب البني السريع يقفز فوق الكلب الكسول — 0123456789
الأوزان
مسمّاة بمدى إلحاحها، وليس برقم. شكل لا يوجد له 500 يوزعها على ما لديه، والأشكال التي تطلب المتوسط تستمر في طلب المتوسط.
--font-weight-normal — الثعلب البني السريع يقفز فوق الكلب الكسول — 0123456789
--font-weight-medium — الثعلب البني السريع يقفز فوق الكلب الكسول — 0123456789
--font-weight-strong — الثعلب البني السريع يقفز فوق الكلب الكسول — 0123456789
--font-weight-bold — الثعلب البني السريع يقفز فوق الكلب الكسول — 0123456789
مقياس الخط
نظام التصميم — العناصر الأساسية لواجهات رائعة
يستخدم مرة واحدة لكل صفحة. يحدد السياق الأساسي. يتزامن مع فقرة تمهيدية قصيرة.
تحدد الطباعة التسلسل الهرمي والإيقاع
عنوان مستوى القسم. يجمع المحتوى ذي الصلة. يتبعه عادة نص الجسم أو الأقسام الفرعية.
تشكيل المسافات والنسب قابلية القراءة
عنوان فرعي. يقدم موضوعًا مركزًا داخل قسم.
يوجه اللون والتباين العين
يستخدم لعناوين البطاقات، أو أقسام الشريط الجانبي، أو التجميعات الصغيرة.
حالات التفاعل يجب أن تكون واضحة
تسميات، رؤوس بيانات التعريف، تجميعات صغيرة. دقيقة ولكن مميزة عن نص الجسم.
إمكانية الوصول ميزة، وليست فكرة متأخرة
أصغر مستوى عنوان. استخدمه بحذر — للملاحظات، الكتل القانونية، أو الملصقات المساعدة.