Тази статия очертава най-добрите практики за проектиране на имейл подписи, които се показват последователно в различни имейл клиенти и устройства.
За да осигурите най-добри резултати при създаване на имейл подпис в Exclaimer, следвайте препоръките за дизайн по-долу. Тези насоки помагат да се избегнат често срещани проблеми с визуализацията в Outlook, Gmail и мобилни имейл клиенти.
Насоки за дизайн
За да се гарантира правилното показване на подписите в различни имейл клиенти, следвайте тези насоки:
- Използвайте препоръчителни ширини както за шаблона на подписа, така и за широки елементи като банери.
- Използвайте таблици за оформление
- Качвайте изображения в реален размер
- Избирайте поддържани файлови формати
- Вземете предвид как подписът ще изглежда на мобилни устройства
- Избягвайте копиране и поставяне на текст – въвеждайте текста директно или, ако е необходимо поставяне, използвайте поставяне като обикновен текст без форматиране.
- Прилагайте форматиране и стилови избори като шрифтове и цветове (или други опции от панела Properties) първо към най-външните слоеве, след това към вътрешните таблици, клетки или групи. За повече информация относно разглеждането на вътрешните и външните части на шаблон, вижте Цветни рамки, групиране и наследяване на свойства в Signature Designer.
Препоръчителни стандарти за дизайн
Тези стандарти помагат да се гарантира, че подписите се визуализират последователно в различни имейл платформи. Следващата таблица изброява нашите препоръки за често срещани аспекти на дизайна:
| Дизайнерска характеристика | Препоръка |
|---|---|
| Ширина на подписа | 320–600 px (препоръчително 450 px) |
| Метод на оформление | Таблици |
| Ширина на изображението на банера | Максимум 600 px |
| Размер на изображението | Съобразете размера на файла на изображението с размера на показване. Използвайте максимум 300dpi за най-добри резултати |
| Поддържани формати | JPG, JPEG, PNG, GIF |
| Разстояние | Използвайте отстояние, за да разделите елементите и/или добавете разстояние между подписа и тялото на имейла. |
Най-добри практики
Оформление
Следвайте тези насоки за оформление, за да осигурите яснота, последователност и четивност:
- Използвайте таблици за структуриране на оформлението.
- Можете да вложите таблици и клетки в таблици, за да създадете по-сложни мрежи, но се опитайте да избягвате прекомерни наслагвания с потребителски снимки и фонови форми, например.
- Използвайте отстояние, за да създадете пространство между елементите.
- Можете да зададете фиксирана ширина както на таблиците, така и на цялата шаблон, за да избегнете преоразмеряване на подписа на по-малки екрани на устройства.
- Можете да разтегнете някои елементи или да създадете широки дизайни, които да паснат на ширината на вашия шаблон.
Шрифтове
Избор на шрифтове
Някои шрифтове не са налични на различни устройства или операционни системи. Това важи особено за персонализирани шрифтове. Обмислете избора си на шрифтове и дали трябва да настроите стек от резервни шрифтове, за да гарантирате, че вашият дизайн винаги може да показва текст с подходящ шрифт.
За повече информация вижте Разликата между персонализирани шрифтове и стекове от шрифтове.
Размери на шрифтовете
Използвайте следните размери на шрифтовете, за да запазите четливостта и професионалния вид:
- 11 pt – 12 pt за по-голям текст (например: име, длъжност)
- 10 pt – 8 pt за контактни данни (например: телефон, имейл, уебсайт)
- 8 pt – 7 pt за откази от отговорност и правен текст
За повече информация относно размерите на шрифтовете вижте Как да използвате пикселни и точкови стойности при определяне на размерите на шрифтовете.
Изображения
За оптимален външен вид и производителност на изображенията:
- Избягвайте преоразмеряване на изображенията в Дизайнера на подписа - вместо това качете изображението с точния размер, на който искате да се показва. Например, ако искате изображението ви да се показва с размер 100x100px, създайте или преоразмерете файла на изображението до този размер.
- Изображенията могат да бъдат вградени или свързани:
- Вградени изображения: Качени директно от вашето устройство в шаблона на подписа.
- Свързани изображения: Хоствани на публичен сървър и реферирани чрез хостван URL в шаблона на подписа.
За повече препоръки и отстраняване на проблеми с изображенията вижте Как да решите проблеми с качеството на изображенията.
Фонове
Обмислете дали фонова снимка или фонова боя е най-подходящият избор за вашия дизайн. Вижте Разликата между фонова снимка и фонова боя, за да сравните двата метода и да решите кой е най-подходящ.
Съвместимост с мобилни устройства
Използвайте тези практики, за да поддържате чист, прост и удобен за мобилни устройства дизайн:
- Поддържайте дизайните компактни и прости, за да избегнете хоризонтално превъртане.
- Винаги тествайте подписите на мобилни устройства, когато е възможно.
- Обмислете как тъмният режим може да повлияе на избора на цветове и други стилови аспекти.
Чести грешки
Избягвайте следното при проектирането на подписи:
- Използване на подписи с ширина над 600 px. Това може да причини проблеми с показването на по-малки екрани.
- Не оразмеряване на изображенията според действителните им размери за показване. Това може да доведе до изображения, които изглеждат твърде големи или изкривени.
- Не използване на таблици за оформление. Неструктурирани дизайни могат да се показват неправилно в имейл клиентите. Вижте Разликата между таблици и групи.
- Използване на неподдържани формати за изображения. Използвайте само JPG, JPEG, PNG или GIF.
- Използване на цветове или стилове, които не са подходящи за тъмен режим на устройствата.
- Липса на внимание при използване на AI за генериране на съдържание, тъй като може да не е възможно да се възпроизведе в подпис.
Тези проблеми могат да причинят подписите да изглеждат изместени или неправилно форматирани.
Съвети!
- Използвайте Комплекти за брандиране, за да прилагате изображения, цветове и шрифтове в множество подписи.
- Опитайте да използвате Кампании и Отказ от отговорност, за да добавите повече съдържание към вашите имейли.
- За да добавите повече полета за потребителски данни, обмислете използването на Редактор на потребителски данни, Качване на потребителски данни или персонализирани атрибути.
- За да получите идеи за стил на шаблони, разгледайте нашия Lookbook с подписи за вдъхновение.
За повече помощ вижте нашите ресурси в базата знания за Отстраняване на проблеми при проектиране на подписи.