توضح المسافات في البريد للقارئ العناصر التي تنتمي إلى بعضها. ينبغي أن تكون الصلة بين العنوان وشرحه وزره أقرب من المسافة بين قصتي منتجين منفصلتين. وعندما تتساوى كل الفجوات، قد تبدو حتى حملة Shopify القصيرة مزدحمة أو مفككة. استخدم مقياس تباعد صغيرًا ومتسقًا وتحقق من بقاء التجميع منطقيًا بعد ترتيب التخطيط عموديًا على الهاتف.
جمّع العناصر وفق معناها
أبقِ اسم المنتج قريبًا من صورته وسعره، والشرح قريبًا من الإجراء الذي يدعمه. واستخدم مسافة أكبر بين الأقسام المنفصلة منها بين العناصر المترابطة داخل القسم. يمنح ذلك القارئ خريطة بصرية قبل قراءة كل كلمة.
أنشئ النمط في قالب Sendvio قابل لإعادة الاستخدام. اختر مجموعة صغيرة من قيم التباعد وطبّقها باتساق بدلًا من ضبط كل كتلة بالنظر. وينبغي أن يسمح القالب للمحتوى بالتمدد عندما يلتف العنوان إلى سطر إضافي.
استخدم مقياسًا صغيرًا بدلًا من فجوات غير مترابطة
اختر بضع درجات للتباعد وحدد وظيفة كل منها. كبداية توضيحية، قد تصل فجوة صغيرة اسم المنتج بسعره، وتفصل فجوة متوسطة الشرح عن الإجراء، وتقدم فجوة أكبر قسمًا جديدًا. ينبغي أن تناسب القيم الدقيقة القالب؛ فالاتساق في العلاقة أهم من رقم معين.
مثلًا، يمكنك اختبار 8 و16 و32 بكسل لهذه المستويات الثلاثة، ثم التعديل بعد معاينة البريد المرسل. لا تستخدم أكبر فجوة بين كل فقرة. فإذا تساوت المسافات كلها، بدت التفاصيل المترابطة منفصلة وأصبح البريد أطول من اللازم.
للمسافة بين الأسطر وظيفة مختلفة؛ فهي تفصل الأسطر داخل الفقرة كي تتبعها العين براحة. أما هوامش الفقرات فتفصل الأفكار المكتملة. لا يصلح هامش كبير مشكلة ضيق الأسطر، كما لا يجعل ارتفاع السطر قسمين منفصلين واضحين. اضبط طبقة التباعد الصحيحة للمشكلة التي تراها.
تجنب المساحات الفارغة بلا وظيفة
قد تجعل الفجوات الكبيرة رسالة قصيرة تبدو مفككة، خصوصًا على الهاتف. تحقق مما إذا كانت كتلة ذات ارتفاع ثابت أو مساحة فاصلة غير ضرورية تدفع الإجراء بعيدًا عن شرحه. أزل السبب البنيوي بدلًا من تصغير النص لملء شكل غير مناسب.
حافظ على مسافة مريحة بين أسطر الفقرات وتجنب أعمدة النص العريضة أكثر من اللازم. يسهل تتبع الفقرة القصيرة عندما تظل أسطرها مترابطة من دون ازدحام. وعاين أسماء المنتجات الطويلة والنسخ اللغوية قبل اعتبار التباعد منتهيًا.
شخّص الفراغ قبل تغيير الخط
إذا ظهرت مساحة فارغة كبيرة تحت عنوان قصير، فافحص الارتفاعات الثابتة وكتل التباعد والحشو حول العنوان والمكوّن التالي. فقد تتجمع إعدادات تبدو معقولة منفردة لتنشئ فجوة مفرطة. أزل التكرار بدلًا من تصغير الخط حتى يبدو أن المساحة امتلأت.
عند تكديس الأعمدة على الهاتف، تحقق مما إذا كانت فواصل المحاذاة المخصصة لسطح المكتب لا تزال تظهر بين الكتل العمودية. فقد تتحول المسافة المستخدمة لمحاذاة الأزرار بين البطاقات إلى فراغ غير ضروري تحت وصف منتج قصير. فضّل مكوّنات تتمدد مع المحتوى وترتيبًا عموديًا يحافظ على كل منتج كوحدة واحدة.
اختبر التصفح السريع ثم القراءة الكاملة
انظر إلى البريد لبضع ثوانٍ وحدد الوعد والإجراء الأساسيين. إذا تنافست عدة كتل بالقوة نفسها، فبسّط التسلسل البصري. ثم اقرأ الرسالة كاملة لتتأكد من توافق التجميع مع المعنى.
افحص التصميم الضيق بعد تكديس الأعمدة. فقد تتحول مسافة مناسبة بين بطاقات متجاورة إلى فراغ رأسي مفرط. ينبغي للتباعد الجيد أن يجعل المحتوى مقصودًا بالحجمين من دون الاعتماد على فواصل أسطر ثابتة أو مقدار معين من النص.
اختبر النظام بأقصر محتوى واقعي وأطوله. ينبغي ألا يترك العنوان القصير الزر منفصلًا، وألا يصطدم العنوان الطويل بالسعر. وأدرج ترجمة وسطرًا اختياريًا مفقودًا ومنتجًا بلا صورة. ينبغي للمسافات أن تستوعب هذه الحالات من دون إعادة تصميم يدوي لكل حملة.
اختم بجولتين: تصفح سريع للعثور على الوعد والإجراء، ثم قراءة كاملة لمراجعة التسلسل. إذا بدا التصميم هادئًا لكن الزر بعيدًا عدة شاشات عن الشرح المرتبط به، فما زال التجميع بحاجة إلى تعديل. تفيد المسافات الجيدة لأنها توضح العلاقات قبل أن يلتزم العميل بقراءة كل جملة.