![Типографіка email листів (email) Типографіка email листів](https://images-on-off.com/images/203/tipografikaemailpisem-55250763.jpg)
Типографіка email - це графічне оформлення друкованого тексту листа за допомогою набору і верстки з використанням норм і правил, специфічних для конкретної мови. Простіше кажучи, це окреме мистецтво в дизайні листів.
У деяких західних компаніях набирають окремих фахівців виключно по типографике. Чому тільки в деяких? Та тому, що багато хто не розуміє наскільки важливий шрифт, його розмір і розташування в email'е.
Шрифти, які краще використовувати в email, їх особливості
Якщо шрифт, який ви використовуєте в своїй розсилці, легко сприймається передплатником, ймовірність прочитання листа до кінця підвищується. Читання email відрізняється від читання книги. При читанні в інтернеті концентрація уваги знижується, та й очі швидко втомлюються. Читачі хочуть, щоб текст був легко і швидко читається. І якраз на це впливає вибір шрифту.
Звичайно, ви можете використовувати будь-який шрифт, який вам більше подобається, але необхідно знати, якими основними характеристиками він володіє, і як він сприймається читачем.
Розглянемо кілька найбільш використовуваних шрифтів:
![Типографіка email листів (листів) Типографіка email листів](https://images-on-off.com/images/203/tipografikaemailpisem-4d90f5e8.png)
![Типографіка email листів (листів) Типографіка email листів](https://images-on-off.com/images/203/tipografikaemailpisem-35f261b2.png)
Про популярність цих двох шрифтів розповідає Джеррі Леонідас, професор Університету Редінга. Він курирує курс MA Typeface Design, з якого випускаються дизайнери, які визначають в наші дні планку в області шрифтів.
![Типографіка email листів (листів) Типографіка email листів](https://images-on-off.com/images/203/tipografikaemailpisem-4cec54d0.jpg)
![Типографіка email листів (листів) Типографіка email листів](https://images-on-off.com/images/203/tipografikaemailpisem-69f95d00.png)
Які ж шрифти будуть читабельними в email-розсилці, якщо не дотримуватися класичних стандартів? Ось деякі з них:
Як бачимо, на думку фахівця типографіки Джеррі Леонідаса, аргумент, що нібито шрифти із зарубками виглядають занадто химерно, вже не доречний. Зарубки (від англ. Serif) - це короткі, зазвичай перпендикулярні штрихи на кінці буків, з яких починаються і якими закінчуються основні штрихи знаків.
![Типографіка email листів (листів) Типографіка email листів](https://images-on-off.com/images/203/tipografikaemailpisem-e427bcd3.jpg)
Зарубки направляють рух очей уздовж рядків при читанні великих масивів друкованого тексту. Вони сприяють зв'язку букв в єдину лінію, полегшуючи візуальне сприйняття. Подивіться на приклад порівняння тексту різних шрифтів нижче. Зарубки шрифту Georgia надають кожній букві свій власний унікальний характер, вони спрощують читання. А ось літери без зарубок Arial зливаються.
![Типографіка email листів (використовуйте більше двох) Типографіка email листів](https://images-on-off.com/images/203/tipografikaemailpisem-df3ead9e.png)
Цей шрифт, на відміну від попереднього, без зарубок. Verdana має широкий внутрібуквенний просвіт, що надає йому «відкриту» форму, приємну для сприйняття. Також шрифт Verdana має значний міжбуквений пробіл.
![Типографіка email листів (листів) Типографіка email листів](https://images-on-off.com/images/203/tipografikaemailpisem-6526833f.png)
![Типографіка email листів (листів) Типографіка email листів](https://images-on-off.com/images/203/tipografikaemailpisem-9a88f133.png)
Але, напевно, через свою надмірну слави, багато дизайнерів не люблять його використовувати в оформленні email-листи. Адже розробляючи лист, хочеться додати йому унікальності, а не бути «як усі», «звичайними», «загальноприйнятими». Та й саме видавництво «Таймс» тепер перемістилося в Інтернет-простір, де зовсім не використовує Times New Roman.
![Типографіка email листів (використовуйте більше двох) Типографіка email листів](https://images-on-off.com/images/203/tipografikaemailpisem-e27fd5ca.png)
Застосовуючи той чи інший шрифт до вашого тексту email-кампанії, не використовуйте більше двох варіантів. Різноманітність шрифтів в листі часто виглядає без смаку. Ще ви ризикуєте бути недопонятом, виділяючи різними шрифтами текст, так як передплатник може не зафіксувати погляд на найважливішому.
Колір тексту email-розсилки
Змінюючи колір тексту в email-розсилці, прагнете до блискучої п'ятірці:
Необхідно дотримати достатній контраст між фоном і текстом для того, щоб очі не напружувалися при читанні, щоб людина не вдивлявся в кожну букву і цифру для усвідомлення написаного.
Нижче - приклад листа, де використаний зручний для читання шрифт Helvetica:
![Типографіка email листів (використовуйте більше двох) Типографіка email листів](https://images-on-off.com/images/203/tipografikaemailpisem-3a1d5ae2.png)
2. Сірий шрифт краще, ніж чорний
Багато дизайнерів вважають найкращим кольором темно-сірий для білого фону листи. Наприклад, колір # 333333. Є думка, що читання чисто чорного кольору з білого фону втомлює очі, в порівнянні з сірим.
![Типографіка email листів (email) Типографіка email листів](https://images-on-off.com/images/203/tipografikaemailpisem-ed390021.jpg)
Не використовуйте більше двох кольорів, максимум три. Не потрібно шокувати передплатників. Якщо є необхідність підкреслити щось у тексті, зробіть це за допомогою виділення жирним шрифтом або підкреслення, як в прикладі нижче:
![Типографіка email листів (листів) Типографіка email листів](https://images-on-off.com/images/203/tipografikaemailpisem-bf6a5fc8.jpg)
4. Корпоративний колір
Ви можете застосувати особливий колір, щоб виділити заголовки. Для цього краще використовувати свої корпоративні кольори. Тоді ваш email допоможе збільшити впізнаваність бренду.
![Типографіка email листів (типографіка) Типографіка email листів](https://images-on-off.com/images/203/tipografikaemailpisem-142ce02b.png)
5. Не використовуйте в листі шрифт світлого кольору на світлому фоні
Такий підхід у виборі кольору значно ускладнить читання тексту через недостатність контрасту між фоном і шрифтом. Те ж стосується і темного шрифту на темному тлі. Не випробовуйте очі передплатників, інакше вони просто-напросто одпишуть від розсилки через відчуття дискомфорту при читанні.
Все дуже просто - використовуйте такий шрифт, який найкраще буде сприйматися людиною. Найзручнішим для читання розміром є 10-12 кегль, за результатами проведених досліджень Лабораторії зорової ергономіки в США.
Приділіть увагу заголовкам: вони повинні бути значно більше, ніж основний текст, їх можна виділити жирним шрифтом. Але не робіть їх занадто великими, щоб увагу передплатників не фіксували тільки на них.
![Типографіка email листів (використовуйте більше двох) Типографіка email листів](https://images-on-off.com/images/203/tipografikaemailpisem-77919813.png)
Розташування тексту щодо зображення
Як передплатник читає email, куди спрямовується його погляд, які місця в листі найбільш ефективні для розміщення тексту? Ці питання задають собі багато маркетологів.
На них можна відповісти за допомогою айтрекінга (окулографія) - технології, яка відстежує рухи очей, вивчає, як люди взаємодіють з текстом або електронними документами.
- Спочатку погляд рухається зліва направо.
- Потім повертається назад, йде вниз.
- Після цього знову направляється вправо.
- І, нарешті, опускається в самий низ сторінки.
На прикладі нижче можна побачити, куди спрямована увага читача в тексті, де присутнє зображення. Як бачите, спочатку увагу фіксується на обличчі дитини, потім спрямоване прямо на заголовок. Якщо бути точним, саме ті пропозиції, які знаходяться на лінії підборіддя дитинку, читаються більше.
![Типографіка email листів (використовуйте більше двох) Типографіка email листів](https://images-on-off.com/images/203/tipografikaemailpisem-23ceb580.jpg)
З цього випливає висновок, що в якомусь сенсі зображення служать підказками читачеві, куди направити свій погляд.
Image source faberphoto
УВАГА! Ви використовуєте застарілий браузер Internet Explorer
Даний сайт побудований на передових, сучасних технологіях і не підтримує Internet Explorer 6-ої і 7-ої версії.
![Типографіка email листів (листів) Типографіка email листів](https://images-on-off.com/images/203/tipografikaemailpisem-ca29f364.jpg)
![Типографіка email листів (типографіка) Типографіка email листів](https://images-on-off.com/images/203/tipografikaemailpisem-4abe2ed1.jpg)
![Типографіка email листів (листів) Типографіка email листів](https://images-on-off.com/images/203/tipografikaemailpisem-c750b94e.jpg)
![Типографіка email листів (email) Типографіка email листів](https://images-on-off.com/images/203/tipografikaemailpisem-5642b2de.jpg)
![Типографіка email листів (використовуйте більше двох) Типографіка email листів](https://images-on-off.com/images/203/tipografikaemailpisem-d93c3f03.jpg)