Керівництво по 10 якостям шрифтів і їх застосування в дизайні

  1. 1. Насиченість
  2. 2. Ширина
  3. 3. Контраст
  4. 4. Висота малих
  5. 5. Скруглення кутів
  6. 6. Засічки і бруски
  7. 7. Курсив і нахил
  8. 8. Геометрія
  9. 9. Статика і динаміка
  10. 10. Відкритість
  11. резюме
  12. Підпісуйтесь на наш блог
  13. Коментарі

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

1. Насиченість

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

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

Накреслення Thin, Regular, Black гарнітури Kazimir Text.

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

Напівжирні накреслення (Semibold) містять максимум унікальності форми, зберігають читабельність і додають значущості тексту. Тому їх використовують для виділень в тексті, а також в логотипах.

Жирні накреслення (Bold) створені для залучення уваги до коротким написів. Читати їх не дуже зручно, але у вас немає вибору. Адже приділивши багато уваги предмету, ваш мозок дізнається про нього якомога більше.

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

2. Ширина

Ширина (Width) знаків шрифту, як і насиченість, різниться швидко і сильно впливає на читабельність і помітність написи. Накреслення нормальної ширини оптимальні для читання, а інші варіанти: вузькі і широкі дуже специфічні і несуть виразну емоційне забарвлення.

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

Надвузьких шрифт - Reforma Grotesk Medium, шрифт нормальної ширини - Pragmatica Book, надширокий шрифт - Europe Extended.

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

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

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

3. Контраст

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

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

Неконтрастний шрифт - Stem, шрифт із середнім контрастом - PT Serif, максимальний контраст - DietDidot.

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

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

4. Висота малих

Висота малих літер (X-height), щодо великих і власних виносних елементів - один з основних ознак шрифту, що визначають його застосування. Від висоти рядкових залежить настрій і характер повідомлення.

Від висоти рядкових залежить настрій і характер повідомлення

Низькі рядкові - шрифт Metropol, середні малі - шрифт Orbi Sans, високі рядкові - шрифт Hermes.

При середньому відношенні (від 2/3 до 3/4) літери верхнього і нижнього регістра зберігають баланс подібності та відмінності, що дозволяє легко знаходити початок пропозиції, але не відволікає від читання. Ця поміркованість, разом з іншими властивостями, робить шрифт зручним для роботи в тексті.

Маленька висота рядкових (1/2 і менше) створює серйозне відмінність між буквами всередині одного шрифту. Шрифт стає в два рази різноманітніше і цікавіше, ніж його аналог із середнім значенням. Чим більше ця різниця, тим краще передається екстраверсія, музикальність, артистизм. Ці якості відмінно підходять для невеликих особистих або художніх текстів: віршів, поздоровлень, запрошень, афіш.

Великі рядкові (Більше 3/4) роблять шрифт більш однорідним (великі і маленькі букви схожі між собою), таким шрифтом можна набрати більше тексту. За рахунок більш дрібних заголовних і незначних внесених елементів, рядки тексту мало взаємодіють з навколишнім простором. Це шрифти-інтроверти, що несуть відчуття стабільності, захищеності, але їм іноді не вистачає дружелюбності.

5. Скруглення кутів

Перетину і з'єднання штрихів неминуче утворюють кути. Прямі, як в T, H, E, або гострі, як в A, V, Z, N. Також кінець будь-якого штриха має своє обрис: загострене, прямокутне або округлене. Кути, перетину і краю є природними візуальними подразниками. Кожен кут потрібно зауважити і сфокусуватися, без цієї навички наші предки постійно натикалися б на гостре каміння і гілки. Тому, чим гостріше кути в написи, тим легше вона привертає увагу.

Тому, чим гостріше кути в написи, тим легше вона привертає увагу

Загострені кути - шрифт Acsioma, прямі кути - шрифт TT Souses, закруглені кути - шрифт Sans Rounded.

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

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

6. Засічки і бруски

Наявність зарубок (Serif) у шрифту - найважливіша ознака в будь-який класифікації шрифтів. Форма зарубки залежить від загальної логіки побудови шрифту, а ця логіка розвивалася з Стародавнього Риму до наших днів. Через давнього походження шрифти із зарубками називають Антиква. Шрифтами із зарубками можна насолоджуватися, як хорошим вином, на цю тему пишуть цілі книги, а тут мова піде про те, в чому сенс зарубок взагалі і як їх правильно використовувати.

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

Увігнуті зарубки - шрифт Lazurski, лінійні зарубки - шрифт Petersburg, брускові зарубки - шрифт Pragmatica Slabserif.

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

У великому ж розмірі шрифти із зарубками стають історичним костюмом на персонажа, відправляють глядача в потрібний час і місце. Венеціанська антіква, Італо-Французька антіква, англійська антіква, Классицистическая антіква - все це портали в свою країну і історичну епоху. Чим вище рівень культурної искушенности глядача, тим точніше він переміститься. Навіть масовий споживач, який не знає тонкощів, вирішить, що перед ним класичний, історичний шрифт, а ці асоціації викликають довіру. Всі шрифти із зарубками, крім брусків, в тій чи іншій мірі несуть пафос їх Великого предка - римського капітального шрифту з колони Траяна. Це розуміють голлівудські продюсери і всі, хто їх наслідує, тому Trajan є найпоширенішим шрифтом в кіно.

Це розуміють голлівудські продюсери і всі, хто їх наслідує, тому Trajan є найпоширенішим шрифтом в кіно

Шрифт Trajan в кіно

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

7. Курсив і нахил

Курсивні і похилі накреслення часто зустрічаються в сучасних шрифтових родинах на додаток до прямих. При цьому вони мають різні функції і сенс.

При цьому вони мають різні функції і сенс

Курсив - шрифт Kudryashev Italic, похиле накреслення - шрифт Pragmatica Italic.

Курсивні накреслення (Italic) відрізняються від прямих більш рукописної формою, тому що вони походять від поширеного італійського почерку епохи Відродження. З XVI століття і до наших днів, італік використовується для виділень в тексті. Нахил вказує на зміну інтонації при читанні. Крім того, в рукописній формі букв менше прямих ліній і більше витончених вигинів, що надає виділеної фразі приємний ввічливий характер. Все, що нагадує почерк, здається більш особистим і довірчим, ніж спокійні «друковані» букви, тому в більшості поздоровлень і запрошень використовуються рукописні шрифти або близькі до рукописних курсивні шрифтів із зарубками.

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

8. Геометрія

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

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

Гуманістичний гротеск - шрифт Leksa Sans, геометричний гротеск - шрифт Futura PT, модульний шрифт - Robotesqa 4f.

Геометричну побудову з нуля, всупереч досвіду і традиції, характерно для XX століття. Перші геометричні шрифти з'явилися в 1920-1930 роках під впливом конструктивізму. Всі букви будувалися з простих геометричних форм: кола, квадрата, трикутника. Найчастіше це були шрифти без зарубок, або зарубки замінялися брусками. Сьогодні їх називають геометричні гротески і геометричні брускові.

Ідеї ​​наукового прогресу, стандартизації, спрощення, неминуче привели до створення нової форми шрифту. Простий креслення здатний повністю замінити рукописне і словолітную спадщина, навіть загальноприйняті обриси букв (графеми) можуть змінитися. Наприклад, круглі О, С, D можуть стати квадратними і весь шрифт може будуватися з універсальних модулів. При цьому форма букв втратить вплив на читабельність і образ. Все буде залежати від форми модуля: дуги, багатокутника, квадрата. Наприклад, модульні шрифти епохи Зоряних Воєн, Термінатора і Робокопа, своєю нерукотворний формою зображають фантастичне майбутнє, з космічними польотами, розумними машинами та іншими технологіями, якими так захоплені люди з середини XX століття.

Вибір геометричного шрифту працює як машина часу. Можна перенести глядача в революційну Росію (прямокутники, палиці, трикутники), довоєнну Німеччину (прямокутники, кола, дуги), Америку епохи джазу (трикутники, кола, тонкі лінії), або в початок комп'ютерної ери (Оквадраченние літери, пікселі, матриці).

Геометричні гротески в сучасних логотипах

Геометричні гротески актуальні і сьогодні, взяти хоча б логотип Google 2015 року. Шрифтовая культура 2010-х повторно звертається до досвіду модернізму, переосмислюючи його. Повертається мода на геометричні шрифти, які, завдяки високій роздільній здатності екранів і гладкості паперу, виглядають ідеально точними, лаконічними і читабельність зберігається. Такі шрифти добре вирішують завдання глобальних корпорацій, ЗМІ та навіть великої політики.

9. Статика і динаміка

Малюнок букв шрифту може бути статичним або динамічним. Чим більше горизонтальних і вертикальних ліній в рядку, тим більше статичним є шрифт. А лінії і дуги, що не збігаються з горизонталлю рядки, надають шрифту динамічності. На динаміку впливають: нахил осі напливу у букв o, e, c, p, b, d, нахил поперечини е, закінчення штрихів букв s, c, a і форма зарубок. Всі ці елементи можуть бути прямими, діагональними або вигнутими. Курсивне або похиле накреслення робить малюнок ще більш динамічним.

Курсивне або похиле накреслення робить малюнок ще більш динамічним

Статичний малюнок - шрифт Din PT, динамічний малюнок - шрифт Venetian, максимум динаміки - шрифт Diana.

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

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

10. Відкритість

Розірвані літери, наприклад c, можуть бути сильно відкриті, помірно відкриті, або практично закриті. Відкритість (апертура), впливає на форму букв: c, a, e, s, з, е, є. Дуже відкриті букви компактніше, ніж закриті, від їх ширини багато в чому залежить місткість шрифту. Частотний аналіз мов показує, що букви e, a, s, c становлять понад 30% англійської мови, а букви е, а, з, з - це майже 25% російського. Тому, за рахунок більшої апертури і легкого випрямлення овальних елементів: о, p, d, b, q можна отримати дуже компактний шрифт, який не виглядатиме стисненим і збереже хорошу читабельність, наприклад як PT Sans.

Тому, за рахунок більшої апертури і легкого випрямлення овальних елементів: о, p, d, b, q можна отримати дуже компактний шрифт, який не виглядатиме стисненим і збереже хорошу читабельність, наприклад як PT Sans

Відкритий шрифт - PT Sans, середня апертура - шрифт Textbook New, закритий шрифт - Helvetica.

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

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

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

резюме

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

Якщо зібрати всі шрифтові якості в одному списку, то вийде щось на зразок меню в голландському барі:

  1. Насиченість впливає на рівень примусу до контакту: від ніжної делікатності (Thin) до грубої наполегливості (Black).
  1. Ширина впливає на терміновість повідомлення: від кричущого заголовка (Extra Condensed) до довгоочікуваного появи з-за обрію (Extra Expanded).
  1. Контраст регулює рівень артистизму висловлювання: від синтезатора мови (Нульовий контраст) до актриси Великого Театру (Максимальний контраст).
  1. Висота малих пов'язана з бажанням вразити глядача: від любовного листа (дрібні рядкові) до байдужою таблички "Перерва" (великі малі).
  1. Обрізка кутів впливає на рівень ніжності: від сплячих немовлят (Сильне скругление) до гучних підлітків (Загострення).
  1. Зарубки і бруски створюють культурний контекст: від ідеалізму вічної класики (зарубки) до прагматизму заводського штампування (Бруски).
  1. Курсив і нахил просить хвилинку уваги: щоб ввічливо уточнити (Italic) або терміново повідомити (Oblique).
  1. Геометрія відображає життєві цінності: від поваги до особливостей людини (Гуманістичні шрифти) до захоплення футуристичними машинами (Геометричні і Модульні шрифти).
  1. Статика і динаміка передають індивідуальність і багатство внутрішнього світу: від нейтральної Гельветики (Статичний малюнок) до старостильних антикв, що містять пафос свого часу і країни (Динамічний малюнок).
  1. Відкритість впливає на товариськість і прогресивність: від ліберального екстраверта (Відкриті шрифти) до консервативного захисника кордонів (Закриті шрифти).

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

Підпісуйтесь на наш блог

Отримайте Кращі статті з фотографии и бонуси Доступні только передплатнікам

Коментарі

коментарів