التخطيط والمسافات
نظّم الرسالة بهوامش وأعمدة ومسافات مشتركة. كيّف الشبكة مع التنسيق.
تمنح المساحة الأفكار بنية.
6 / 72 / 32إيقاع تحريري قابل للتكرار
تستخدم إطارات دليل الهوية الواسعة ستة أعمدة وهوامش 72 بكسل وفواصل 32 بكسل. كيّف هذه العلاقات للويب بهوامش وأعمدة متجاوبة.
في التطبيق
FKRA / 01تصبح الأفكار مفيدة عندما تترابط.
حوّل فكرة واضحة إلى مسار تعلّم. امنح الخطوة التالية مساحة لتصبح مفيدة.
افصل الرسالة عن الزخرفة بهوامش واسعة وفاصل 32 بكسل بينهما.
FKRA / 01تصبح الأفكار مفيدة عندما تترابط.
حوّل فكرة واضحة إلى مسار تعلّم. امنح الخطوة التالية مساحة لتصبح مفيدة.
شكرًا لإفساح المجال لفكرة جديدة. اجعل الرسالة واضحة، وامنح الخطوة التالية مساحتها.
- لاحظ
- اربط
- طبّق
عرض سطر مريح وتجميع 24 بكسل يعطيان القراءة الأولوية. أبقِ الفقرات المرتبطة معًا.
FKRA / 01تصبح الأفكار مفيدة عندما تترابط.
حوّل فكرة واضحة إلى مسار تعلّم. امنح الخطوة التالية مساحة لتصبح مفيدة.
التالي: شكّل الدرس
فكرة واحدة واضحةاستخدم إيقاع 16 بكسل لتجميع الإجراءات المرتبطة. اترك مساحة كافية لقراءة تسمياتها.
شاهد الإيقاع
FKRA / 01تصبح الأفكار مفيدة عندما تترابط.
حوّل فكرة واضحة إلى مسار تعلّم. امنح الخطوة التالية مساحة لتصبح مفيدة.
استخدم أعمدة أقل على الشاشات الصغيرة. أبقِ المسافات على مقياس 4 بكسل.
القواعد والمصدر
أساس من أربع بكسلات
استخدم 4 و8 و12 و16 و20 و24 و32 و40 و48 و64 و80 و96px. تجنّب الفجوات العشوائية؛ وكيّف عدد الأعمدة مع السطح.
شبكة تحريرية مشتركة
يستخدم كتاب الهوية بعرض 1600px ستة أعمدة، وهوامش 72px، وفواصل 32px، وإيقاع أساس 32px. تعيد تخطيطات الويب تدفق هذه العلاقات بدل تصغير الصفحة.
افعل
حاذِ العناوين والأمثلة والتعليقات والنصوص مع أعمدة مشتركة.
لا تفعل
لا تحشر المحتوى داخل إطار ثابت الارتفاع أو تغيّر ترتيب التنقل البصري عن لوحة المفاتيح.
افتح مصدر Figma القابل للتحريرصفحات المصدر 12, 13