الخريطة الباب ٤: التجربة
الطباعةTypography
الخط هو صوت الواجهة.
الخط هو صوت الواجهة. نفس الجملة تُقرأ رسمية أو ودودة أو فاخرة بحسب خطها. لكن قبل الجمال تأتي القراءة: حجم مريح، أسطر بطول معقول، مسافات تتنفس، وتباين واضح. الطباعة الجيدة لا يلاحظها أحد — يلاحظ الجميع الطباعة السيئة.
خطّان على الأكثر
كل خط إضافي يضيف صوتاً جديداً، وبعد الخط الثاني تتحول الواجهة إلى حوار بين أصوات لا تعرف بعضها. الأسلم: خط واحد متعدد الأوزان، تبني التسلسل فيه بالحجم والوزن. وإن أردت التنويع، فخط للعناوين وآخر للنص — وهذا هو الحد.
واختر خطاً يناسب طبيعة المنتج: الخطوط الهندسية الحديثة للتقنية، والنسخية الكلاسيكية للقانون والثقافة، والودودة للتعليم والأطفال.
طول السطر: بين ٤٥ و٧٥ حرفاً
حين يمتد السطر على عرض الشاشة كلها، تقطع العين مسافة طويلة ثم تبحث عن بداية السطر التالي — فتتعب وتفقد مكانها. النطاق المريح على الشاشات الكبيرة بين ٤٥ و٧٥ حرفاً في السطر، وعلى الجوال بين ٣٠ و٤٠. لا تحتاج أن تعدّ الحروف: حدد عرضاً أقصى لفقرات النص، وانتهى الأمر.
يحب الناس الكلاب لأسباب كثيرة، أولها الوفاء الذي لا يتغير، ثم الفرح الصافي الذي تجلبه إلى البيت. صحبتها ترفع المزاج، ولعبها يملأ اليوم بالحركة، وولاؤها يلهم أصحابها. ولها فوائد عملية أيضاً: تُدرَّب لمساعدة ضعاف البصر، وتشارك في البحث والإنقاذ، وتعمل رفيقاً علاجياً في المستشفيات.
ملاحظة المصحّح: سطر طويل — تضيع العين في العودةيحب الناس الكلاب لأسباب كثيرة، أولها الوفاء الذي لا يتغير، ثم الفرح الصافي الذي تجلبه إلى البيت. صحبتها ترفع المزاج، ولعبها يملأ اليوم بالحركة، وولاؤها يلهم أصحابها. ولها فوائد عملية أيضاً: تُدرَّب لمساعدة ضعاف البصر، وتشارك في البحث والإنقاذ، وتعمل رفيقاً علاجياً في المستشفيات.
ارتفاع السطر سلاحك السري
للنص العادي، اجعل ارتفاع السطر بين ١٫٥ و١٫٦ من حجم الخط — والعربية تحب أكثر قليلاً لأن حروفها تمتد للأعلى والأسفل. أما العناوين الكبيرة فتحتاج ارتفاعاً أقل (نحو ١٫٢–١٫٣) حتى لا تتفكك. القاعدة: كلما كبر الخط صغر ارتفاع السطر، والعكس.
القهوة أكثر من مشروب؛ إنها طقس يومي لكثيرين. كوب دافئ يوقظ الصباح، ويرافق العمل، ويجمع الأصدقاء على حديث طويل.
ملاحظة المصحّح: أسطر مضغوطة فوق بعضهاالقهوة أكثر من مشروب؛ إنها طقس يومي لكثيرين. كوب دافئ يوقظ الصباح، ويرافق العمل، ويجمع الأصدقاء على حديث طويل.
بطاقتان لإعلان ساعة. أيّهما تخبرك فوراً بما هو مهم؟
الوزن واللون يرتبان النص
العناوين بأوزان ثقيلة (عريض أو شبه عريض)، والفقرات بوزن عادي. العناوين بلون أغمق، والنص المساند برمادي داكن. وتجنب الأسود الخالص على الأبيض الخالص — حبر داكن مثل #1A1A1A أريح للعين. وتجنب الأوزان الرفيعة جداً (Thin / ExtraLight) في النصوص: تبدو أنيقة في التصميم وتختفي على الشاشات الصغيرة.
في هذه البطاقة نص سيصعب على كثيرين قراءته. انقر عليه.
وضع التفتيش: مرّر على عناصر التصميم وانقر على موضع الخطأ — أو تنقّل بـ Tab واضغط Enter.
اضبط النص ليكون مريحاً للقراءة: حجم مناسب، وارتفاع سطر يترك للحروف مساحتها.
يحب الناس الكلاب لأسباب كثيرة، أولها الوفاء الذي لا يتغير، ثم الفرح الصافي الذي تجلبه إلى البيت. صحبتها ترفع المزاج، ولعبها يملأ اليوم بالحركة، وولاؤها يلهم أصحابها. ولها فوائد عملية أيضاً: تُدرَّب لمساعدة ضعاف البصر، وتشارك في البحث والإنقاذ، وتعمل رفيقاً علاجياً في المستشفيات.
الحجم / الارتفاع10px / 1.1
الخصائص
اختبر نفسك
١. كم خطاً يُنصح باستخدامه في واجهة واحدة؟
٢. ما طول السطر المريح على شاشة كبيرة؟
٣. ما العلاقة الصحيحة بين حجم الخط وارتفاع السطر؟