Інформатика
Типографіка, шрифти і шрифтові пари. Прийоми каліграфії та леттерингу. Особливості поєднання шрифтів. Коротка історія дизайну і типографіки
Повторимо правила поведінки та безпеки за комп’ютером
Типографія
Типогра́фія (грец. τύπογραφία, рос. типографика) — мистецтво оздоблення друкарського тексту. Включає в себе мистецтва:
Шрифт
Шрифт (нім. Schrift, від schreiben — писати; суто український термін — черенки)— графічний малюнок накреслень літер і знаків, які складають єдину стилістичну та композиційну систему, набір символів визначеного розміру і малюнка.
Шрифти характеризуються:
Насиченістю
Гарнітурою
Шириною
Ілюміновкою
Розміром
Нахилом
Констраст
Кегль
Кегль - висота букви, що включає в себе нижні і верхні виносні елементи. Вимірюється в друкарських пунктах (позначається як pt). Наприклад, текст набраний 14 кеглем, буде дорівнює 14 pt по висоті.
Інтерліньяж
Інтерліньяж (з фр. interligne — «написане між рядків») — міжрядковий пробіл, відстань по вертикалі між двома базовими лініями рядків, міжрядковий інтервал. Вимірюється в пунктах і складається з кеглю шрифту і відстані між рядками.
Кернінг
Кернінг - відстань між буквами.
Основна суть кернинга - підбір різних інтервалів між різними парами конкретних букв для збільшення зручності читання.
Шрифтові пари
Шрифтові пари – це вдало поєднані шрифти та їх основні характеристики
Гарнітура
Гарнітура (що також називаються гарнітурами шрифтів або сімействами шрифтів) – це набори шрифтів, що мають подібний вигляд, і розроблені для використання разом, як наприклад гарнітура Adobe Garamond.
Стиль шрифту
Стиль шрифту – це версія варіанту окремого шрифту в гарнітурі. Зазвичай, шрифт гарнітури Roman або Звичайний(дійсна назва залежить від гарнітури) – це базовий шрифт, що може містити такі стилі тексту, як звичайний, жирний, напівжирний, курсив та жирний курсив.
Приклади шрифтових пар
Інструменти створення шрифтової пари
Розмір
Шрифт
Накреслення
Колір
Типографія у світі Digital
Особливості поєднання шрифтів
Використовуйте мінімальну кількість шрифтів у вашому дизайні
Почніть, вибравши шрифт для основного тексту (body text)
Експериментуйте зі стилями шрифта. Сучасні шрифти можна використовувати з багатьма різними стилями, що означає, вони мають спільні та відмінні риси.
Виберіть правильний розмір шрифту
Занадто малий текст може спричинити напруження читача.
Великий текст відволікатиме і має тенденцію звертати увагу на себе. Тому, потрібно правильно розташовувати акценти
Вирівнювання вліво і подумайте про розриви між блоками тексту
Вирівнюючи текст по лівому краю, ви робите текст простішим для читання.
Око здатне знаходити край, і це полегшує читання: послідовний лівий (вертикальний) край допомагає читачам, надаючи місце для ока, щоб повернутися після закінчення кожної горизонтальної лінії.
Оберіть гарнітуру (Typeface), який добре працює у різних розмірах
Оскільки для більшості користувацьких інтерфейсів потрібні текстові елементи різних розмірів, важливо вибрати шрифт, який добре працює в декількох розмірах, щоб забезпечити зручне читання у всіх розмірах.
Важливо переконатися, що вибраний шрифт є розбірливий на менших екранах
Використовуйте шрифти з розрізненими літерами
Легкість – це міра того, наскільки легко відрізнити одну букву від іншої на певному шрифті.
Вам потрібно уникати таких шрифтів, тому що люди будуть мати проблеми з їх читанням на малих дисплеях.
Проте не всі шрифти створюються з розбірливими літерами, зокрема з “i” та “L”
Довжина рядків
Довжина рядка – це горизонтальна відстань блоку тексту
Наявність потрібної кількості символів у кожному рядку є ключем до зручного читання тексту
Загальноприйнята ідеальна довжина лінії для зручного читання на робочому столі становить близько 60 символів на рядок, включаючи пробіли
Ця довжина рядка має позитивний вплив на ритм читання. Наш розум напружується під час переходу на наступний рядок, якщо рядок занадто довгий, користувач швидко передумає читати те, що ви пропонуєте
Уникайте Caps
Текст з усіма великими літерами – чудово в контекстах, які не потребують читання (наприклад, логотипи), але краще уникати всіх капсів, коли ваше повідомлення включає в себе читання
Не використовуйте всі ВЕЛИКІ ЛІТЕРИ в текстових блоках довше, ніж один рядок тексту
Вирівнювання на дві сторони
Уникайте вирівнювання тексту на дві сторони оскільки пробіли між словами будуть різними і це ускладнює читання, ви втрачаєте загальну систему читання, до якої звикли користувачі
Не зменшуйте проміжок між рядками
Додавши потрібну кількість простору для тексту (як між рядками, так і на полях), ви допомагаєте користувачам краще взаємодіяти з словами.
Хороший проміжок допомагає читабельності. Доведено, що правильне використання білого простору сприяє зростанню розумінню: це дає читачам сприйняття, що текст не надто щільний і є відчуно легшим для читання.
Переконайтеся, що ваш текст є достатньо контрастний
Ви повинні використовувати колір і контраст, щоб допомогти користувачам переглядати ваш текст.
Колір тексту, який занадто схожий на колір фону. Це робить текст важким для читання.
Занадто багато контрасту між текстом і фоном. Це також спричиняє проблемі читання. Одним з найпоширеніших проблем є світлий текст на темних фонах (комбінації білого кольору).
Каліграфія
Каліграфія (грец. «Гарний почерк») - одна з галузей образотворчого мистецтва. Ще каліграфію часто називають мистецтвом красивого письма. Сучасне визначення каліграфії звучить наступним чином: «мистецтво оформлення знаків в експресивній, гармонійній і майстерній манері».
Леттерінг
Леттерінг — єдині в своєму роді буква, виготовлених (намальованих, вирізаних ) для однієї конкретної ситуації.
Леттерінг
Леттерінг – це радше малювання, політ фантазії, ніж робота над естетичністю шрифтів.
16 січня 2023 р.
Розширюємо практичні знання.
Інструмент «Горизонтальний текст»
Задати стиль шрифту
Задати розмір шрифту
Встановити метод згладжування
Вирівнювання тексту
Задати колір
Деформувати текст
Задати шрифту
Інструмент «Горизонтальний текст»
Панель символів і абзаців
Трекінг символів
Накреслення символів
Кернінг символів
Повторюємо
1. Типографія це…
2. Шрифт це…
3. Основні характеристики шрифтів…
4. Гарнітура це…
5. Кегль це…
6. Леттерінг це…
Опрацювати вивчений матеріал. Створити презентацію або доповідь на тему «Історія дизайну та типографіки» та надіслати її вчителю.
Домашнє завдання