هل تريد أن يجد عميلك فئة القائمة في 9 ثوانٍ أم في 18 ثانية؟ الجواب يكمن في النسبة الرياضية وراء مقياسك الطباعي. مطعم بيدة بـ22 طاولة في بورنوفا بإزمير انتقل من نهج عشوائي إلى مقياس Major Second (1.125x) فانخفض زمن العثور على الفئة إلى النصف.
لماذا Major Second بـ1.125x؟
في الطباعة، تضاعف نسبة المقياس أصغر حجم خط لاشتقاق البقية. Major Third (1.25x) يعظّم التباين لكنه يكبّر H1 بشكل غير متناسب في القائمة. 1.125x يبدو طبيعيًا لأنه يعكس البنية الرياضية للفواصل الموسيقية.
ابدأ بـcaption 16px: caption 16، المتن 20، H2 28، H1 32. على الجهاز اللوحي يُقرأ هذا المقياس بشكل مريح؛ على الجوال، أنزل المتن إلى 18px.
جدول البكسلات
أكثر تركيبة مستقرة اختبرناها في الإنتاج:
- H1 (عنوان الفئة): 32px / line-height 1.2 / font-weight 700
- H2 (الفئة الفرعية): 28px / line-height 1.25 / font-weight 600
- المتن (اسم المنتج): 20px / line-height 1.5 / font-weight 500
قوالب thMenu تأتي بهذه القيم افتراضيًا. للقوالب المخصصة، ثبّت النسبة على 1.125 والقاعدة على 16px.
التحقق عبر Type-Scale.com
افتح Type-Scale.com، اختر إعداد "Major Second"، أدخل 16 كقاعدة. قارن مع قائمتك الفعلية؛ استخدم Chrome DevTools عند 375px و768px.
المالك حقان لاحظ انخفاض زمن خدمة الطاولة بـ12% بعد تطبيق المقياس الجديد.
الأسئلة الشائعة
هل أستخدم النسبة الذهبية (1.618x) بدلًا من ذلك؟ لا — تكبّر H1 بشكل غير متناسب وتكسر تخطيطات الشاشة الواحدة.
تقليص كل شيء بـ80% على الجوال؟ فقط أنزل المتن إلى 18px؛ نسبة 1.125x تحافظ على البقية متناسبة.
أي عائلة خطوط؟ Sans-serif (Inter وRoboto وOpen Sans) أفضل قراءة في القوائم.
هل وجدت هذا مفيداً؟ شاركه.
مقالات ذات صلة
ما هي قائمة QR؟ الدليل الشامل للمطاعم
تتيح قائمة QR للعملاء الوصول الفوري إلى قائمة طعامك عبر هواتفهم الذكية — دون تطب…
التحول من قائمة الطعام الورقية إلى قائمة QR الرقمية: دليل خطوة بخطوة
هل تريد اعتماد قوائم QR لكنك لا تعرف من أين تبدأ؟ يغطي هذا الدليل التصوير والمحت…
قوائم QR مستهدفة جغرافياً: تقديم لغات مختلفة حسب IP الزائر
كيف يوجّه منتجع شامل من 180 مقعداً في أنطاليا نفس QR إلى قوائم تركية أو ألمانية …