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