الأيقونات
تدعم ست أيقونات هندسية الإجراءات الشائعة. اربطها بتسميات واترك لرمز العلامة دوره الخاص.
ست أيقونات بنسب متسقة
تستخدم أيقونات الكتاب والبحث والتشغيل والتحقق والسهم والإضافة شبكة أصلية 24px وسمكًا بصريًا 2px. احفظ الفراغات والمحاذاة البصرية.
في التطبيق
قراءةبحثإضافة درسحاذِ الأيقونات بحسب مراكزها البصرية. اترك 8 بكسل بين كل أيقونة وتسميتها.
تصبح الأفكار مفيدة عندما تترابط.
تشغيل معاينة الدرسرمز التشغيل يخص فعل التعلّم لا توقيع العلامة. يوفر العنوان المرئي المعنى.
تدعم الأيقونة عنوان الحقل. تبقى التعليمات مقروءة حتى عند إخفاء الأيقونة الزخرفية.
تأمل هندسة نافعة
book / 24pxsearch / 24pxplay / 24pxcheck / 24pxarrow / 24pxadd / 24pxتشرح أيقونات الواجهة الأفعال ولا تستبدل رمز الهوية. هذه معاينة محلية محدودة وليست تشغيلًا للوسائط.
القواعد والمصدر
استعارة مفيدة واحدة
تستخدم أيقونات الكتاب والبحث والتشغيل والتحقق والسهم والإضافة شبكة أصلية 24px وسمكًا بصريًا 2px. احفظ الفراغات والمحاذاة البصرية.
التباين والمعنى
استخدم الكحلي على الأسطح الفاتحة والأبيض على الكحلي. خفض الشفافية للزخرفة غير النشطة فقط. تحتاج الحالة إلى تسمية أو شكل، لا إلى اللون وحده.
افعل
اربط الأيقونات الوظيفية بتسميات قصيرة ظاهرة.
لا تفعل
لا تغلق الفراغات أو تستبدل الشعار الرئيسي بأيقونة.
افتح مصدر Figma القابل للتحريرصفحات المصدر 23