تطبيق أسلوب الخط

تنظيم صفحاتك في مجموعات يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.

يتم استخدام النص المعروض لسلاسل نصية كبيرة وقصيرة تُستخدَم لعرض معلومات عن العنصر الرئيسي في الإعلان يمكن الاطّلاع عليها سريعًا، أو مقاييس مهمة، أو لحظات تعبيرية عن ثقة العلامة التجارية.

• DisplayLarge هو العنوان الأكبر. تمثل العروض أكبر نص على الشاشة، وهي مخصّصة للمعلومات القصيرة التي يمكن الاطّلاع عليها بسهولة في المساحة الرئيسية، والمقاييس المهمة، أو لحظات الثقة أو العلامة التجارية المعبّرة التي تستفيد من مقياس ونمط بارزَين.
• DisplayMedium هو ثاني أكبر عنوان. العروض هي أكبر نص على الشاشة، وهي مخصّصة للمعلومات المختصرة التي يمكن الاطّلاع عليها بسهولة في المساحة الرئيسية، أو المقاييس المهمة، أو لحظات الثقة أو العلامة التجارية المعبّرة التي تستفيد من نطاق وأسلوب بارزَين.
• DisplaySmall هو أصغر عنوان. تمثل العروض أكبر نص على الشاشة، وهي مخصّصة للمعلومات القصيرة التي يمكن الاطّلاع عليها بسهولة في المساحة الرئيسية، أو المقاييس المهمة، أو لحظات الثقة أو العلامة التجارية المعبّرة التي تستفيد من مقياس ونمط بارزَين.

العنوان هو نص هرمي يُستخدَم كآلية للتنقّل، مثل صفحة أو عنوان قسم أو عنوان قسم فرعي (في حال TitleSmall).

• TitleLarge هو العنوان الأكبر. تكون العناوين أصغر حجمًا من العروض. وعادةً ما يتم تخصيصها للنصوص ذات الأهمية المتوسطة التي تكون أقصر في الطول، ولا يُنصح باستخدامها مع العناصر التفاعلية، بل مع عناوين الصفحات أو العناوين الفرعية.
• TitleMedium هو عنوان الوسيط. تكون العناوين أصغر حجمًا من العروض. وعادةً ما يتم تخصيصها للنصوص ذات الأهمية المتوسطة التي تكون أقصر في الطول، ولا يُنصح باستخدامها مع العناصر التفاعلية، بل مع عناوين الصفحات أو العناوين الفرعية.
• TitleSmall هو أصغر عنوان. تكون العناوين أصغر حجمًا من العروض. وعادةً ما يتم تخصيصها للنصوص ذات الأهمية المتوسطة التي تكون أقصر في الطول، ولا يُنصح باستخدامها مع العناصر التفاعلية، بل مع عناوين الصفحات أو العناوين الفرعية.

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

• LabelLarge هو التصنيف الأكبر. تُستخدَم التصنيفات لعرض النصوص البارزة، مثل التصنيف على أزرار العناوين، ويتم تطبيقها على المكونات التفاعلية.
• LabelMedium هو تصنيف الوسيط، وهو الأكثر استخدامًا. يتم استخدام التصنيفات لعرض النصوص، مثل التصنيف الأساسي على الأزرار، ويتم تطبيقها على المكوّنات التفاعلية.
• LabelSmall هو التصنيف الصغير. تُستخدَم التصنيفات لعرض نصوص مثل التصنيف الثانوي على الأزرار، والتصنيفات على الأزرار المدمجة، والتي يتم تطبيقها على المكوّنات التفاعلية.

يتم تخصيص الحقل "النص" لنص المحتوى، مثل فقرات النص الأساسي والنص المستخدَم في عرض البيانات المعقد والطوابع الزمنية والبيانات الوصفية.

• BodyLarge هو الجسم الأكبر. تُستخدَم نصوص النص عادةً لكتابة النصوص الطويلة، لأنّها تتوافق جيدًا مع أحجام النصوص الصغيرة. بالنسبة إلى الأقسام الطويلة من النص، ننصحك باستخدام خط serif أو sans serif.
• BodyMedium هو ثاني أكبر جسم. تُستخدَم نصوص النص عادةً لكتابة النصوص الطويلة، لأنّها تتوافق جيدًا مع أحجام النصوص الصغيرة. بالنسبة إلى الأقسام الطويلة من النص، ننصحك باستخدام خط serif أو sans serif.
• BodySmall هو ثالث أكبر جسم. تُستخدَم نصوص النص عادةً لكتابة النصوص الطويلة، لأنّها تتناسب جيدًا مع أحجام النصوص الصغيرة. بالنسبة إلى الأقسام الطويلة من النص، ننصحك باستخدام خط serif أو sans serif.
• BodyExtraSmall هو أصغر جسم. تُستخدَم نصوص النص عادةً لكتابة النصوص الطويلة، لأنّها تتوافق جيدًا مع أحجام النصوص الصغيرة. بالنسبة إلى الأقسام الطويلة من النص، ننصحك باستخدام خط serif أو sans serif.

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

• NumeralsExtraLarge هو أكبر دور للأرقام. تستخدم الأعداد التنسيق tabular للمَسافة تلقائيًا. وتُبرز هذه الأرقام السهلة الفهم والتي يقتصر عرضها على حرفَين أو ثلاثة أحرف فقط، ولا تتطلّب ترجمة محلية، مثل شاشة الشحن أو أداة اختيار الوقت.
• NumeralsLarge هو ثاني أكبر دور للأرقام. تستخدم الأعداد مَسافة جدولية تلقائيًا. وهي عبارة عن سلاسل أرقام كبيرة الحجم يقتصر استخدامها على شاشات العرض الكبيرة للوقت، حيث لا يلزم إجراء عملية ترجمة، مثل عد تنازلي للوقت أو أداة اختيار الوقت.
• NumeralsMedium هو ثالث أكبر دور للأرقام. تستخدم الأعداد مَسافة جدولية تلقائيًا. وهي أرقام متوسطة الحجم تقتصر على سلاسل قصيرة من الأرقام، ولا تتطلّب ترجمة، مثل عدد الخطوات أو أداة اختيار الوقت.
• NumeralsSmall هو الدور الرابع الأكبر للأرقام. تستخدم الأعداد مَسافة جدولية تلقائيًا. وهي مخصّصة للأرقام التي تحتاج إلى تمييز على نطاق أصغر، حيث لا يلزم توفير ترجمة للغة المحلية، مثل أدوات اختيار التاريخ والوقت.
• NumeralsExtraSmall هو أصغر دور للأرقام. تستخدم الأعداد التنسيق tabular للمَسافة تلقائيًا. وهي مخصّصة للأرقام التي تحتاج إلى توفُّر سلاسل أطول من الأرقام، حيث لا يلزم إجراء عملية ترجمة، مثل المقاييس أثناء التمارين.

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

أعلى الصفحة

• يُستخدَم ArcLarge لعناوين القوس والعناوين. يُستخدَم شكل القوس للنص على مسار منحني على الشاشة، وهو مخصّص لسلاسل نص العنوان القصيرة في أعلى أو أسفل الشاشة، مثل العناصر التي تظهر على سطح الشاشة لتأكيد الإجراءات.
• يُستخدَم ArcMedium لعناوين القوس والعناوين. يُستخدَم Arc للنص على مسار منحني على الشاشة، وهو مخصّص لسلاسل نص العنوان القصيرة في أعلى أو أسفل الشاشة، مثل عناوين الصفحات.
• ArcSmall مخصّص لسلاسل نصية محدودة من الأقواس. يُستخدَم Arc للنص على مسار منحني على الشاشة، وهو مخصّص لسلاسل النصوص القصيرة والمنحنية في أسفل الشاشة، مثل نص الوقت.

الجزء السفلي

• يُستخدَم ArcLarge لعناوين القوس والعناوين. يُستخدَم شكل القوس للنص على مسار منحني على الشاشة، وهو مخصّص لسلاسل نص العنوان القصيرة في أعلى أو أسفل الشاشة، مثل العناصر التي تظهر على سطح الشاشة لتأكيد الإجراءات.
• يُستخدَم ArcMedium لعناوين القوس والعناوين. يُستخدَم Arc للنص على مسار منحني على الشاشة، وهو مخصّص لسلاسل نص العنوان القصيرة في أعلى أو أسفل الشاشة، مثل عناوين الصفحات.
• ArcSmall مخصّص لسلاسل نصية محدودة من الأقواس. يُستخدَم Arc للنص على مسار منحني على الشاشة، وهو مخصّص لسلاسل النصوص القصيرة والمنحنية في أسفل الشاشة، مثل نص الوقت.