الخريطة الباب ١: الأساسيات

التقاربProximity

ما يتجاور يُفهم كمجموعة واحدة.

٠ من ٦ تمارين

العقل البشري يجمّع الأشياء المتقاربة تلقائياً ويعاملها كوحدة واحدة، ويفصل الأشياء المتباعدة. هذا ما يسميه علم نفس الجشطالت «قانون التقارب». في الواجهات، المسافة ليست مجرد راحة للعين — إنها لغة تقول للمستخدم: هذا مع ذاك، وهذا شيء آخر.

التسمية تلتصق بحقلها

انظر إلى النموذج الأول: تسمية «اسم العائلة» تبعد نفس المسافة عن الحقل الذي فوقها والحقل الذي تحتها. النتيجة؟ المستخدم يتوقف لحظة ليسأل: لأي حقل تنتمي هذه الكلمة؟ لحظة صغيرة، لكنها تتكرر مع كل حقل.

الحل لا يحتاج لوناً ولا خطاً فاصلاً: قرّب التسمية من حقلها، وأبعد كل زوج عن الزوج التالي. المسافة وحدها تكفي لترسم المجموعات.

خطأ
بيانات التواصل
الاسم الأول20
20اسم العائلةملاحظة المصحّح: لمن تنتمي؟20
20البريد الإلكتروني20
صح
بيانات التواصل
الاسم الأول6
26اسم العائلة6
26البريد الإلكتروني6
الأرقام بالبكسل. في النسخة الصحيحة مسافة التسمية أصغر بكثير من المسافة بين الحقول.
أيّهما أفضل؟+١٠ XP

القائمتان تحتويان نفس الإعدادات الستة. أيّهما تساعد المستخدم على إيجاد ما يبحث عنه أسرع؟

الفراغ قبل الخطوط

عندما تبدو العناصر مبعثرة، يلجأ كثير من المصممين إلى الخطوط الفاصلة والإطارات. لكن الخطوط تضيف ضجيجاً، وأحياناً تفصل ما يجب أن يبقى معاً. جرّب أولاً أن تقرّب العناصر المرتبطة وتبعد غير المرتبطة. ستندهش كم مرة يحل الفراغ المشكلة وحده.

خطأ

نورة السالم
مصممة منتجات · جدةملاحظة المصحّح: الاسم والمسمى منفصلان كأنهما غريبان
متابعة
مراسلة
صح
نورة السالممصممة منتجات · جدة
متابعةمراسلة
بلا أي خط فاصل: الاسم والمسمى مجموعة، والزرّان مجموعة.
أصلحه بنفسك+٣٠ XP

حرّك المؤشرين حتى تلتصق كل تسمية بحقلها، وينفصل كل حقل بوضوح عن الحقل الذي يليه.

بيانات التواصل
الاسم الأول22
22اسم العائلة22
22البريد الإلكتروني22

نسبة الفصل (بين الحقول ÷ التسمية)1.0×

الخصائص

اكتشف الخطأ+٢٠ XP

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

وضع التفتيش: مرّر على عناصر التصميم وانقر على موضع الخطأ — أو تنقّل بـ Tab واضغط Enter.

قميص قطني كلاسيكي
$39.00
اللون
المقاس
SMLXL
أضف إلى السلة

اختبر نفسك

اختبار سريع+١٠ XP

١. تسمية تبعد ٢٤ بكسل عن حقلها و٢٤ بكسل عن الحقل السابق. ما المشكلة؟

اختبار سريع+١٠ XP

٢. ما أبسط وأهدأ وسيلة لتجميع عناصر مرتبطة؟

اختبار سريع+١٠ XP

٣. من أين جاء «قانون التقارب»؟