الفيومي
قانون التشابه : ازاي ينظم العقل المعلومات بناءً على الشكل واللون؟

قانون التشابه : ازاي ينظم العقل المعلومات بناءً على الشكل واللون؟

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

٤ ديسمبر ٢٠٢٥

ما هو قانون التشابه (Law of Similarity)؟ ولماذا يستخدمه العقل لتنظيم المعلومات تلقائيًا؟

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

ده بالضبط جوهر قانون التشابه (Law of Similarity)، واحد من أهم مبادئ الجشطالت اللي بيحدد إزاي نفهم الواجهات ونتعامل مع المعلومات.

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

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

قانون التشابه بيقول:
العقل بيجمع العناصر المتشابهة داخل مجموعة واحدة—even لو كانت بعيدة عن بعضها.

التشابه ممكن يكون في:

المخ يتعامل مع التشابه كـ "دليل علاقة" بين العناصر.

مثال بسيط:

لو عندك 10 دوائر و3 منها لونهم أزرق، عقلك فورًا هيصنفهم كمجموعة واحدة—even من غير ما تكون قريبة.

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

1) إنشاء بنية بصرية واضحة

العقل يرتاح لما يشوف عناصر متشابهة لأنها تساعده يفهم هيكل الصفحة.

2) تحسين سرعة التصفح

العين تمسح الصفحة من خلال الأنماط—not كل عنصر لوحده.

3) تقليل الأخطاء

لما الأزرار المهمة تشترك في شكل أو لون، المستخدم مش هيغلط.

4) تعزيز الهوية البصرية

التشابه يخلق هوية موحدة للتجربة.

كيف نستخدم قانون التشابه في التصميم؟

1) استخدم نفس اللون لنفس الوظيفة

الأزرار الأساسية نفس اللون → قرار أسرع.

2) ثبّت شكل الأيقونات داخل نفس المجموعة

أيقونات الإعدادات، البحث، المشاركة… لازم تكون بنفس النمط.

3) وحّد شكل القوائم

نفس حجم النص ونفس نوع الخط يساعد على توقع العناصر.

4) استخدم التشابه لتمييز مجموعات داخل الصفحة

قسم الخدمات، قسم المقالات، قسم المنتجات… كل مجموعة لازم يكون ليها شكل متكرر.

5) لا تخلط بين أنماط بصرية مختلفة بدون سبب

ده بيعمل "Noise" بصري.

مثال واقعي من تطبيق نستخدمه يوميًا: YouTube — وكيف يعتمد على قانون التشابه

يوتيوب مثال ممتاز لقانون التشابه في كل جزء من واجهته.

إزاي يوتيوب بيطبّق قانون التشابه؟

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

3 مميزات في YouTube بسبب قانون التشابه

1) سهولة مسح الشاشة (Scanning)

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

2) إحساس قوي بالانتظام

المستخدم يشوف واجهة متماسكة—وده يرفع الثقة.

3) تقليل الحمل الذهني

المستخدم مش محتاج يكتشف كل عنصر من جديد.

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

1) تكرار بصري أحيانًا يسبب ملل

التناسق الزائد ممكن يخلي الواجهة رتيبة.

2) صعوبة اكتشاف العناصر الجديدة

لو عنصر جديد شكله مشابه جدًا… المستخدم قد لا يلاحظ وجوده.

3) بعض الإعلانات تتخفّى داخل التشابه

الإعلان بياخد نفس شكل بطاقة الفيديو—وده يسبب تضليل.

الخلاصة

قانون التشابه مش مجرد تنظيم بصري…
ده طريقة العقل لفهم العالم بسرعة.

لو استخدمته صح؟
هتخلق تجربة واضحة – مفهومة – متوقعة – ممتعة.

ولو تجاهلته؟
هتعمل فوضى، ارتباك، وحمل ذهني عالي.

قانون التشابهLaw of SimilarityGestalt UXتجربة المستخدمYouTube UX

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

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

لأ، ممكن يكون في الشكل أو الخط أو الحجم أو النمط.
نعم… ممكن يخلي الصفحة مملة أو يخفي العناصر الجديدة.
Contact card background

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

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

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

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