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

المحاذاةAlignment

خطوط خفية تجعل الفوضى نظاماً.

٠ من ٦ تمارين

حين تنظر إلى واجهة مرتبة، أنت لا ترى الخطوط التي تنتظم عليها العناصر — لكنك تشعر بها. المحاذاة هي أن تصطف النصوص والصور والأزرار على حواف مشتركة، فتبدو الواجهة متماسكة ومصممة بعناية. وحين تختل، يبدو كل شيء «تقريباً صحيحاً»، وهذا أسوأ من الخطأ الواضح.

حافة واحدة بدل ثلاث

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

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

خطأ
نباتات الصبّار

نباتات قليلة العناية تتحمّل الجفاف، وتعيش داخل المنزل بسهولة إذا وجدت ضوءاً كافياً.

اعرف أكثر
ملاحظة المصحّح: ثلاث حواف مختلفة!
صح
نباتات الصبّار

نباتات قليلة العناية تتحمّل الجفاف، وتعيش داخل المنزل بسهولة إذا وجدت ضوءاً كافياً.

اعرف أكثر
نفس المحتوى، لكن في النسخة الصحيحة يبدأ كل شيء من خط واحد.
أيّهما أفضل؟+١٠ XP

قائمتان للتنقل بنفس العناصر. أيّهما تبدو مرتبة ومصممة بعناية؟

لكل محتوى محاذاته

محاذاة البداية (اليمين بالعربية) للفقرات والقوائم: كل سطر يبدأ من نفس النقطة فلا تبحث العين عن السطر التالي. التوسيط للعناوين القصيرة والرسائل المنفردة فقط؛ في الفقرات الطويلة يجعل القراءة مرهقة لأن بداية كل سطر تتغير.

أما الأرقام في الجداول فتُحاذى بحيث تتطابق خاناتها — الآحاد تحت الآحاد — حتى يقارنها المستخدم بنظرة. توسيط الأرقام يجعلها تتراقص.

خطأ
الفاتورة الشهرية
الخطة الأساسية$9.00
الخطة المتقدمة$129.00
خطة الفِرق$1,249.00
إضافة تخزين$4.50
ملاحظة المصحّح: الأرقام تتراقص — صعب مقارنتها
صح
الفاتورة الشهرية
الخطة الأساسية$9.00
الخطة المتقدمة$129.00
خطة الفِرق$1,249.00
إضافة تخزين$4.50
محاذاة الأرقام إلى جهة واحدة تجعل المقارنة فورية.
اكتشف الخطأ+٢٠ XP

في قائمة الإعدادات هذه صف خرج عن الصف. انقر عليه.

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

الإعدادات
الحسابالاسم، البريد، كلمة المرور
الإشعاراتما يصلك ومتى
الخصوصيةمن يرى نشاطك
أصلحه بنفسك+٣٠ XP

أعد عناصر البطاقة إلى حافة واحدة: أزل إزاحة العنوان، وضع الزر حيث يبدأ النص.

نباتات الصبّار

نباتات قليلة العناية تتحمّل الجفاف، وتعيش داخل المنزل بسهولة إذا وجدت ضوءاً كافياً.

اعرف أكثر

عدد حواف المحاذاة3

الخصائص

اختبر نفسك

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

١. ما المحاذاة الافتراضية الأنسب لفقرة عربية طويلة؟

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

٢. لماذا لا نوسّط الأرقام في عمود جدول؟

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

٣. أي أداة تساعدك على الحفاظ على المحاذاة عبر الشاشات كلها؟