Типографіка. Прийоми каліграфії та леттерингу

Урок 4. Типографіка, шрифти і шрифтові пари. Прийоми каліграфії та леттерингу. Особливості поєднання шрифтів. Коротка історія дизайну і типографіки.

План вивчення теми уроку

1. Переглянути презентацію до уроку

2. Виконати самостійну роботу:

  • Опрацювати історію дизайну (5 хв.) на даній сторінці сайту
  • Дослідити історію ландшафтного дизайну (результати дослідження представити у вигляді відео та надіслати на поштову адресу вчителя)

3. Опрацювати опорний конспект (виклааднггя змісту теми на даній сторінці сайту

4. Виконати тестові завдання з теми уроку

Типографіка

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

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


Гарнітура

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

Гарнітури можна розділити на дві основні категорії:

  • Антиква - шрифти із зарубками.
  • Гротеск, відповідно, - шрифт без зарубок.

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

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

Кегль

Кегль - висота букви, що включає в себе нижні і верхні виносні елементи. Вимірюється в друкарських пунктах (позначається як pt). Наприклад, текст набраний 14 кеглем, буде дорівнює 14 pt по висоті.

Інтерліньяж

Інтерліньяж - міжрядковий інтервал. Відстань між базовими лініями сусідніх рядків.

Інтерліньяж має відповідати розміру шрифту

Відстань між рядками практично завжди має бути більше розміру шрифту. За винятком заголовків. Щоб досягти балансу між текстом і «повітрям», зробіть межстрочное відстань приблизно в півтора рази більше висоти малих літер. Або встановлюємо інтерліньяж, рівний 150% розміру шрифту. Наприклад розмір тексту 14 px, тоді інтрерліньяж - 21 px. 14/2 = 7 + 14 = 21.

Кернинг

Кернинг - відстань між буквами.

Основна суть кернинга - підбір різних інтервалів між різними парами конкретних букв для збільшення зручності читання.

Яку кількість шрифтів використовувати?

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

Якого розміру повинен бути шрифт?

Розмір тексту в інтернеті не повинен бути менше 12 пікселів. Кращий вибір - в межах 14-18 px для основного тексту. Чи не занадто великий і в той же час легкий для читання. Причому, якщо вже ми вибрали розмір 16 px, він повинен залишатися 16 px на всіх сторінках сайту і не скакати плюс-мінус 1 px від блоку до блоку. Стосується це і інтерліньяжу, він всюди має бути однаковий.

Розмір шрифтів треба вказувати цілими числами, не використовуючи десяткових дробів, наприклад 16,28 px. І, звичайно ж, в фотошопі необхідно перевести pt в px. Для цього вибираєте в меню: Редагування - Установки - Основні. Далі - Одиниці виміру та лінійки. Міняєте в випадаючих меню «Текст», «Лінійки» пункти на пікселі. Тиснете «OK».

Довжина рядка

Довжина рядка не повинна перевищувати 600 px. Це оптимальний розмір для комфортного переміщення погляду з одного рядка на іншу. Дуже широку контентну частина важко читати - часто просто втрачаєш ту сходинку, на яку збирався перейти після прочитання довгого попереднього рядка. Якщо все-таки необхідно розтягнути текстовий блок на 1000 px і більш по ширині, можна спробувати розбити текст на дві або більше колонок. Інший варіант - зробити міжрядкову відстань трохи більше звичайного, щоб візуально сильніше відокремити рядки один від одного. Не забувайте розділяти текст абзацами, це також допоможе зробити його легко читаним.

Посилання

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

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

Вирівнювання

Є текстові блоки, які дуже часто вирівнюються неправильно - це вирівнювання по ширині, вирівнювання посередині і вирівнювання по правому краю. У всіх цих випадках читати текст незручно, і візуально він виглядає непривабливо. Вирівнювання ЗАВЖДИ має бути по лівому краю. Навіть якщо дуже хочеться зробити його по правому краю (просто тому що вам здається - композиційно має бути саме так) - це неправильно.

Винятком може бути одна або дві короткі пропозиції, які, швидше за все, є підзаголовками для основного тексту.

Контраст

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

Стилі

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

Шрифтові пари

З появою зручних веб-шрифтів можливість удосконалити свій сайт стала ще доступнішою. Але велика кількість шрифтів може збити з пантелику не тільки новачка - який з них підійде саме вам?

Сайт - це текст. Коли ми заходимо на сторінку, велика частина того вмісту, за яким ми приходимо, це текст. І тому вміння підбирати і використовувати шрифти - це найважливіший навик для дизайнера.

Що ж відбувається на сторінці з точки зору шрифтової пари? Коли ми заходимо на сайт, ми бачимо величезну кількість поєднань тексту. Ми бачимо заголовки, бачимо якийсь основний текст, бачимо якісь підписи, поруч якісь примітки. Ми бачимо дату, припустимо, бачимо «сьогодні» написано зовсім іншим шрифтом. Ось цей шрифт теж відрізняється від заголовного, наприклад, і ось від цього. І як це все правильно поєднувати - питання.

Головне правило - це достатній контраст. Чи не занадто великий, не дуже маленький - той, який нам потрібен тут і зараз. І 4 інструменти для створення шрифтів пари - так звані 4 способи, 4 інструменти, якими ми можемо впливати на контраст.

  1. По-перше, це, зрозуміло, шрифт. Це Антиква і Гротеск, наприклад. Тому що між ними максимальний контраст. Антиква - це шрифт із зарубками, Гротеск - це шрифт без зарубок.

2. Так само ми можемо використовувати накреслення як в рамках одного шрифту, так в рамках і різних шрифтів. Наприклад, це звичайне написання (Regular), жирне і Italic.

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

4. І, зрозуміло, колір.

Є, в принципі, усталені пари, які можна брати і використовувати. Наприклад, Baskerville і Gill Sans. Бачимо жирне накреслення в заголовку, шрифт із зарубками, текст написаний шрифтом sans serif. Також достатній контраст - ми бачимо різницю між цими двома шрифтами.

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

Proxima Nova і Palatino - тут навпаки, ми використовуємо Proxima Nova заголовки - це шрифт без зарубок.

І Palatino, може бути, можна використовувати для якихось книжкових наборів, для наборів, можливо, статей. Palatino + Proxima Nova

Ще один приклад - PT Sans і PT Serif. Це шрифти, які знаходяться в складі однієї гарнітури, тобто, так звані шрифти однієї природи. Тобто, Sans в заголовку, Serif в основному тексті.

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

Де брати шрифти?

  • google.com/fonts/ - це каталог безкоштовних шрифтів від Google
  • typekit.com - схожий по моделі, за концепцією. Ми можемо звідти брати шрифти і використовувати їх в web-е, наприклад, відразу ж.
  • myfonts.com - величезна база шрифтів. Там дуже багато англійських шрифтів, латиниці і, насправді, також є і кирилиця.
  • paratype.ru - величезна кількість російських шрифтів. Вони не найдешевші, але на сайті Paratype (у них в групі) часто бувають акції. Коли вони запускають якийсь черговий новий шрифт, вони його продають дуже дешево. Тому має сенс підписатися на їх групу в Facebook.

Головне правило

Перед тим, як ви почали дизайн, підберіть шрифтову пару.

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

Каліграфія

Каліграфія (грец. «Гарний почерк») - одна з галузей образотворчого мистецтва. Ще каліграфію часто називають мистецтвом красивого письма. Сучасне визначення каліграфії звучить наступним чином: «мистецтво оформлення знаків в експресивній, гармонійній і майстерній манері».

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

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

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

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

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

Леттерінг

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

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

Леттерінг - єдині в своєму роді кілька букв, виготовлених (намальованих, вирізаних і ін.) для однієї конкретної ситуації.

Багато людей називають шрифтом що завгодно, якщо там є кілька букв. Однак, часто те, що вони бачать, є леттерінгом. Його головна відмінність - упор на графічну складову: унікальні форми, які поєднуються один з одним в конкретному слові або фразі. Марк Симонсон провів хорошу аналогію: леттерінг відрізняється від шрифту так само, як ліплення з глини відрізняється від будівництва з кубиків Лего.

У леттерінге літери, як правило, намальовані або написані тільки один раз, і для конкретного контексту. У шрифті одні і ті ж букви мають однакову накреслення.

Історія становлення дизайну

Історія становлення дизайну як професії мала свій початок більше ста років тому. Саме в той час в Англії виник рух «за зв’язок мистецтва і ремесел», який очолив У. Морис. Згодом цей рух знайшов своє відображення в художній культурі США, Фінляндії та Швеції. Саме тоді були сформовані основні положення теорії та принципи дизайну, які вплинули на напрямки дизайну наступних років.

У відповідності з іншою точкою зору виникнення дизайну відносять до початку XX сторіччя, коли художники зайняли ведуче місце в ряді галузей промисловості і отримали можливість формувати фірмовий стиль підприємств і впливати на товарну політику випуску товарів. Початком історії дизайну вважається 1907 рік, коли художник, архітектор, дизайнер Петер Беренс почав роботу в компанії «Аllgemeine Еlektrizital Gesellschaft». Попередні ж десятиліття були лише періодом теоретичної підготовки майбутнього практичного дизайну.

Відповідно до третьої точки зору щодо історії виникнення дизайну про професію дизайнера можна казати тільки після появи перших дипломованих спеціалістів. Це відбулося в 1920 році, коли у деяких країнах світу були створені перші учбові заклади, які готували художників – мастерів вищої кваліфікації для промисловості, а також інструкторів і керівників для професійно-технічної освіти. Цей напрямок дизайну вважається європейським «академічним». Поступово в Англії, Німеччині, Австро-Угорщині, Скандинавських та деяких інших європейських країнах почали формуватися такі художньо-промислові школи, де перейшли від малювання античних голів та копіювання орнаментів до нових засад навчання: роботі з формою і кольором на грунті загальних закономірностей, що зустрічаються в природі.

У м. Веймар (Німеччина) у 1919 році була заснована Вища школа будівництва і художнього конструювання – Баухаус – від німецького «Дім будівництва» – так звалося у Німеччині середньовічне спільне житло будвельників соборів та інших великих споруд [1, с. 18]. Її педагоги – архітектор Вальтер Гропіус (директор Баугаузу з 1919 до 1928 року), художник, математик та вчений-природознавець Йоганнес Іттен, скульптор Гергард Маркс та інші – розробляли естетику функціоналізму, принципи сучасного формоутворення в архітектурі і дизайні, займались формуванням матеріально-побутового середовища засобами пластичного мистецтва.

В 1925 році школу було переведено у Дессау, а у 1933 році вона була закрита нацистами. Ця школа підготувала десятки потенційних дизайнерів високого класу, а її викладачі, що емігрували здійснили величезний вплив на розвиток дизайну в США.

Йозеф Альберс – випускник Баугаузу – викладав у Блек-Маунтін Коледжі у Північній Кароліні, Вальтера Гропіуса і Марселя Броєра – випускника школи – запросили до Гарвардського університету, Ласло Могой-Надь заснував у Чикаго школу дизайну, що стала відомою під назвою Нью-Баугаузу [1, с. 18-19]. Таким чином, Баугауз дав великі імпульси до подальшого розвитку дизайнерської освіти не тільки в Німеччині, а й по всьому світі.

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

Дві найважливіші характеристики дизайну в загальному сучасному уявленні – масовий (у сучасному значенні) характер і реальна комерційна значимість – дійсно з'являються вперше в США в епоху великої кризи. Це вже комерційний дизайн, що, насамперед, є способом збільшення попиту на промислову продукцію та засобом завоювання споживача. Ці його якості відмічались і підкреслювались піонерами американського дизайну Уолтером Тігом, Реймондом Лоуном та іншими, що зробили значний внесок у формування такого характерного для американського дизайну явища, як стайлінг – дизайнерське розробляння зовнішнього вигляду виробу, яке не пов'язане із зміною його функцій і не стосується його технічних або експлуатаційних характеристик.

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

В останній третині XX століття дизайн перетворився на глобальне явище постіндустріального суспільства, котре охоплює нові сфери проектної практики. У 50-ті роки, після другої світової війни почалася масова підготовка дипломованих дизайнерів. Окрім Німеччини, де наступницею Баугаузу була Ульмська школа, викладанню дизайну стали надавати все більшої уваги у Великій Британії, США, Франції, країнах Північної Європи.

Найяскравішим явищем 50-60-х років у галузі дизайнерської педагогіки було Вище училище дизайну в Ульмі. Воно було стоворене в 1953 році за програмою, яку запропонував учень Баугауза Макс Білль. «Ми дивимось на мистецтво як на найвищу форму прояву життя, – писав він, – і прагнемо надати життю вишуканості твору мистецтва. Ми хочемо поборювати огидне за допомогою красивого, доброго, практичного» [1, с. 20].

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

В 1957 році була створена Міжнародна рада організацій індустріального дизайну, яка сприяла розвитку художнього конструювання у всьому світі, розумінню соціальних цілей і задач дизайну, підвищенню професійного рівня художників-конструкторів. В 1969 році на Генеральній асамблеї цієї ради в Лондоні було визначено поняття «дизайну» як творчої діяльності, метою якої є формування гармонійного предметного середовища, яке найбільш повно задовольняє матеріальні і духовні потреби людини.

Для 70-х – початку 80-х років характерною була нова концепція американського дизайну. Її основна сутність полягала в проектуванні не об'єкту як такого, а ефекту, який може бути досягнутий з його допомогою. Особлива увага приділяється використанню ергономічних параметрів, за допомогою яких досягається достатня безпека та оптимальний комфорт. У зв'язку зі складністю об'єктів і взаємозв'язків їхніх елементів у проектуванні використовується системних підхід.

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

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

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

90-ті роки XX століття, що характеризувалися переходом до ринкових відносин призвели до зміни вимог споживачів до товарів, які вони бажають придбати. Ринок покупок «за необхідністю» перейшов у ринок «емоційних покупок». Виходячи з цього перед дизайнерами стала задача залучити споживачів до товару, змотивувати його покупку, покращити емоційний стан споживача, що можна було зробити за рахунок оригінального дизайну як самого товару, так і упаковки. Така сама задача є основною і для дизайнерів сьогодення.

Дизайнер Петер Беренс

Джозеф Альберс

Історія типографіки

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

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

Перші складальні форми були винайдені в Китаї в 1040-х роках людиною на ім'я Бі Шен. Вони були зроблені з фаянсу, тому був неміцними і служили недовго. Ця технологія до середини XIII століття досягла Кореї, а до середини XV - Європи. Там вона перетнулася з довгої і плідної історією латинського шрифту. Завдяки тому, що для латиниці було потрібно значно менше знаків, в Європі друкарський набір розцвів так, як ніколи не розцвів би в Китаї.

Родоначальником друкарства називають Йоганна Гутенберга. Його найбільша заслуга полягала в тому, що в середині 1440 року його розробив металеву складальну форму і друкарський верстат, за допомогою яких велика кількість самого різного писального матеріалу можна було віддрукувати швидко і c великою точністю. Але головне - з'явилася можливість багаторазово використовувати окремі буквені літери, відлиті з розплавленого свинцю. Така технологія отримала назву розбірного (набірного) шрифту. Кожна літера, вирізана в зворотному вигляді, виготовлялася окремо. Потім з них набиралися рядки і за допомогою преса робилися відбитки на папері.

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

Згодом в Європі стали віддавати перевагу більш простим, тонким і вишуканим формам антикви (Roman). Це перевагу грунтувалося, перш за все, на їх естетичної привабливості і легкості читання. Широке застосування антіквенние шрифти отримали в Венеції і Парижі.

Характерною рисою антіквенной групи шрифтів служить наявність зарубок. До сих пір шрифти цього виду є найчисленнішими. Вони діляться на три групи: старовинна антіква (Old Style), перехідна антіква (Transitional) і нова антіква (Modern).

Перші шрифти старовинної антикви були створені Ніколасом Йенсеном (Nicholas Jenson). Вони були навіяні древнеримскими символами, знайденими на пам'ятках. typ5Прімерамі шрифтів старовинної антикви є такі сучасні шрифти, як Garamond, Minion, Palatino, Century Schoolbook.

З середини XV століття друкована книга знаходить свій специфічний вигляд: як текстового шрифту використовується удобочитаем антіква, aldusстрого витримуються принцип форматування рядків, рівномірність інтерліньяжу, абзацний відступ як засіб членування тексту. У 1494 році Альд Мануций (Aldus Manutius), італійський друкар і видавець з Венеції, видав першу книгу із зразками шрифтів.

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

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

В середині XVIII століття яскравою подією в типографике стала діяльність француза П'єра Фурньє (Pierre Fournier), видання якого відрізнялися вишуканістю витягнутих пропорцій і щільністю набору рядки. У 1773 році він видав книгу «типографським керівництво», яка пропонувала єдину систему визначення розмірів шрифтів (кеглів). didotВ сучасних комп'ютерних видавничих системах досі використовується система Фурньє: пункти (points) і піки (picas). Пізніше вона була доопрацьована Франсуа Амбруазом Дідо (Francois Ambroise Didot), який ввів систему пунктів для визначення розміру шрифтів: 72 пункту приблизно були прирівняні до одного дюйму.

Найбільшою фігурою в історії типографіки перехідного стилю був Джон Баскервіллі (John Baskerville), який працював в Англії в 1750-70 рр. Відмовившись від застосування книжкового орнаменту, Баскервіллі став основоположником «чистої» типографіки, заснованої тільки на шрифтовому оформленні. typ6Ізобретенная їм гарнітура Baskerville є чудовим прикладом перехідного стилю. До цього стилю належать також шрифти Gaslon, Time New Roman, Bookman.

Не можна не відзначити безсумнівні заслуги в області типографіки італійця Джамбаттіста Бодоні (Giambattista Bodoni), який працював в 1760-1800 рр. в Пармі. Його твори відрізняються геометричною строгістю шрифтового малюнка. У 1773 році Бодони ввів так звану нову антикву (Modern). Вона володіла достатньою елегантністю, але більш жорстким характером в порівнянні із старовинною антиквой. Найбільш відомим шрифтом цього періоду був шрифт Bodoni.

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

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

В умовах швидкого зростання виробництва основним способом маркетингу та продажу стає реклама. І в ній особливе місце зайняв шрифт без зарубок (Sans Serif). Його численні варіанти стали широко застосовуватися для написання заголовків. Шрифт вийшов за межі книг, і типографіка включилася в сферу комерції як нова форма комунікації, яка охопила весь світ. Приклади шрифту без зарубок: Arial, Helvetica, Futura.

В кінці XIX - початку XX століття в Європі і Росії поширилося напрямок арт-нуво (Art Nouveau) з його прагненням до експресії органічних форм. Воно мало великий вплив на книжковий дизайн і рекламу. Контрастне поєднання рослинного орнаменту і декоративно-силуетних ілюстрацій багато в чому визначало специфіку вигляду книжкової смуги в виданнях тих років.

У Росії це був період великих змін в мистецтві книжкового оформлення. Багато відомих художники зайнялися розробкою оригінальних шрифтів. Серед них були: М. Врубель, А. Бенуа, М. Реріх та ін. Їх шрифти були далекі від класичних зразків і надзвичайно декоративні. Звичайно, такі шрифти використовувалися тільки для заголовків і реклами.

1930 поклав початок розвитку типографіки неокласичного стилю. Тут віддавалася перевага удобочитаемости знаків і тексту в цілому, простоті і звичності шрифтового малюнка, врівноваженості пропорцій шрифту і складальної смуги, відсутності друкарською пафосу й екстравагантності. Лідерами неокласичної типографіки були: Я.Чіхольд, який працював в Швейцарії і Великобританії; С.Морісон (Англія); Г.Цапф (Німеччина). У Росії неокласична типографіка пов'язана з іменами В.Фаворського і І.Рерберга.

У 1944 році у Франції з'явилися перші пристрої для фотокомпоновкі тексту, і вже до 1960-х років весь шрифтової набір перейшов від гарячого свинцевого лиття до холодного фотоспособом. Така технологія була названа фотонабором.

Не можна не відзначити розквіт американського експресіонізму в 1970-80 рр. X.Любалін, Е.Пеколік, М.Віньеллі і інші внесли в графічну структуру видань свого роду ігрове початок, дали імпульс розвитку фігуративного типографіки, в якій буква може виявитися зображенням предмета, а зображення - буквою. Величезну роль в розробці шрифтів зіграла Міжнародна шрифтовая корпорація (ITC), заснована в 1970 в Нью-Йорку X.Любаліном і А.Бернсом.

Не залишилася осторонь і російська типографіка. Роботи російських друкарів відзначені рядом високих міжнародних нагород. Головні досягнення пов'язані з іменами С.Телінгатера, В.Лазурского, Д.Бісті, В.Ефімова, М. Жукова, Н.Калініної і ін.

З появою комп'ютерів все широко використовувані шрифти були комп'ютеризовані. У порівнянні з латинськими шрифтами асортимент кириличних був досить бідний. Російська поліграфія страждала від їх нестачі. В кінці 90-х років з'явилися компанії, що виробляють російські комп'ютерні шрифти. Найбільшими серед них були «Параграф» і «Софт Юніон», які конвертували в цифрову форму існуючі російські гарнітури, створюючи російські варіанти найбільш популярних шрифтів. І хоча розроблялися і оригінальні російські шрифти, до сих пір ще відчувається їх недолік для реалізації різноманітних графічних проектів.

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

Самостійна робота учнів

  • Опрацювати історію дизайну (5 хв.) на даній сторінці сайту
  • Дослідити історію ландшафтного дизайну (результати дослідження представити в відео та надіслати на поштову адресу вчителя)

Виконати тестові завдання з теми даного уроку