الخريطة الباب ١: الأساسيات
التقاربProximity
ما يتجاور يُفهم كمجموعة واحدة.
العقل البشري يجمّع الأشياء المتقاربة تلقائياً ويعاملها كوحدة واحدة، ويفصل الأشياء المتباعدة. هذا ما يسميه علم نفس الجشطالت «قانون التقارب». في الواجهات، المسافة ليست مجرد راحة للعين — إنها لغة تقول للمستخدم: هذا مع ذاك، وهذا شيء آخر.
التسمية تلتصق بحقلها
انظر إلى النموذج الأول: تسمية «اسم العائلة» تبعد نفس المسافة عن الحقل الذي فوقها والحقل الذي تحتها. النتيجة؟ المستخدم يتوقف لحظة ليسأل: لأي حقل تنتمي هذه الكلمة؟ لحظة صغيرة، لكنها تتكرر مع كل حقل.
الحل لا يحتاج لوناً ولا خطاً فاصلاً: قرّب التسمية من حقلها، وأبعد كل زوج عن الزوج التالي. المسافة وحدها تكفي لترسم المجموعات.
القائمتان تحتويان نفس الإعدادات الستة. أيّهما تساعد المستخدم على إيجاد ما يبحث عنه أسرع؟
الفراغ قبل الخطوط
عندما تبدو العناصر مبعثرة، يلجأ كثير من المصممين إلى الخطوط الفاصلة والإطارات. لكن الخطوط تضيف ضجيجاً، وأحياناً تفصل ما يجب أن يبقى معاً. جرّب أولاً أن تقرّب العناصر المرتبطة وتبعد غير المرتبطة. ستندهش كم مرة يحل الفراغ المشكلة وحده.
نورة السالم
مصممة منتجات · جدةملاحظة المصحّح: الاسم والمسمى منفصلان كأنهما غريبان
متابعة
مراسلة
حرّك المؤشرين حتى تلتصق كل تسمية بحقلها، وينفصل كل حقل بوضوح عن الحقل الذي يليه.
نسبة الفصل (بين الحقول ÷ التسمية)1.0×
الخصائص
في صفحة المنتج هذه تسمية تبدو وكأنها تنتمي للمجموعة الخطأ. انقر عليها.
وضع التفتيش: مرّر على عناصر التصميم وانقر على موضع الخطأ — أو تنقّل بـ Tab واضغط Enter.
اختبر نفسك
١. تسمية تبعد ٢٤ بكسل عن حقلها و٢٤ بكسل عن الحقل السابق. ما المشكلة؟
٢. ما أبسط وأهدأ وسيلة لتجميع عناصر مرتبطة؟
٣. من أين جاء «قانون التقارب»؟