الأشكال والزوايا

تحدد سبع قيم انحناء زوايا الحاويات وعناصر التحكم. اخترها بحسب وظيفة المكوّن.

مواضع استخدام القيم السبع

4px

عناصر التحكم · 4 / 6 بكسل

6px

عناصر التحكم · 4 / 6 بكسل

10px

المحتوى · 10 / 14 بكسل

14px

المحتوى · 10 / 14 بكسل

20px

الأسطح الكبيرة · 20 / 28 بكسل

28px

الأسطح الكبيرة · 20 / 28 بكسل

999 / pill

كبسولة · 999 بكسل

عناصر التحكم · 4 / 6 بكسل

استخدم قيمة 6 بكسل لهذه المجموعة الصغيرة. اجمع الأدوات المرتبطة بمسافات متسقة.

01 / FKRA

حوّل فكرة واضحة إلى مسار تعلّم. امنح الخطوة التالية مساحة لتصبح مفيدة.

المحتوى · 10 / 14 بكسل

تستخدم بطاقة المحتوى انحناءً قدره 14 بكسل. اضبط مسافاتها الداخلية بشكل مستقل.

حاوية تطبيق

تستخدم هذه الحاوية التوضيحية انحناءً قدره 20 بكسل وتترك مساحة حول الرمز. استخدم الملف الرسمي لأيقونة التطبيق النهائية.

قيمة الانحناء

01 / FKRA

حوّل فكرة واضحة إلى مسار تعلّم. امنح الخطوة التالية مساحة لتصبح مفيدة.

قارن أثر كل انحناء على الحاوية. في المنتج، اختر القيمة المخصصة لوظيفة المكوّن. أبقِ مسارات الشعار دون تغيير.

r-xs 4px وr-sm 6px وr-md 10px وr-lg 14px وr-xl 20px وr-2xl 28px وr-pill. اختر حسب وظيفة المكوّن، لا الزخرفة.

احفظ الانحناءات البصرية للشعار كما وردت تمامًا. لا تبرر زوايا الحاويات تنعيم الرمز أو إعادة بنائه.

كرر مجموعة محدودة من الأشكال بحسب الوظيفة داخل التطبيق.

لا تضف قيم زوايا عشوائية أو تدوّر المسارات الأصلية.