الفيومي
قانون القرب — كيف تساعد المسافات على تنظيم المعلومات بصريًا؟

قانون القرب — كيف تساعد المسافات على تنظيم المعلومات بصريًا؟

اكتشف قانون القرب (Law of Proximity) وكيف يساعد على تنظيم المعلومات بصريًا ورفع وضوح التصميم وتقليل الحمل الذهني.

٣ ديسمبر ٢٠٢٥

ما هو قانون القرب (Law of Proximity)؟ ولماذا يحدد شكل فهم المستخدم للواجهة؟

هل لاحظت أنك أحيانًا تفهم علاقة العناصر ببعضها من مجرد قربها، بدون ما يكون في خطوط أو حدود تربط بينهم؟ العقل البشري بيحب يبني "روابط" بين الأشياء القريبة من بعضها… وكأنه بيقول: "لو الحاجات دي جنب بعض، يبقى أكيد ليها علاقة".

ده بالضبط اللي بيشرحه قانون القرب (Law of Proximity)… واحد من أهم قوانين الجشطالت اللي بيحدد إزاي المستخدم بيفهم الواجهة بصريًا.

في تجربة المستخدم، القانون ده قادر يرفع الوضوح… أو يخلق فوضى كاملة لو تم تجاهله.

ما هو قانون القرب؟ (شرح مبسط)

قانون القرب بيقول إن العناصر القريبة من بعضها بيتنظر لها على إنها جزء من مجموعة واحدة، حتى لو مفيش حدود أو خلفيات أو مربعات.

بالعربي: المسافة = معنى.

لو عنصرين جنب بعض؟ المستخدم يشوفهم ككيان واحد. لو عنصر بعيد شوية؟ المخ يصنفه كجزء منفصل.

العقل بيستخدم المسافة علشان "يتوقع" العلاقات.

أهمية قانون القرب في تجربة المستخدم

1) ترتيب المعلومات بسرعة

المستخدم يقدر يفهم الهياكل المعقدة بمجرد النظر.

2) يقلل الحمل الذهني

بدل ما المخ يحاول يربط عناصر بعيدة، أنت بتقدم له العلاقات جاهزة.

3) يرفع سرعة القراءة والمسح البصري (Scanning)

العين بتلف على مجموعات، مش عناصر منفصلة.

4) يمنع الالتباس بين العناصر

لو مفيش مسافة واضحة، العناصر هتظهر كأنها "ملزقة" ومش مفهومة.

إزاي نطبقه في التصميم؟

1) اجمع العناصر اللي لها علاقة ببعض

زر + نص توضيحي عنوان + وصف أيقونة + تسمية

2) وفر مسافات أكبر بين المجموعات

علشان المستخدم يميز بسهولة.

3) استخدم القرب بدل الإطارات

بدل ما تعمل مربع حوالين كل حاجة… سيب المسافة هي اللي تعمل الشغل.

4) انتبه للمسافات المتساوية

المسافات المتساوية = بنية متوقعة وسهلة.

مثال من تطبيق نستخدمه يوميًا: WhatsApp — تطبيق ممتاز لقانون القرب

من أكتر التطبيقات اللي بتطبق القانون ده بوضوح هو واتساب.

القوائم، الرسائل، الفواصل… كلها مبنية على فكرة المسافة.

إزاي واتساب بيطبق قانون القرب؟

3 مميزات في واتساب بسبب قانون القرب

1) قراءة أسرع للغاية

المجموعات واضحة، مفيش فوضى.

2) وضوح حدود المحادثات

المسافات الصغيرة والكبيرة بتخلق تركيبة مفهومة.

3) أقل مجهود بصري

المسافات بتدي تنفس وراحة في الاستخدام.

3 عيوب رغم تطبيق القانون

1) فواصل صغيرة أحيانًا تسبب تلاصق في رسائل الصوت

بعض الرسائل تبدو قريبة زيادة عن اللزوم.

2) المسافات تختلف حسب نسخة الهاتف

وده بيأثر أحيانًا على الوضوح.

3) في الشات الجماعي… القرب قد يسبب تداخل

خاصة لما الصور أو الروابط تظهر متتابعة.

أخطاء شائعة يجب تجنبها

❌ تجميع عناصر غير مرتبطة لمجرد قربها

❌ ترك مسافات صغيرة جدًا بين مجموعات مختلفة

❌ الاعتماد على الإطارات بدل استخدام المسافات 

❌ تجاهل تأثير حجم الشاشة على القرب

قانون القربUX GestaltLaw of Proximityعلم نفس المستخدمتصميم واجهاتWhatsApp UX

اجابات تبحث عنها

هل لديك أسئلة؟ لدينا إجابات لمساعدتك في تحقيق أقصى استفادة

لأ، ينطبق على كل العناصر البصرية: أيقونات، صور، أزرار، حتى المسافات بين الفقرات.
مش شرط. القرب الزائد يسبب تلاصق، والبعد الزائد يسبب انفصال غير منطقي.
Contact card background

نحول الأفكار إلى تجارب استثنائية

هل تبحث عن مصمم يحوّل فكرتك إلى تجربة مميزة؟ تواصل معنا الآن واحصل على استشارة مجانية لمشروعك

مقالات قد تهمك

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