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

Содержание

Слайд 2

Сьогодні 31.08.2019 Повторимо правила поведінки та безпеки в комп’ютерному класі

Сьогодні

31.08.2019

Повторимо правила поведінки та безпеки в комп’ютерному класі

Слайд 3

Перевірка знань Сьогодні 31.08.2019 Код доступу xxxxxxxx

Перевірка знань

Сьогодні

31.08.2019

Код доступу
xxxxxxxx

Слайд 4

Сьогодні 31.08.2019 Типографія Типогра́фія (грец. τύπογραφία, рос. типографика) — мистецтво оздоблення

Сьогодні

31.08.2019

Типографія

Типогра́фія (грец. τύπογραφία, рос. типографика) — мистецтво оздоблення друкарського тексту. Включає в себе мистецтва:
шрифтового дизайну, тобто

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

Сьогодні 31.08.2019 Шрифт Шрифт (нім. Schrift, від schreiben — писати; суто

Сьогодні

31.08.2019

Шрифт

Шрифт (нім. Schrift, від schreiben — писати; суто український термін — черенки)— графічний малюнок накреслень літер і знаків, які складають єдину стилістичну

та композиційну систему, набір символів визначеного розміру і малюнка.
Слайд 6

Сьогодні 31.08.2019 Шрифти характеризуються: Насиченістю Гарнітурою Шириною Ілюміновкою Розміром Нахилом Констраст

Сьогодні

31.08.2019

Шрифти характеризуються:

Насиченістю

Гарнітурою

Шириною

Ілюміновкою

Розміром

Нахилом

Констраст

Слайд 7

Сьогодні 31.08.2019 Кегль Кегль - висота букви, що включає в себе

Сьогодні

31.08.2019

Кегль


Кегль - висота букви, що включає в себе нижні і

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

Сьогодні 31.08.2019 Інтерліньяж Інтерліньяж (з фр. interligne — «написане між рядків»)

Сьогодні

31.08.2019

Інтерліньяж

Інтерліньяж (з фр. interligne — «написане між рядків») — міжрядковий пробіл, відстань

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

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

Сьогодні

31.08.2019

Кернінг

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

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

Сьогодні 31.08.2019 Шрифтові пари Шрифтові пари – це вдало поєднані шрифти та їх основні характеристики

Сьогодні

31.08.2019

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

Шрифтові пари – це вдало поєднані шрифти та їх основні

характеристики
Слайд 11

Сьогодні 31.08.2019 Гарнітура Гарнітура (що також називаються гарнітурами шрифтів або сімействами

Сьогодні

31.08.2019

Гарнітура

Гарнітура (що також називаються гарнітурами шрифтів або сімействами шрифтів) – це набори шрифтів, що мають подібний

вигляд, і розроблені для використання разом, як наприклад гарнітура Adobe Garamond.
Слайд 12

Сьогодні 31.08.2019 Стиль шрифту Стиль шрифту – це версія варіанту окремого

Сьогодні

31.08.2019

Стиль шрифту

Стиль шрифту – це версія варіанту окремого шрифту в гарнітурі. Зазвичай,

шрифт гарнітури Roman або Звичайний(дійсна назва залежить від гарнітури) – це базовий шрифт, що може містити такі стилі тексту, як звичайний, жирний, напівжирний, курсив та жирний курсив.
Слайд 13

Сьогодні 31.08.2019 Приклади шрифтових пар

Сьогодні

31.08.2019

 Приклади шрифтових пар

Слайд 14

Сьогодні 31.08.2019 Інструменти створення шрифтової пари Розмір Шрифт Накреслення Колір

Сьогодні

31.08.2019

Інструменти створення шрифтової пари

Розмір

Шрифт

 Накреслення

Колір

Слайд 15

Сьогодні 31.08.2019 Типографія у світі Digital Особливості поєднання шрифтів

Сьогодні

31.08.2019

Типографія у світі Digital

Особливості поєднання шрифтів

Слайд 16

Сьогодні 31.08.2019 Використовуйте мінімальну кількість шрифтів у вашому дизайні Почніть, вибравши

Сьогодні

31.08.2019

Використовуйте мінімальну кількість шрифтів у вашому дизайні

Почніть, вибравши шрифт для основного

тексту (body text)

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

Слайд 17

Сьогодні 31.08.2019 Виберіть правильний розмір шрифту Занадто малий текст може спричинити

Сьогодні

31.08.2019

Виберіть правильний розмір шрифту

Занадто малий текст може спричинити напруження читача.

Великий текст

відволікатиме і має тенденцію звертати увагу на себе. Тому, потрібно правильно розташовувати акценти
Слайд 18

Сьогодні 31.08.2019 Вирівнювання вліво і подумайте про розриви між блоками тексту

Сьогодні

31.08.2019

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

 Вирівнюючи текст по

лівому краю, ви робите текст простішим для читання.

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

Слайд 19

Сьогодні 31.08.2019 Оберіть гарнітуру (Typeface), який добре працює у різних розмірах

Сьогодні

31.08.2019

Оберіть гарнітуру (Typeface), який добре працює у різних розмірах

Оскільки для більшості

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

Важливо переконатися, що вибраний шрифт є розбірливий на менших екранах

Слайд 20

Сьогодні 31.08.2019 Використовуйте шрифти з розрізненими літерами Легкість – це міра

Сьогодні

31.08.2019

Використовуйте шрифти з розрізненими літерами

Легкість – це міра того, наскільки легко

відрізнити одну букву від іншої на певному шрифті.

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

Проте не всі шрифти створюються з розбірливими літерами, зокрема з “i” та “L” 

Слайд 21

Сьогодні 31.08.2019 Довжина рядків Довжина рядка – це горизонтальна відстань блоку

Сьогодні

31.08.2019

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

Довжина рядка – це горизонтальна відстань блоку тексту

Наявність потрібної кількості

символів у кожному рядку є ключем до зручного читання тексту

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

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

Слайд 22

Сьогодні 31.08.2019 Уникайте Caps Текст з усіма великими літерами – чудово

Сьогодні

31.08.2019

Уникайте Caps

Текст з усіма великими літерами – чудово в контекстах, які

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

Не використовуйте всі ВЕЛИКІ ЛІТЕРИ в текстових блоках довше, ніж один рядок тексту

Слайд 23

Сьогодні 31.08.2019 Вирівнювання на дві сторони Уникайте вирівнювання тексту на дві

Сьогодні

31.08.2019

Вирівнювання на дві сторони

Уникайте вирівнювання тексту на дві сторони оскільки пробіли

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

Сьогодні 31.08.2019 Не зменшуйте проміжок між рядками Додавши потрібну кількість простору

Сьогодні

31.08.2019

Не зменшуйте проміжок між рядками

 Додавши потрібну кількість простору для тексту (як

між рядками, так і на полях), ви допомагаєте користувачам краще взаємодіяти з словами.

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

Слайд 25

Сьогодні 31.08.2019 Переконайтеся, що ваш текст є достатньо контрастний Ви повинні

Сьогодні

31.08.2019

Переконайтеся, що ваш текст є достатньо контрастний

 Ви повинні використовувати колір і

контраст, щоб допомогти користувачам переглядати ваш текст.

 Колір тексту, який занадто схожий на колір фону. Це робить текст важким для читання.

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

Слайд 26

Сьогодні 31.08.2019 Каліграфія Каліграфія (грец. «Гарний почерк») - одна з галузей

Сьогодні

31.08.2019

Каліграфія

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

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

Сьогодні 31.08.2019 Леттерінг Леттерінг — єдині в своєму роді буква, виготовлених

Сьогодні

31.08.2019

Леттерінг

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

для однієї конкретної ситуації.
Слайд 28

Сьогодні 31.08.2019 Леттерінг Леттерінг – це радше малювання, політ фантазії, ніж робота над естетичністю шрифтів.

Сьогодні

31.08.2019

Леттерінг

Леттерінг – це радше малювання, політ фантазії, ніж робота над естетичністю

шрифтів.
Слайд 29

31 серпня 2019 р. Сьогодні 31.08.2019 Розширюємо практичні знання.

31 серпня 2019 р.

Сьогодні

31.08.2019

Розширюємо практичні знання.

Слайд 30

Сьогодні 31.08.2019 Інструмент «Горизонтальний текст» Задати стиль шрифту Задати розмір шрифту

Сьогодні

31.08.2019

Інструмент «Горизонтальний текст»

Задати стиль шрифту

Задати розмір шрифту

Встановити метод згладжування

Вирівнювання тексту

Задати колір

Деформувати

текст

Задати шрифту

Слайд 31

Сьогодні 31.08.2019 Інструмент «Горизонтальний текст» Панель символів і абзаців Трекінг символів Накреслення символів Кернінг символів

Сьогодні

31.08.2019

Інструмент «Горизонтальний текст»

Панель символів і абзаців

Трекінг символів

Накреслення символів

Кернінг символів

Слайд 32

Працюємо за комп’ютером Сьогодні 31.08.2019

Працюємо за комп’ютером

Сьогодні

31.08.2019

Слайд 33

Працюємо з інструкційними картками Сьогодні 31.08.2019 Працюємо за комп’ютером

Працюємо з інструкційними картками

Сьогодні

31.08.2019

Працюємо за комп’ютером

Слайд 34

Цікаво знати Сьогодні 31.08.2019

Цікаво знати

Сьогодні

31.08.2019

Слайд 35

Повторюємо Сьогодні 31.08.2019 1. Типографія це… 2. Шрифт це… 3. Основні

Повторюємо

Сьогодні

31.08.2019

1. Типографія це…

2. Шрифт це…

3. Основні характеристики шрифтів…

4. Гарнітура це…

5. Кегль

це…

6. Леттерінг це…

Слайд 36

Організувати пошукову діяльність на тему «Історія дизайну та топографіки» Самостійно ознайомитися

Організувати пошукову діяльність на тему «Історія дизайну та топографіки»
Самостійно ознайомитися

з даною темою.

Домашнє завдання

Сьогодні

31.08.2019

Слайд 37

Опрацювати вивчений матеріал. Підготуватись до тестової перевірки знань. Домашнє завдання Сьогодні 31.08.2019

Опрацювати вивчений матеріал. Підготуватись до тестової перевірки знань.

Домашнє завдання

Сьогодні

31.08.2019