Negative Space Design Examples

1. تصميم الفورم (Form Design)

الفورم الجيد يحتوي على مسافات متساوية حول الحقول لتوفير راحة للعين عند تعبئة البيانات. الفورم السيئ يحتوي على مسافات غير متساوية تجعل العناصر تبدو مزدحمة.

4. مسافات القوائم (Lists Spacing)

القائمة الجيدة تستخدم مسافات متساوية وواضحة بين العناصر. القائمة السيئة تضغط العناصر أو تجعلها متباعدة بشكل مفرط.

  • Item 1
  • Item 2
  • Item 3
  • Item 1
  • Item 2
  • Item 3
5. أزرار غير مريحة (Buttons Design)

الأزرار الجيدة تحتوي على مسافات متساوية في جميع الاتجاهات لسهولة الضغط. الأزرار السيئة تجعل المسافات ضيقة أو غير متساوية.

6. تصميم الشبكة (Grid Layout)

الشبكة الجيدة تحتوي على مسافات متساوية بين العناصر. الشبكة السيئة تجعل العناصر مضغوطة أو متباعدة بشكل مفرط.

1
2
3
1
2
3
7. تخطيط الصفحة (Overall Layout)

الصفحة الجيدة تحتوي على مسافات واضحة ومريحة بين العناصر الأساسية. الصفحة السيئة تفتقر إلى التنظيم أو تجعل العناصر مضغوطة.

Header
Content
Footer
Header
Content
Footer