فاصله‌گذاری ایمیل به خواننده نشان می‌دهد کدام بخش‌ها به هم مربوط‌اند. عنوان، توضیح و دکمه‌اش باید به هم نزدیک‌تر باشند تا دو معرفی جداگانهٔ محصول. اگر همهٔ فاصله‌ها برابر باشند، حتی کمپین کوتاه Shopify هم شلوغ یا گسسته به نظر می‌رسد. از مقیاس کوچک و یکدست استفاده کنید و ببینید پس از ستونی‌شدن چیدمان در موبایل، گروه‌بندی همچنان معنا دارد یا نه.
بر اساس معنا گروه‌بندی کنید
نام محصول را نزدیک تصویر و قیمت نگه دارید. توضیح را کنار اقدامی بگذارید که پشتیبانی می‌کند. میان بخش‌های جدا فاصلهٔ بیشتری از اجزای مرتبط درون یک بخش قرار دهید. این کار پیش از خواندن همهٔ واژه‌ها نقشه‌ای دیداری به مشتری می‌دهد.
این الگو را در قالب قابل استفادهٔ مجدد Sendvio بسازید. چند مقدار فاصله انتخاب و پیوسته اجرا کنید؛ بلوک‌ها را هر بار چشمی تنظیم نکنید. قالب باید اجازه دهد محتوا وقتی عنوان به سطر بعد می‌رود بلندتر شود.
به‌جای فاصله‌های بی‌قاعده از مقیاس کوچک استفاده کنید
چند گام فاصله انتخاب و برای هرکدام وظیفه‌ای مشخص کنید. برای نمونه، فاصلهٔ کوچک نام محصول را به قیمت وصل می‌کند، متوسط توضیح را از اقدام جدا می‌کند و بزرگ‌تر شروع بخش تازه را نشان می‌دهد. مقدار دقیق باید با قالب متناسب باشد؛ یکدستی رابطه‌ها از عدد مشخص مهم‌تر است.
برای مثال، می‌توانید ۸، ۱۶ و ۳۲ پیکسل را برای این سه سطح بیازمایید و پس از دیدن ایمیل ارسالی تنظیم کنید. بزرگ‌ترین فاصله را میان هر بند نگذارید. اگر همه‌چیز به یک اندازه جدا باشد، جزئیات مرتبط از هم گسسته و ایمیل بی‌دلیل بلند می‌شود.
فاصلهٔ خطوط وظیفهٔ متفاوتی دارد: سطرهای یک بند را جدا می‌کند تا چشم راحت دنبالشان کند. حاشیهٔ بندها فکرهای کامل را از هم جدا می‌کند. حاشیهٔ بزرگ، فاصلهٔ فشردهٔ خطوط را اصلاح نمی‌کند و افزایش ارتفاع خطوط دو بخش نامرتبط را متمایز نمی‌کند. لایهٔ درست فاصله را برای مسئله‌ای که می‌بینید تنظیم کنید.
فضای خالیِ بی‌هدف را حذف کنید
فاصلهٔ بزرگ، به‌خصوص در تلفن، می‌تواند پیام کوتاه را گسسته کند. بررسی کنید بلوک با ارتفاع ثابت یا فاصله‌گذار بی‌دلیل اقدام را خیلی پایین‌تر از توضیحش نبرده باشد. علت ساختاری را بردارید؛ متن را برای پُرکردن شکل نامتناسب کوچک نکنید.
فاصلهٔ راحت میان سطرهای هر بند را حفظ و از ستون‌های بسیار عریض پرهیز کنید. دنبال‌کردن بند کوتاه آسان‌تر است وقتی سطرهایش بدون فشردگی به هم متصل‌اند. پیش از نهایی‌کردن فاصله، نام‌های بلند محصول و نسخه‌های زبانی را پیش‌نمایش کنید.
پیش از تغییر قلم، علت فضای خالی را تشخیص دهید
اگر زیر عنوانی کوتاه ناحیهٔ خالی بزرگی می‌بینید، ارتفاع ثابت، بلوک فاصله‌گذار و حاشیهٔ عنوان و مؤلفهٔ بعد را بررسی کنید. دو تنظیم معقول ممکن است کنار هم فاصله‌ای بیش از حد بسازند. علت تکراری را حذف کنید؛ برای پُر به نظر رسیدن فضا قلم را کوچک نکنید.
وقتی ستون‌ها در موبایل روی هم می‌آیند، بررسی کنید فاصله‌گذارهای تراز دسکتاپ میان بلوک‌های عمودی باقی نمانده باشند. فاصله‌گذاری برای هم‌ردیف‌کردن دکمهٔ کارت‌ها شاید زیر توضیح کوتاه محصول به ناحیه‌ای خالی تبدیل شود. مؤلفه‌ای را ترجیح دهید که با محتوا رشد کند و ترتیب ستون‌شدنش هر محصول را یکپارچه نگه دارد.
اول اسکن و بعد خواندن را آزمایش کنید
چند ثانیه به ایمیل نگاه کنید و وعده و اقدام اصلی را پیدا کنید. اگر چند بلوک یکسان با هم رقابت می‌کنند، سلسله‌مراتب را ساده کنید. سپس کل پیام را بخوانید تا گروه‌بندی دیداری با معنا هماهنگ باشد.
چیدمان باریک را پس از روی‌هم‌آمدن ستون‌ها بررسی کنید. فاصله‌ای که میان کارت‌های کنار هم خوب بود ممکن است در حالت عمودی بیش از حد شود. فاصله‌گذاری باید در هر دو اندازه هدفمند به نظر برسد، بدون وابستگی به شکستن دستی سطر یا مقدار خاصی از متن.
سامانه را با کوتاه‌ترین و بلندترین محتوای واقع‌بینانه بیازمایید. عنوان کوتاه نباید دکمه‌ای گسسته جا بگذارد و عنوان بلند نباید با قیمت برخورد کند. ترجمه، سطر اختیاریِ حذف‌شده و محصول بدون تصویر را هم بگنجانید. فاصله باید این تغییرها را تحمل کند، بی‌آنکه هر کمپین به طراحی دوبارهٔ دستی نیاز داشته باشد.
کار را با دو دور بررسی تمام کنید: اسکن سریع برای یافتن وعده و اقدام، سپس خواندن کامل برای بررسی ترتیب. اگر چیدمان آرام است اما دکمه چند صفحه با توضیح مرتبطش فاصله دارد، گروه‌بندی هنوز نیاز به اصلاح دارد. فاصله‌گذاری خوب رابطه‌ها را پیش از آنکه مشتری همهٔ جمله‌ها را بخواند روشن می‌کند.