Разстоянията в имейла подсказват на читателя кои елементи принадлежат заедно. Заглавието, обяснението и бутонът към него трябва да са по-близо един до друг, отколкото две отделни продуктови истории. Когато всяко разстояние е еднакво, дори кратка кампания в Shopify може да изглежда претрупана или разпокъсана. Използвайте малка и последователна скала и проверете дали групирането остава смислено, когато оформлението се подреди вертикално на мобилен телефон.
Групирайте според смисъла
Дръжте името на продукта близо до изображението и цената му. Поставете обяснението до действието, което подкрепя. Оставяйте по-голямо разстояние между отделните секции, отколкото между свързаните елементи вътре в една секция. Така читателят получава визуална карта, преди да прочете всяка дума.
Заложете този модел в шаблон на Sendvio за повторна употреба. Изберете малък набор от стойности за разстоянията и ги използвайте последователно, вместо да коригирате всеки блок на око. Шаблонът трябва да позволява на съдържанието да се разшири, когато заглавието премине на следващ ред.
Използвайте малка скала вместо несвързани разстояния
Изберете няколко степени и задайте роля на всяка. Например малко разстояние може да свързва името на продукт с цената, средно — да разделя обяснението от действието, а по-голямо — да въвежда нова секция. Точните стойности трябва да съответстват на шаблона; последователната връзка между елементите е по-важна от конкретно число.
Например можете да тествате 8, 16 и 32 пиксела за тези три нива и после да коригирате след преглед на изпратения имейл. Не поставяйте най-голямото разстояние между всеки абзац. Ако всичко е еднакво отделено, подробностите престават да изглеждат свързани и имейлът става ненужно дълъг.
Междуредието има друга задача: разделя редовете в абзаца, за да може погледът да ги следи удобно. Отстъпите между абзаците разделят завършени мисли. Голямото разстояние между абзаците не поправя сбити редове, а по-високото междуредие не разграничава ясно две несвързани секции. Коригирайте правилния слой на разстоянието според проблема.
Избягвайте празно пространство без цел
Големите празнини могат да направят краткото съобщение разпокъсано, особено на телефон. Проверете дали блок с фиксирана височина или ненужен разделител не избутва действието далече под обяснението му. Премахнете структурната причина, вместо да смалявате текста, за да запълните неудобна форма.
Поддържайте удобно междуредие в абзаците и избягвайте прекалено широки текстови колони. Кратък абзац се следи по-лесно, когато редовете са свързани, но не се сливат. Прегледайте дългите имена на продукти и езиковите версии, преди да приемете разстоянията за окончателни.
Преди да промените шрифта, установете причината за празното място
Ако под кратко заглавие се появи голяма празнина, проверете фиксираните височини, разделителните блокове и вътрешните отстъпи както на заглавието, така и на следващия компонент. Две настройки, всяка разумна поотделно, може да се съберат в прекомерно разстояние. Премахнете дублирането, вместо да смалявате шрифта, за да изглежда пространството запълнено.
Когато колоните се подреждат една под друга на мобилно устройство, проверете дали раздалечителите за настолно подравняване не остават между вертикалните блокове. Разделител, който е помагал за подравняване на бутоните в няколко карета, може да се превърне в ненужна празнина под кратко описание на продукт. Предпочитайте компоненти, които се разширяват според съдържанието, и подредба, която запазва всеки продукт като отделна цялост.
Проверете първо бързия преглед, после прочетете целия текст
Погледнете имейла за няколко секунди и открийте основното обещание и действие. Ако няколко блока се конкурират еднакво за вниманието, опростете йерархията. След това прочетете цялото съобщение и проверете дали визуалното групиране съответства на смисъла.
Проверете тесния изглед след подреждането на колоните. Разстояние, подходящо между съседни карета, може да стане прекомерно вертикално. Добрите отстъпи трябва да изглеждат преднамерени и при двата размера, без да разчитат на твърди прекъсвания на редове или точно определено количество текст.
Тествайте системата с най-краткото и най-дългото реалистично съдържание. Краткото заглавие не бива да оставя бутона видимо откъснат, а дългото не бива да се сблъсква с цената. Включете превод, липсващ незадължителен ред и продукт без изображение. Разстоянията трябва да понасят тези промени, без да се налага ръчно препроектиране на всяка кампания.
Завършете с две проверки: бързо преглеждане за обещанието и действието, после пълно прочитане за последователността. Ако оформлението изглежда спокойно, но бутонът е на няколко екрана от обяснението, което трябва да допълва, групирането още не работи. Добрите разстояния помагат, защото показват връзките между елементите, преди клиентът да реши да прочете всяко изречение.