Типографія: Коли важлива форма та розмір

Блукаючи по сторінках інтернет-джерел, ви напевно помічали, що прочитання одних статей дається легко, а для сприйняття інший інформації потрібно докласти чималі зусилля. І справа навіть не в тому, про ніж ви читаєте (хоча і це досить важливо). Тут роль відіграє то, в якому вигляді надана та або інша інформація.

Існує таке поняття як типографика, яка відповідає за перетворення звичного для нас тексту в елемент графічного оформлення. Надати тексту цікаву форму і привабливий для читача вид дуже важливо, адже саме в ньому міститься вся основна інформація. Тому типографика вже давно стала невід'ємною частиною оформительского мистецтва.

Поняття типографики

Типографика представляє собою набір рекомендацій по використанню шрифтів і коштів оформлення, які дозволяють створити цікавий і ясний для сприйняття читачів текст. Під типографикой також розуміється мистецтво графічного дизайну, використовує моделювання і монтаж, щоб вдихнути в текст життя і зацікавити користувача не тільки своїм вмістом, але і графічної складовою.

З типографикой пов'язане безліч професій. З ній працюють автори і редактори видань, оформители книг, графічні дизайнери, наборщики, полиграфисты, проектувальники реклами і ін. Типографика є сполучною ланкою між автором і читачем, яке сприяє краще і більше яскравому сприйняттю змісту тексту.

Виникнення даного явища можна віднести до XV століття, коли усi книги писалися вручну, а вміння гарно оформити текст вважалося мистецтвом. З тієї пори пройшло багато часу, виникали і перетворювалися шрифти, але їх основна задача, зробити текст легким для читання і цікавим, залишалася незмінною.

В наші дні типографика є невід'ємною частиною дизайну будь-якого сайту. Хороша типографика завжди позитивно впливає на ефективність веб-ресурсу. Особливо вона важлива для сайтів, працюючих з великими обсягами інформації, яку в вигляді статей, новин і всіляких оповідань надають користувачам.

Однією з головних цілей при роботі з сайтом є збільшення конверсий. Для цього прикладається багато зусиль, оптимизируются посадочні сторінки, вдосконалюється графічний дизайн, пишуться і розміщуються цікаві тексти. Але усi ці зусилля дозволять вам отримати лише неповний результат, якщо не приділити належне увага типографике.

Типографика – це важливо?

Заходячи на сторінку того або іншого сайту, ви, як і безліч інших людей, не просто читаєте представлену там інформацію, а також звертаєте увага на то, як це зроблено: які по формі і розміром літери використані, яка довжина рядків і величина абзаців. При цьому рішення купити або не купити товар на даному сайті приймається за кілька секунд, в тому числі під впливом сприйняття.

Якщо зрозуміти принцип роботи типографики і особливості її використання, можна знайти ідеальне рішення, як надати інформацію читачеві так, щоб вона стимулювала в ньому прийняття вигідного вам рішення. Неправильний вибір типографики приведе до тому, що ваш сайт виявиться нудним для відвідувачів і вони не захочуть на ньому залишатися.

До основним характеристикам типографики відносяться: гарнітура або тип накреслення – дизайн, котрий об'єднує групи символів; шрифт – стиль гарнітури з певної висотою букв, довжиною і т.д.; довжина лінії або горизонтальне відстань між лівим і правим краєм текстового блоку; интерлиньяж або відстань між рядками; кернинг – відстань між символами; трекинг - прогалини і густина символів в слові або пропозиції.

Як вона працює

Роль типографики в сприйнятті інформації складно переоцінити. Якщо її складові підібрані коректно, це дозволяє донести ідею читачеві в найбільш доступною формі. Якщо ж текст на вашому сайті має неправильний формат: слова в пропозиціях щільно розташовані, маленький шрифт або літери в словах стоять близько один до одному, то сприймати такий текст буде досить складно. А це, в свою чергу, приведе до тому, що ваші потенційні клієнти не уловлять суть вашого послання, докладаючи усi зусилля, щоб просто його прочитати, або ж, недовго думаючи, покинуть ваш ресурс.

Усi тексти в типографике будуються по певним моделям візуальної ієрархії, яка формується завдяки використанню різних шрифтів і прийомів візуального розмежування. Базовими принципами, на основі яких здійснюється організація інформації, є Гештальт-принципи сприйняття.

Виходячи з цих принципів, усi візуальні елементи організовуються в групи по наступним ознаками: близькість, схожість, суміжність, замкнутість, фігура і фон. Використовуючи в своєму тексті Гештальт-принципи, ви зможете зробити його візуально однаковим, але виділити при цьому найбільш важливі моменти.

Цікаві факти

В 2012 році The New York Times проводився експеримент під назвою «Ви оптиміст або песиміст?», в якому учасники повинні були прочитати уривок з книги і відповісти «да» або «нет» на пару питань

Мета експерименту: визначити, впливає чи накреслення шрифтів на довіру читача до тексту. Брали участь 40 тис. людина, яким показувався один і той ж абзац в різних начертаниях: Comic Sans, Computer Modern, Georgia, Trebuchet, Baskerville, Helvetica.

Результат: текст, написаний Comic Sans і Helvetica не викликав у читачів довіри, а ось Baskerville навпаки, викликав згода, що, по словами психологів, пов'язане з його формальним видом.

Не менш важливим є і розмір букв, що було підтверджено експериментом в Usability News. Сравнивался ряд поширених в інтернеті шрифтів: Courier New, Georgia, Arial, Century Schoolbook, Times New Roman, Comic Sans, Tahoma, Verdana, які представлялися в розмірі 10, 12, 14 пунктів.

Результат: шрифти Verdana, Arial, Comic Sans краще всього читаються в розмірі 10, 12 і 14 пунктів, а швидше всього – Times New Roman і Arial. Добре сприйняти інформацію дозволяє Arial 14, Tahoma 10 і Courier 12. Гірше всього показав себе Comic Sans.

Варто відзначити, що якісно оформлений і зверстаний текст захоплює людини, інформація читається швидко і як б на одному диханні.

Типографика сайту: як вибрати відповідний шрифт

Вибираючи шрифт, не робіть акцент на виразності в збиток корисності. Да, різних красивих і оригінальних шрифтів існує багато, але літери з ефектним дизайн далеко не самі удобочитаемые. Оригінальний шрифт не гарантує вам, що користувач буде активно взаємодіяти з сайтом, а швидше навіть навпаки. При цьому також потрібно пам'ятати, що типографика покликана доповнювати текст, а не переводити усi увага читача з змісту на форму. Краще всього вибирати шрифти, відповідні загальної концепції вашого ресурсу. До наприклад, для стандартного дизайну можна вибрати традиційний шрифт з зарубками, типу Times Roman, а для більше сучасного – шрифт без зарубок, типу Arial.

Ніколи не забувайте про взаємозв'язку і контрасті різних шрифтів в одному тексті. Шрифти повинні бути підібрані таким чином, щоб при переході від одного до іншому читач не відчував, ніби його відвернули від тексту. Відмінним прикладом поєднання буде Helvetica і Arial. Контрастність повинна робити шрифти різними, залишаючи в них при цьому хоч одну загальну межу.

В одному тексті не має використовуватися відразу багато шрифтів. Як йдеться, усi геніальне – просто. Не перетворюйте текст в скупчення ваших улюблених шрифтів. Але в то ж час, вами повинна бути розроблена чітка система стилів для заголовків і подзаголовков, основного тексту і т.д.

Щоб підібрати оптимальний шрифт для свого сайту, проаналізуйте нішу і цільову аудиторію, вивчіть ринок. І виходячи з цього вирішите, потрібен вам суворий або сучасний, великий або мініатюрний шрифт, яким він повинен бути, щоб залучити увага потенційного клієнта.

Типографика повинна робити текст простим для сприйняття і викликає довіру. Уважно підбирайте прогалини між буквами і словами, а також интерлиньяж. Відступи повинні бути в міру широкими, а интерлиньяж – на 2-4 пункту більше ніж розмір шрифту.

Рядок не повинна бути занадто короткою, тоді читач постійно автоматично перескакує поглядом на її початок, або довгою, коли потрібно далеко переводити погляд від кінця однією рядки до початку наступної. В традиційної типографике оптимальна довжина рядки становить 70-140 символів.

Не варто застосовувати заголовні літери в початку всіх слів. Більшість текстів, які читають користувачі інтернету складаються з строчных букв. Для заголовків можна використовувати гротескно великі і незвичайні літери і шрифти, головне щоб основний текст був зручний для читання.

В висновок хочеться сказати, що ретельно підібрана типографика – заставу успіху вашого тексту у читачів, вона гармонійно доповнить і поліпшить його. Правильне оформлення і вибір шрифту зроблять текст цікавим і легким для читання, в то час як невідповідний шрифт перетворить навіть самий цікавий текст в непривабливий для читача.

Наостанок привожу кілька прикладів оригінальної типографики сайтів.

AmazeeLabs

Epsdesign

Threadsnotdead

Thisistommy

Креативної вам типографики і стабільно зростаючих конверсий!