Конспект-3

B

003 Типографіка, шрифти і шрифтові пари

Слайд 4. Типогра́фія (грец. τύπογραφία, рос. типографика) — мистецтво
оздоблення друкарського тексту. Включає в себе мистецтва
• шрифтового дизайну, тобто створення символів літер та цілих шрифтів;
• шрифтового оздоблення, тобто модифікації та декорування
малюнків літер;
• верстки, тобто вибору шрифту, параметрів набору, способів розміщення
на площині та компонування з іншими елементами.
Належить до фахової сфери відповідно шрифтових дизайнерів, графіків,
типографів та верстальників. Цифрові технології зробили це мистецтво доступним
широкому загалу.
До питань типографії відносять також прийняті для певної мови традиції
використання розділових та службових знаків, розмір проміжка, прийнятну частоту
переносів тощо.
Слайд 5. Шрифт (нім. Schrift, від schreiben — писати; суто український
термін — черенки) — графічний малюнок накреслень літер і знаків, які складають
єдину стилістичну та композиційну систему, набір символів визначеного розміру і
малюнка.
У вузькому друкарському сенсі шрифтом називається комплект друкарських літер,
призначених для складання тексту.
Група шрифтів різних видів і кеглів, що мають однакове накреслення, єдиний
стиль і оформлення, називається гарнітурою.
Слайд 6. Шрифти характеризуються:
- гарнітурою: об'єднанням різних за кеглем та нарисом, але однаковим за
характером накреслення шрифтів;
- нахилом: прямий (regular), похилий (oblique), курсив (italic);
- насиченістю: контурний, світлий (light), ужирений, напівжирний
(semibold), жирний (bold), наджирний (black);
- шириною: надвузький, вузький (condensed), нормальний (normal),
широкий (extended), надширокий;
- ілюміновкою: оконтурений, відтінений, штриховий, орнаментований,
негативний, кольоровий;
- розміром (кеглем) в пунктах (1 пункт = 1/68 дюйма).
Приклад написання букв української абетки креслярським шрифтом
Шрифти деяких розмірів мають свої історичні назви: брильянт — 3 пункти Дідо,
діамант (4), перл (5), нонпарель (6), міньйон (7), петит (8), боргес (9), корпус (10),
цицеро (12), мітель (14), терція (16), парангон (18), текст (20), подвійний цицеро (24),
малий канон (36), канон (42), великий канон (48). Назви виникли задовго до появи
сучасних стандартів, тому збіг їхнього розміру зі значенням в пунктах приблизний.
Одним з найдавніших шрифтів є шрифт Баскервіль, розроблений Джоном
Баскервілем в середині XVIII століття.
Слайд 7. Кегель, кегль — основна розмірна характеристика шрифту,
позначається цифрою, одиниця вимірювання — типографський пункт, квадрат.
Кегель — висота площадки, на якій розміщуються літери разом із пробілами, які
забезпечують при наборі прямий рядок та нормальний інтерліньяж, тому кегель не є
висотою знаку (літери) в чистому вигляді. Термін німецького походження (Kegel),
його англомовний аналог (type size) не є точним. Шрифти від 3 до 12 пунктів
називаються текстовими, від 14 до 64— заголовковими, а від 72&— плакатними.
Відстань між рядками практично завжди має бути більше розміру шрифту. За
винятком заголовків. Щоб досягти балансу між текстом і «повітрям», зробіть
межстрочное відстань приблизно в півтора рази більше висоти малих літер. Або
встановлюємо інтерліньяж, рівний 150% розміру шрифту. Наприклад розмір тексту
14 px, тоді інтрерліньяж - 21 px. 14/2 = 7 + 14 = 21.
Слайд 8. Інтерліньяж (з фр. interligne — «написане між рядків») — міжрядковий
пробіл, відстань по вертикалі між двома базовими лініями рядків, міжрядковий
інтервал. Вимірюється в пунктах і складається з кеглю шрифту і відстані між
рядками.
Слайд 9. Кернінг — процес зміни розмірів міжбуквених пропусків (інтервалів)
між сусідніми буквами для поліпшення зовнішнього вигляду і легкості
читання тексту. Цей параметр відповідає за індивідуальну роботу з кожною буквою
і підбір її місцеположення залежно від вибраного шрифту, малюнка самої букви та
її сусідніх букв, смислового навантаження слова і т. д. Значення кернінгу
встановлюється у відсотках ширини пробілу. Більшість шрифтів мають
регламентовані міжлітерні інтервали, так звані апроші. Але тим не менше, цей
параметр потребує редагування. Зазвичай використовуються таблиці кернінгу, які
є утилітамипрограм верстки.
Розрізняють також кернінг:
- ручний
- автоматичний
- замовний
Слайд 10. Шрифтові пари – це вдало поєднані шрифти та їх основні
характеристики
Коли ми заходимо на сайт, ми бачимо величезну кількість поєднань тексту. Ми
бачимо заголовки, бачимо якийсь основний текст, бачимо якісь підписи, поруч якісь
примітки. Ми бачимо дату, припустимо, бачимо «сьогодні» написано зовсім іншим
шрифтом. Ось цей шрифт теж відрізняється від заголовного, наприклад, і ось від
цього. І як це все правильно поєднувати - питання.
Слайд 11. Гарнітури (що також називаються гарнітурами
шрифтів або сімействами шрифтів) – це набори шрифтів, що мають подібний
вигляд, і розроблені для використання разом, як наприклад гарнітура Adobe
Garamond.
Слайд 12. Стиль шрифту – це версія варіанту окремого шрифту в гарнітурі.
Зазвичай, шрифт гарнітури Roman або Звичайний(дійсна назва залежить від
гарнітури) – це базовий шрифт, що може містити такі стилі тексту, як звичайний,
жирний, напівжирний, курсив та жирний курсив.
Слайд 13.
Приклади шрифтових пар
Слайд 14.
Інструменти створення шрифтової пари
- Шрифт
- Накреслення
- Розмір
- Колір
Слайд 15. Особливості поєднання шрифтів
Слайд 16. Використовуйте мінімальну кількість шрифтів у вашому дизайні.
Щоб запобігти таким ситуаціям, спробуйте обмежити кількість використаних
шрифтів
Використання більш, ніж трьох шрифтів одночасно може призвести до того, що
ваш додаток / сайт виглядатимуть перевантаженим та неструктуровано. Краще
обмежити кількість використаних сімейств шрифтів до мінімуму (два — достатньо,
хоч часто достатньо і одного), і дотримуватися тих самих шрифтів на всьому проекті.
З чого розпочати?
Почніть, вибравши шрифт для основного тексту (body text)
Це дуже важливе рішення, яке вплине на вибір будь-якого іншого шрифту,
наприклад такого як заголовки. Основний текст є найпоширенішим елементом у
продукті. В результаті, вигляд тексту буде мати найбільший вплив на якість вашого
дизайну.
Залишайтеся з одним шрифтом, поки не освоїте його
Якщо ви початківець, рекомендуємо використовувати один шрифт, поки не
досягнете майстерності. Експериментуйте зі стилями. Сучасні шрифти можна
використовувати з багатьма різними стилями, що означає, вони мають спільні та
відмінні риси. Шрифти з більшим діапазоном стилів допоможуть вам
диференціювати текст у різних контекстах, наприклад, у кнопках або мітках.
Хорошим прикладом є шрифт Сан-Франциско від Apple.
Шрифт Сан-Франциско від Apple
Переконайтеся, що сімейства шрифтів доповнюють один одного
Якщо ви все ще хочете (або це потрібно) використовувати більше одного
шрифту, переконайтеся, що сімейства шрифтів доповнюють один одного. Візьмемо
приклад комбінацій шрифтів нижче. Поєднання шрифтів ліворуч мають подібні
рисиі, які створюють гармонійну пару. Тепер порівняйте шрифти справа, де “важка”
вага слова Impact значно затьмарює свого колегу.
Переконайтеся, що сімейства шрифтів доповнюють один одного на основі їх
ширини символів.
Слайд 17. Виберіть правильний розмір шрифту
Розмір вашого тексту має величезний вплив на якість читання та сприйняття на
екрані:
Занадто малий текст може спричинити напруження читача. В результаті,
користувачі будуть пропускати більшу частину представленої інформації. Особливо
це стосується мобільних пристроїв, де крихітний шрифт на маленькому яскравому
екрані може бути головним болем для користувачів.
Занадто великий текст може теж викликати проблеми. Є вірогідність, що
великий текст відволікатиме і має тенденцію звертати увагу на себе. Тому, потрібно
правильно розташовувати акценти
Ось чому ви завжди повинні починати з зручного розміру шрифту для вашого
тексту. Незважаючи на те, що неможливо забезпечити єдине рішення для розміру
шрифту, є загальні правила, яким варто слідувати:
Занадто малий текст може спричинити напруження читача. В результаті,
користувачі будуть пропускати бДля настільних комп’ютерів: для основного тексту
використовуйте шрифт 16 пікс. Або вище. Він не надто великий, і його зручно
читати.
Для пристроїв iOS: використовуйте розмір тексту щонайменше 11 пікс. (це є
розбірливим на типовій відстані перегляду без масштабування).
Для Android: мінімальний для читання розмір шрифту – 12 пікс. для основного
тексту.
Порада. Вибір розміру шрифту може бути складним. Але є техніка, яка може вам
допомогти – модульний масштаб. Модульний масштаб – це послідовність значень,
які можна застосувати для гармонійного визначення розмірів текстових стилів. Ви
спочатку вибираєте коефіцієнт – наприклад, золотий середній 1: 1.618 (масштабний
коефіцієнт). Тоді ви виберете основний розмір тексту, наприклад, 16 пікселів. Після
цього ви помножите, щоб отримати послідовні числа: 16px, 26px, 42px, 68px, 110px.
Ви можете використовувати такий інструмент, як Gridlover, щоб знайти правильний
розмір шрифту для різних коефіцієнтів масштабу.
Слайд 18. Вирівнювання вліво і подумайте про розриви між блоками тексту
У західному світі тип читається зверху вниз і зліва направо. Вирівнюючи текст
по лівому краю, ви робите текст простішим для читання. Око здатне знаходити край,
і це полегшує читання: послідовний лівий (вертикальний) край допомагає читачам,
надаючи місце для ока, щоб повернутися після закінчення кожної горизонтальної
лінії.
Важливо також пам’ятати про розрив і уникнути одного слова в останньому
рядку абзацу, так званої вдови
Вдова – одне слово або дуже коротка рядок тексту в кінці абзацу. Уникайте
цього.
Слайд 19. Оберіть гарнітуру (Typeface), який добре працює у різних розмірах
Зі зростанням популярності типографічного дизайну, кількість шрифтів, з яких
можна вибрати, збільшується з кожним роком. Користувачі будуть використовувати
ваш ресурс з пристроїв із різними розмірами екрану та роздільною здатністю.
Оскільки для більшості користувацьких інтерфейсів потрібні текстові елементи
різних розмірів, важливо вибрати шрифт, який добре працює в декількох розмірах,
щоб забезпечити зручне читання у всіх розмірах.
Важливо переконатися, що вибраний шрифт є розбірливий на менших екранах!
Спробуйте уникати шрифтів, які використовують курсив, наприклад, Вівальді (у
прикладі нижче): хоча вони і красиві, їх важко читати.
Слайд 20. Використовуйте шрифти з розрізненими літерами
Легкість – це міра того, наскільки легко відрізнити одну букву від іншої на
певному шрифті. Проте не всі шрифти створюються з розбірливими літерами,
зокрема з “i” та “L” (як це видно на зображенні вище). Ще однією загальною
проблемою читання є поганий міжбуквенний інтервал – “r” і “n” можуть легко стати
“m”. Вам потрібно уникати таких шрифтів, тому що люди будуть мати проблеми з
їх читанням на малих дисплеях.
Слайд 21. Довжина рядків
Вікіпедія має занадто довгі рядки тексту.
Довжина рядка – це горизонтальна відстань блоку тексту. На жаль, довгі рядки,
ймовірно, є однією з найбільш поширених проблем дизайну в Інтернеті. Наявність
потрібної кількості символів у кожному рядку є ключем до зручного читання тексту.
Загальноприйнята ідеальна довжина лінії для зручного читання на робочому
столі становить близько 60 символів на рядок, включаючи пробіли. Ця довжина
рядка має позитивний вплив на ритм читання. Наш розум напружується під час
переходу на наступний рядок, якщо рядок занадто довгий, користувач швидко
передумає читати те, що ви пропонуєте.
Для мобільних пристроїв довжина рядка має дотримуватися 30-40 символів на
рядок.
Нижче наведено приклад двох сайтів, переглянутих на мобільному пристрої.
Перший використовує 50-75 символів на рядок (оптимальна кількість символів на
рядок для настільного комп’ютера), а в другому використовується оптимальна
цифра від 30 до 40 символів.
У веб-дизайні можна досягти оптимальної кількості символів на рядок,
обмежуючи ширину текстових блоків за допомогою пікселів.
Слайд 22. Уникайте Caps
Текст з усіма великими літерами – чудово в контекстах, які не потребують
читання (наприклад, логотипи), але краще уникати всіх капсів, коли ваше
повідомлення включає в себе читання. Як згадував Майлз Тінкер, у його знаковій
роботі, «Легкість друку», це суттєво затримує швидкість сканування та читання у
порівнянні з типовими словами. Не використовуйте всі ВЕЛИКІ ЛІТЕРИ в текстових
блоках довше, ніж один рядок тексту.
Слайд 23. Вирівнювання на дві сторони
Уникайте вирівнювання тексту на дві сторони оскільки пробіли між словами
будуть різними і це ускладнює читання, ви втрачаєте загальну систему читання, до
якої звикли користувачі.
До прикладу, ви читаєте текст з мобільного, в цей момент вам хтось
зателефонував. Після розмови, як ви захочете повернутись до читання, з
вирівнянням тексту на ліво вам буде зручніше знайти місце на якому ви зупинились,
бо ваше око зафіксує край тексту, де ви зупинились. Якщо ж вирівнювання тексту
йде по дві сторони це буде зробити значно складніше.
Слайд 24. Не зменшуйте проміжок між рядками
Занадто щільно / Забагато / Просто правильно. Додавши потрібну кількість
простору для тексту (як між рядками, так і на полях), ви допомагаєте користувачам
краще взаємодіяти з словами.
Типографія – це все про відстані. У типографіці ми маємо спеціальний термін
для інтервалу між двома рядками тексту (або висоти рядка). У програмному
забезпеченні для обробки текстів ця концепція зазвичай називається “інтервал між
рядками”.
Хороший проміжок допомагає читабельності. Доведено, що правильне
використання білого простору сприяє зростанню розумінню: це дає читачам
сприйняття, що текст не надто щільний і є відчуно легшим для читання.
Слайд 25. Переконайтеся, що ваш текст є достатньо контрастний
Ви повинні використовувати колір і контраст, щоб допомогти користувачам
переглядати ваш текст. Контраст є особливо важливим при проектуванні для
мобільних пристроїв через відволікання користувача відблисками екрану.
Контраст – складна штука, і часто дизайнери стикаються з такими проблемами:
Вони вибирають колір тексту, який занадто схожий на колір фону. Це робить
текст важким для читання.
Вони створюють занадто багато контрасту між текстом і фоном. Це також
спричиняє проблемі читання. Одним з найпоширеніших проблем є світлий текст на
темних фонах (комбінації білого кольору). Примушування користувачів читати
білий текст на чорному тлі протягом тривалого часу може втомити очі користувача.
Правила WC3 щодо доступності веб-вмісту – це гарна точка відліку, якщо ви
хочете освоїти контрастність кольорів. Вони встановлюють мінімальні стандарти
контрастності, щоб користувачі з різними візуальними здібностями (включаючи
людей з помірно низьким рівнем зору) могли прочитати ваш текст.
Порада. Ви можете скористатись інструментом контрастності, щоб швидко
дізнатися, чи ви знаходитесь в оптимальному діапазоні.
Висновок
Не заставляйте ваших користувачів перенапружуватись, та створюйте зручні
тексти які хочеться читати.
Слайд 26.
Каліграфія (грец. «Гарний почерк») - одна з галузей образотворчого мистецтва.
Ще каліграфію часто називають мистецтвом красивого письма. Сучасне визначення
каліграфії звучить наступним чином: «мистецтво оформлення знаків в експресивній,
гармонійній і майстерній манері».
Зараз каліграфія існує в основному в формі запрошень листівок і весільних
привітань, а також в графіті, шрифтах і рукописних логотипах, в релігійному
мистецтві, графічному дизайні, в висічених написах на каменях і в історичних
документах. А також каліграфію використовують на телебаченні в якості
оформлення, в різних характеристиках, свідоцтвах про народження та в інших
документах, де передбачається писати від руки.Сучасна каліграфія досить
різноманітна — від побутових рукописних написів на листівках до високого
мистецтва, в якому експресія написаного рукою знака не завжди народжує чіткі
літерні форми. Класична каліграфія значно відрізняється від шрифтових робіт і
нестандартних рукописних форм, хоча каліграф повинен вміти робити і те, і те;
літери склалися в такі форми історично, але при цьому вони здебільшого спонтанні
й завжди народжуються в момент письма. Зараз люди пишуть мало. Саме тому
каліграфія стає все популярнішою. Глобалізація остаточно перетворила її із засобу
інформування на мистецтво. Поява масових інструментів для письма та їхнє
спрощення до таких форм, що красиво писати можна будь-де: на вокзалі, в поїзді чи
вдома, — зробило каліграфію комфортною. Спростився процес її створення.
Українська абетка різниться від латинської, має свої унікальні, відмінні від
російської та білоруської мов, елементи. Люди зацікавилися, чим наш алфавіт
особливий, і почали вивчати це питання. Але передусім каліграфія — це поєднання
одразу декількох композиційних прийомів: ритму, динаміки, статики та інших. Це й
змушує нею цікавитися. Вона подобається людям.
Слайд 27-28. Леттерінг — це не шрифт. Леттерінг — єдині в своєму роді букви,
виготовлені (намальовані, вирізані ) для однієї конкретної ситуації. Багато людей
називають шрифтом що завгодно, якщо там є кілька букв. Однак, часто те, що вони
бачать, є леттерінгом. Його головна відмінність – акцент на графічну складову:
унікальні форми, які поєднуються один з одним в конкретному слові або фразі.
Багато людей називають шрифтом що завгодно, якщо там є кілька букв. Однак,
часто те, що вони бачать, є леттерінгом. Його головна відмінність - упор на графічну
складову: унікальні форми, які поєднуються один з одним в конкретному слові або
фразі. Марк Симонсон провів хорошу аналогію: леттерінг відрізняється від шрифту
так само, як ліплення з глини відрізняється від будівництва з кубиків Лего.
У леттерінге літери, як правило, намальовані або написані тільки один раз, і для
конкретного контекста. У шрифті одні і ті ж букви мають однакову накреслення.

Recomendados

MW por
MWMW
MWAnna Popravka
83 vistas25 diapositivas
22 por
2222
22Ірина Деренівська
33 vistas7 diapositivas
лп р1-3 por
лп р1-3лп р1-3
лп р1-3slavinskiy
275 vistas11 diapositivas
Зобота з текстом por
Зобота з текстомЗобота з текстом
Зобота з текстомmarunasorokina
110 vistas2 diapositivas
Набір і форматування текстових документів por
Набір і форматування текстових документівНабір і форматування текстових документів
Набір і форматування текстових документівОльга Гайворонська
1.4K vistas7 diapositivas
Less18 por
Less18Less18
Less18Nikolay Shaygorodskiy
332 vistas8 diapositivas

Más contenido relacionado

Similar a Конспект-3

вам6мі5 por
вам6мі5вам6мі5
вам6мі5Sergii Perun
387 vistas293 diapositivas
Підручник з інформатики для 10 класу. Ривкінд Й.Я por
Підручник з інформатики для 10 класу. Ривкінд Й.ЯПідручник з інформатики для 10 класу. Ривкінд Й.Я
Підручник з інформатики для 10 класу. Ривкінд Й.ЯVsimPPT
507 vistas293 diapositivas
Informatyka stand-10-klas-ryvkind por
Informatyka stand-10-klas-ryvkindInformatyka stand-10-klas-ryvkind
Informatyka stand-10-klas-ryvkindkreidaros1
3.8K vistas293 diapositivas
10 por
1010
10klas10
357.1K vistas293 diapositivas
10 in r_stan por
10 in r_stan10 in r_stan
10 in r_stanEkaterina Gulya
189 vistas293 diapositivas
Інформатика 10 клас (рівень стандарту). Ривкінд Й.Я. por
Інформатика 10 клас (рівень стандарту). Ривкінд Й.Я.Інформатика 10 клас (рівень стандарту). Ривкінд Й.Я.
Інформатика 10 клас (рівень стандарту). Ривкінд Й.Я.Nikolay Shaygorodskiy
2.2K vistas293 diapositivas

Similar a Конспект-3(16)

Підручник з інформатики для 10 класу. Ривкінд Й.Я por VsimPPT
Підручник з інформатики для 10 класу. Ривкінд Й.ЯПідручник з інформатики для 10 класу. Ривкінд Й.Я
Підручник з інформатики для 10 класу. Ривкінд Й.Я
VsimPPT507 vistas
Informatyka stand-10-klas-ryvkind por kreidaros1
Informatyka stand-10-klas-ryvkindInformatyka stand-10-klas-ryvkind
Informatyka stand-10-klas-ryvkind
kreidaros13.8K vistas
10 por klas10
1010
10
klas10357.1K vistas
Інформатика 10 клас (рівень стандарту). Ривкінд Й.Я. por Nikolay Shaygorodskiy
Інформатика 10 клас (рівень стандарту). Ривкінд Й.Я.Інформатика 10 клас (рівень стандарту). Ривкінд Й.Я.
Інформатика 10 клас (рівень стандарту). Ривкінд Й.Я.
Nikolay Shaygorodskiy2.2K vistas
інформатика 10 ривкінд por Irine Kashina
інформатика 10 ривкіндінформатика 10 ривкінд
інформатика 10 ривкінд
Irine Kashina1.9K vistas
10 in r_stan por UA1011
10 in r_stan10 in r_stan
10 in r_stan
UA1011232 vistas
Informatyka stand 10klas_ryvkind por Lentiy22
Informatyka stand 10klas_ryvkindInformatyka stand 10klas_ryvkind
Informatyka stand 10klas_ryvkind
Lentiy22679 vistas
Основні принципи дизайну por tim_art16
Основні принципи дизайнуОсновні принципи дизайну
Основні принципи дизайну
tim_art161.5K vistas

Más de basikk077

Інстуктивна карата_Рух козака.docx por
Інстуктивна карата_Рух козака.docxІнстуктивна карата_Рух козака.docx
Інстуктивна карата_Рух козака.docxbasikk077
319 vistas3 diapositivas
Учнівський розклад por
Учнівський розкладУчнівський розклад
Учнівський розкладbasikk077
213 vistas5 diapositivas
Учнівський розклад 2023-2024 por
Учнівський розклад 2023-2024Учнівський розклад 2023-2024
Учнівський розклад 2023-2024basikk077
15 vistas5 diapositivas
Робота з презентаціями (поглиблено) por
Робота з презентаціями (поглиблено)Робота з презентаціями (поглиблено)
Робота з презентаціями (поглиблено)basikk077
414 vistas2 diapositivas
1 Історія графічної культури por
1 Історія графічної культури1 Історія графічної культури
1 Історія графічної культуриbasikk077
476 vistas6 diapositivas
Конспект-2 por
Конспект-2Конспект-2
Конспект-2basikk077
574 vistas11 diapositivas

Más de basikk077(14)

Інстуктивна карата_Рух козака.docx por basikk077
Інстуктивна карата_Рух козака.docxІнстуктивна карата_Рух козака.docx
Інстуктивна карата_Рух козака.docx
basikk077319 vistas
Учнівський розклад por basikk077
Учнівський розкладУчнівський розклад
Учнівський розклад
basikk077213 vistas
Учнівський розклад 2023-2024 por basikk077
Учнівський розклад 2023-2024Учнівський розклад 2023-2024
Учнівський розклад 2023-2024
basikk07715 vistas
Робота з презентаціями (поглиблено) por basikk077
Робота з презентаціями (поглиблено)Робота з презентаціями (поглиблено)
Робота з презентаціями (поглиблено)
basikk077414 vistas
1 Історія графічної культури por basikk077
1 Історія графічної культури1 Історія графічної культури
1 Історія графічної культури
basikk077476 vistas
Конспект-2 por basikk077
Конспект-2Конспект-2
Конспект-2
basikk077574 vistas
2 алгортми por basikk077
2 алгортми2 алгортми
2 алгортми
basikk0773.8K vistas
9 клас 22 знайомство з системами обробки тексту por basikk077
9 клас 22 знайомство з системами обробки тексту9 клас 22 знайомство з системами обробки тексту
9 клас 22 знайомство з системами обробки тексту
basikk0771.1K vistas
09к 21-пошук інформації в інтернеті por basikk077
09к 21-пошук інформації в інтернеті09к 21-пошук інформації в інтернеті
09к 21-пошук інформації в інтернеті
basikk077860 vistas
використання браузера por basikk077
використання браузеравикористання браузера
використання браузера
basikk0772K vistas
служби інтернету por basikk077
служби інтернетуслужби інтернету
служби інтернету
basikk0775.7K vistas
20 internet por basikk077
20 internet20 internet
20 internet
basikk077347 vistas
ДНЗ 27 м.Рівне por basikk077
ДНЗ 27 м.РівнеДНЗ 27 м.Рівне
ДНЗ 27 м.Рівне
basikk0771.7K vistas
ЗНО 2016 por basikk077
ЗНО 2016ЗНО 2016
ЗНО 2016
basikk077244 vistas

Último

chitannya.pptx por
chitannya.pptxchitannya.pptx
chitannya.pptxOlgaGorbenko1
13 vistas14 diapositivas
Реалізація Стратегії розвитку читання. Читання як стратегія життя.pptx por
Реалізація Стратегії розвитку читання. Читання як стратегія життя.pptxРеалізація Стратегії розвитку читання. Читання як стратегія життя.pptx
Реалізація Стратегії розвитку читання. Читання як стратегія життя.pptxssuser15a891
203 vistas38 diapositivas
Іде, іде святий Миколай.pptx por
Іде, іде святий Миколай.pptxІде, іде святий Миколай.pptx
Іде, іде святий Миколай.pptxssuserf9277b
7 vistas12 diapositivas
В'ячеслав Васильович Петров por
 В'ячеслав Васильович Петров В'ячеслав Васильович Петров
В'ячеслав Васильович ПетровНБУ для дітей
8 vistas10 diapositivas
10 цікавих фактів про Північноатлантичний альянс por
10 цікавих фактів про Північноатлантичний альянс10 цікавих фактів про Північноатлантичний альянс
10 цікавих фактів про Північноатлантичний альянсVinnytsia Regional Universal Scientific Library named after Valentin Otamanovsky
21 vistas13 diapositivas
Семінар Пізнаємо природу.pptx por
Семінар Пізнаємо природу.pptxСемінар Пізнаємо природу.pptx
Семінар Пізнаємо природу.pptxssuser389ffd
10 vistas14 diapositivas

Último(20)

Реалізація Стратегії розвитку читання. Читання як стратегія життя.pptx por ssuser15a891
Реалізація Стратегії розвитку читання. Читання як стратегія життя.pptxРеалізація Стратегії розвитку читання. Читання як стратегія життя.pptx
Реалізація Стратегії розвитку читання. Читання як стратегія життя.pptx
ssuser15a891203 vistas
Іде, іде святий Миколай.pptx por ssuserf9277b
Іде, іде святий Миколай.pptxІде, іде святий Миколай.pptx
Іде, іде святий Миколай.pptx
ssuserf9277b7 vistas
Семінар Пізнаємо природу.pptx por ssuser389ffd
Семінар Пізнаємо природу.pptxСемінар Пізнаємо природу.pptx
Семінар Пізнаємо природу.pptx
ssuser389ffd10 vistas
Вікторина на знання історії Збройних Сил України por Nataliya Persikova
Вікторина на знання історії Збройних Сил УкраїниВікторина на знання історії Збройних Сил України
Вікторина на знання історії Збройних Сил України
Nataliya Persikova22 vistas
Світ дитячої творчості - окрема сторінка бібліотечного життя. Підсумовуємо та... por ssuser15a891
Світ дитячої творчості - окрема сторінка бібліотечного життя. Підсумовуємо та...Світ дитячої творчості - окрема сторінка бібліотечного життя. Підсумовуємо та...
Світ дитячої творчості - окрема сторінка бібліотечного життя. Підсумовуємо та...
ssuser15a891198 vistas
Організація і проведення перевірок бібліотечних фондів por ssuser15a891
Організація і проведення перевірок бібліотечних фондівОрганізація і проведення перевірок бібліотечних фондів
Організація і проведення перевірок бібліотечних фондів
ssuser15a891199 vistas
Літературні дати 2024 року por ssuser15a891
Літературні дати 2024 рокуЛітературні дати 2024 року
Літературні дати 2024 року
ssuser15a891150 vistas
Експресіонізм por CupCakeDoo
ЕкспресіонізмЕкспресіонізм
Експресіонізм
CupCakeDoo6 vistas
шляга о.а..pptx por ssuser389ffd
шляга о.а..pptxшляга о.а..pptx
шляга о.а..pptx
ssuser389ffd11 vistas
Вікторина на знання історії Збройних Сил України por Nataliya Persikova
Вікторина на знання історії Збройних Сил УкраїниВікторина на знання історії Збройних Сил України
Вікторина на знання історії Збройних Сил України
звіт директора КГ №124 за 2022-2023 н.р..pdf por ssuser46127c
звіт директора КГ №124 за 2022-2023 н.р..pdfзвіт директора КГ №124 за 2022-2023 н.р..pdf
звіт директора КГ №124 за 2022-2023 н.р..pdf
ssuser46127c6 vistas
ІКТ Захарчун.pdf por anazaharcun
ІКТ  Захарчун.pdfІКТ  Захарчун.pdf
ІКТ Захарчун.pdf
anazaharcun7 vistas

Конспект-3

  • 1. Слайд 4. Типогра́фія (грец. τύπογραφία, рос. типографика) — мистецтво оздоблення друкарського тексту. Включає в себе мистецтва • шрифтового дизайну, тобто створення символів літер та цілих шрифтів; • шрифтового оздоблення, тобто модифікації та декорування малюнків літер; • верстки, тобто вибору шрифту, параметрів набору, способів розміщення на площині та компонування з іншими елементами. Належить до фахової сфери відповідно шрифтових дизайнерів, графіків, типографів та верстальників. Цифрові технології зробили це мистецтво доступним широкому загалу. До питань типографії відносять також прийняті для певної мови традиції використання розділових та службових знаків, розмір проміжка, прийнятну частоту переносів тощо. Слайд 5. Шрифт (нім. Schrift, від schreiben — писати; суто український термін — черенки) — графічний малюнок накреслень літер і знаків, які складають єдину стилістичну та композиційну систему, набір символів визначеного розміру і малюнка. У вузькому друкарському сенсі шрифтом називається комплект друкарських літер, призначених для складання тексту. Група шрифтів різних видів і кеглів, що мають однакове накреслення, єдиний стиль і оформлення, називається гарнітурою. Слайд 6. Шрифти характеризуються: - гарнітурою: об'єднанням різних за кеглем та нарисом, але однаковим за характером накреслення шрифтів; - нахилом: прямий (regular), похилий (oblique), курсив (italic); - насиченістю: контурний, світлий (light), ужирений, напівжирний (semibold), жирний (bold), наджирний (black); - шириною: надвузький, вузький (condensed), нормальний (normal), широкий (extended), надширокий; - ілюміновкою: оконтурений, відтінений, штриховий, орнаментований, негативний, кольоровий; - розміром (кеглем) в пунктах (1 пункт = 1/68 дюйма). Приклад написання букв української абетки креслярським шрифтом Шрифти деяких розмірів мають свої історичні назви: брильянт — 3 пункти Дідо, діамант (4), перл (5), нонпарель (6), міньйон (7), петит (8), боргес (9), корпус (10), цицеро (12), мітель (14), терція (16), парангон (18), текст (20), подвійний цицеро (24),
  • 2. малий канон (36), канон (42), великий канон (48). Назви виникли задовго до появи сучасних стандартів, тому збіг їхнього розміру зі значенням в пунктах приблизний. Одним з найдавніших шрифтів є шрифт Баскервіль, розроблений Джоном Баскервілем в середині XVIII століття. Слайд 7. Кегель, кегль — основна розмірна характеристика шрифту, позначається цифрою, одиниця вимірювання — типографський пункт, квадрат. Кегель — висота площадки, на якій розміщуються літери разом із пробілами, які забезпечують при наборі прямий рядок та нормальний інтерліньяж, тому кегель не є висотою знаку (літери) в чистому вигляді. Термін німецького походження (Kegel), його англомовний аналог (type size) не є точним. Шрифти від 3 до 12 пунктів називаються текстовими, від 14 до 64— заголовковими, а від 72&— плакатними. Відстань між рядками практично завжди має бути більше розміру шрифту. За винятком заголовків. Щоб досягти балансу між текстом і «повітрям», зробіть межстрочное відстань приблизно в півтора рази більше висоти малих літер. Або встановлюємо інтерліньяж, рівний 150% розміру шрифту. Наприклад розмір тексту 14 px, тоді інтрерліньяж - 21 px. 14/2 = 7 + 14 = 21. Слайд 8. Інтерліньяж (з фр. interligne — «написане між рядків») — міжрядковий пробіл, відстань по вертикалі між двома базовими лініями рядків, міжрядковий інтервал. Вимірюється в пунктах і складається з кеглю шрифту і відстані між рядками. Слайд 9. Кернінг — процес зміни розмірів міжбуквених пропусків (інтервалів) між сусідніми буквами для поліпшення зовнішнього вигляду і легкості читання тексту. Цей параметр відповідає за індивідуальну роботу з кожною буквою і підбір її місцеположення залежно від вибраного шрифту, малюнка самої букви та її сусідніх букв, смислового навантаження слова і т. д. Значення кернінгу встановлюється у відсотках ширини пробілу. Більшість шрифтів мають регламентовані міжлітерні інтервали, так звані апроші. Але тим не менше, цей параметр потребує редагування. Зазвичай використовуються таблиці кернінгу, які є утилітамипрограм верстки. Розрізняють також кернінг: - ручний - автоматичний - замовний
  • 3. Слайд 10. Шрифтові пари – це вдало поєднані шрифти та їх основні характеристики Коли ми заходимо на сайт, ми бачимо величезну кількість поєднань тексту. Ми бачимо заголовки, бачимо якийсь основний текст, бачимо якісь підписи, поруч якісь примітки. Ми бачимо дату, припустимо, бачимо «сьогодні» написано зовсім іншим шрифтом. Ось цей шрифт теж відрізняється від заголовного, наприклад, і ось від цього. І як це все правильно поєднувати - питання. Слайд 11. Гарнітури (що також називаються гарнітурами шрифтів або сімействами шрифтів) – це набори шрифтів, що мають подібний вигляд, і розроблені для використання разом, як наприклад гарнітура Adobe Garamond. Слайд 12. Стиль шрифту – це версія варіанту окремого шрифту в гарнітурі. Зазвичай, шрифт гарнітури Roman або Звичайний(дійсна назва залежить від гарнітури) – це базовий шрифт, що може містити такі стилі тексту, як звичайний, жирний, напівжирний, курсив та жирний курсив. Слайд 13. Приклади шрифтових пар Слайд 14. Інструменти створення шрифтової пари - Шрифт - Накреслення - Розмір - Колір Слайд 15. Особливості поєднання шрифтів Слайд 16. Використовуйте мінімальну кількість шрифтів у вашому дизайні. Щоб запобігти таким ситуаціям, спробуйте обмежити кількість використаних шрифтів Використання більш, ніж трьох шрифтів одночасно може призвести до того, що ваш додаток / сайт виглядатимуть перевантаженим та неструктуровано. Краще обмежити кількість використаних сімейств шрифтів до мінімуму (два — достатньо, хоч часто достатньо і одного), і дотримуватися тих самих шрифтів на всьому проекті. З чого розпочати? Почніть, вибравши шрифт для основного тексту (body text) Це дуже важливе рішення, яке вплине на вибір будь-якого іншого шрифту, наприклад такого як заголовки. Основний текст є найпоширенішим елементом у
  • 4. продукті. В результаті, вигляд тексту буде мати найбільший вплив на якість вашого дизайну. Залишайтеся з одним шрифтом, поки не освоїте його Якщо ви початківець, рекомендуємо використовувати один шрифт, поки не досягнете майстерності. Експериментуйте зі стилями. Сучасні шрифти можна використовувати з багатьма різними стилями, що означає, вони мають спільні та відмінні риси. Шрифти з більшим діапазоном стилів допоможуть вам диференціювати текст у різних контекстах, наприклад, у кнопках або мітках. Хорошим прикладом є шрифт Сан-Франциско від Apple. Шрифт Сан-Франциско від Apple Переконайтеся, що сімейства шрифтів доповнюють один одного Якщо ви все ще хочете (або це потрібно) використовувати більше одного шрифту, переконайтеся, що сімейства шрифтів доповнюють один одного. Візьмемо приклад комбінацій шрифтів нижче. Поєднання шрифтів ліворуч мають подібні рисиі, які створюють гармонійну пару. Тепер порівняйте шрифти справа, де “важка” вага слова Impact значно затьмарює свого колегу. Переконайтеся, що сімейства шрифтів доповнюють один одного на основі їх ширини символів. Слайд 17. Виберіть правильний розмір шрифту Розмір вашого тексту має величезний вплив на якість читання та сприйняття на екрані: Занадто малий текст може спричинити напруження читача. В результаті, користувачі будуть пропускати більшу частину представленої інформації. Особливо це стосується мобільних пристроїв, де крихітний шрифт на маленькому яскравому екрані може бути головним болем для користувачів. Занадто великий текст може теж викликати проблеми. Є вірогідність, що великий текст відволікатиме і має тенденцію звертати увагу на себе. Тому, потрібно правильно розташовувати акценти Ось чому ви завжди повинні починати з зручного розміру шрифту для вашого тексту. Незважаючи на те, що неможливо забезпечити єдине рішення для розміру шрифту, є загальні правила, яким варто слідувати: Занадто малий текст може спричинити напруження читача. В результаті, користувачі будуть пропускати бДля настільних комп’ютерів: для основного тексту використовуйте шрифт 16 пікс. Або вище. Він не надто великий, і його зручно читати. Для пристроїв iOS: використовуйте розмір тексту щонайменше 11 пікс. (це є розбірливим на типовій відстані перегляду без масштабування). Для Android: мінімальний для читання розмір шрифту – 12 пікс. для основного тексту.
  • 5. Порада. Вибір розміру шрифту може бути складним. Але є техніка, яка може вам допомогти – модульний масштаб. Модульний масштаб – це послідовність значень, які можна застосувати для гармонійного визначення розмірів текстових стилів. Ви спочатку вибираєте коефіцієнт – наприклад, золотий середній 1: 1.618 (масштабний коефіцієнт). Тоді ви виберете основний розмір тексту, наприклад, 16 пікселів. Після цього ви помножите, щоб отримати послідовні числа: 16px, 26px, 42px, 68px, 110px. Ви можете використовувати такий інструмент, як Gridlover, щоб знайти правильний розмір шрифту для різних коефіцієнтів масштабу. Слайд 18. Вирівнювання вліво і подумайте про розриви між блоками тексту У західному світі тип читається зверху вниз і зліва направо. Вирівнюючи текст по лівому краю, ви робите текст простішим для читання. Око здатне знаходити край, і це полегшує читання: послідовний лівий (вертикальний) край допомагає читачам, надаючи місце для ока, щоб повернутися після закінчення кожної горизонтальної лінії. Важливо також пам’ятати про розрив і уникнути одного слова в останньому рядку абзацу, так званої вдови Вдова – одне слово або дуже коротка рядок тексту в кінці абзацу. Уникайте цього. Слайд 19. Оберіть гарнітуру (Typeface), який добре працює у різних розмірах Зі зростанням популярності типографічного дизайну, кількість шрифтів, з яких можна вибрати, збільшується з кожним роком. Користувачі будуть використовувати ваш ресурс з пристроїв із різними розмірами екрану та роздільною здатністю. Оскільки для більшості користувацьких інтерфейсів потрібні текстові елементи різних розмірів, важливо вибрати шрифт, який добре працює в декількох розмірах, щоб забезпечити зручне читання у всіх розмірах. Важливо переконатися, що вибраний шрифт є розбірливий на менших екранах! Спробуйте уникати шрифтів, які використовують курсив, наприклад, Вівальді (у прикладі нижче): хоча вони і красиві, їх важко читати. Слайд 20. Використовуйте шрифти з розрізненими літерами Легкість – це міра того, наскільки легко відрізнити одну букву від іншої на певному шрифті. Проте не всі шрифти створюються з розбірливими літерами, зокрема з “i” та “L” (як це видно на зображенні вище). Ще однією загальною проблемою читання є поганий міжбуквенний інтервал – “r” і “n” можуть легко стати “m”. Вам потрібно уникати таких шрифтів, тому що люди будуть мати проблеми з їх читанням на малих дисплеях.
  • 6. Слайд 21. Довжина рядків Вікіпедія має занадто довгі рядки тексту. Довжина рядка – це горизонтальна відстань блоку тексту. На жаль, довгі рядки, ймовірно, є однією з найбільш поширених проблем дизайну в Інтернеті. Наявність потрібної кількості символів у кожному рядку є ключем до зручного читання тексту. Загальноприйнята ідеальна довжина лінії для зручного читання на робочому столі становить близько 60 символів на рядок, включаючи пробіли. Ця довжина рядка має позитивний вплив на ритм читання. Наш розум напружується під час переходу на наступний рядок, якщо рядок занадто довгий, користувач швидко передумає читати те, що ви пропонуєте. Для мобільних пристроїв довжина рядка має дотримуватися 30-40 символів на рядок. Нижче наведено приклад двох сайтів, переглянутих на мобільному пристрої. Перший використовує 50-75 символів на рядок (оптимальна кількість символів на рядок для настільного комп’ютера), а в другому використовується оптимальна цифра від 30 до 40 символів. У веб-дизайні можна досягти оптимальної кількості символів на рядок, обмежуючи ширину текстових блоків за допомогою пікселів. Слайд 22. Уникайте Caps Текст з усіма великими літерами – чудово в контекстах, які не потребують читання (наприклад, логотипи), але краще уникати всіх капсів, коли ваше повідомлення включає в себе читання. Як згадував Майлз Тінкер, у його знаковій роботі, «Легкість друку», це суттєво затримує швидкість сканування та читання у порівнянні з типовими словами. Не використовуйте всі ВЕЛИКІ ЛІТЕРИ в текстових блоках довше, ніж один рядок тексту. Слайд 23. Вирівнювання на дві сторони Уникайте вирівнювання тексту на дві сторони оскільки пробіли між словами будуть різними і це ускладнює читання, ви втрачаєте загальну систему читання, до якої звикли користувачі. До прикладу, ви читаєте текст з мобільного, в цей момент вам хтось зателефонував. Після розмови, як ви захочете повернутись до читання, з вирівнянням тексту на ліво вам буде зручніше знайти місце на якому ви зупинились, бо ваше око зафіксує край тексту, де ви зупинились. Якщо ж вирівнювання тексту йде по дві сторони це буде зробити значно складніше.
  • 7. Слайд 24. Не зменшуйте проміжок між рядками Занадто щільно / Забагато / Просто правильно. Додавши потрібну кількість простору для тексту (як між рядками, так і на полях), ви допомагаєте користувачам краще взаємодіяти з словами. Типографія – це все про відстані. У типографіці ми маємо спеціальний термін для інтервалу між двома рядками тексту (або висоти рядка). У програмному забезпеченні для обробки текстів ця концепція зазвичай називається “інтервал між рядками”. Хороший проміжок допомагає читабельності. Доведено, що правильне використання білого простору сприяє зростанню розумінню: це дає читачам сприйняття, що текст не надто щільний і є відчуно легшим для читання. Слайд 25. Переконайтеся, що ваш текст є достатньо контрастний Ви повинні використовувати колір і контраст, щоб допомогти користувачам переглядати ваш текст. Контраст є особливо важливим при проектуванні для мобільних пристроїв через відволікання користувача відблисками екрану. Контраст – складна штука, і часто дизайнери стикаються з такими проблемами: Вони вибирають колір тексту, який занадто схожий на колір фону. Це робить текст важким для читання. Вони створюють занадто багато контрасту між текстом і фоном. Це також спричиняє проблемі читання. Одним з найпоширеніших проблем є світлий текст на темних фонах (комбінації білого кольору). Примушування користувачів читати білий текст на чорному тлі протягом тривалого часу може втомити очі користувача. Правила WC3 щодо доступності веб-вмісту – це гарна точка відліку, якщо ви хочете освоїти контрастність кольорів. Вони встановлюють мінімальні стандарти контрастності, щоб користувачі з різними візуальними здібностями (включаючи людей з помірно низьким рівнем зору) могли прочитати ваш текст. Порада. Ви можете скористатись інструментом контрастності, щоб швидко дізнатися, чи ви знаходитесь в оптимальному діапазоні. Висновок Не заставляйте ваших користувачів перенапружуватись, та створюйте зручні тексти які хочеться читати. Слайд 26. Каліграфія (грец. «Гарний почерк») - одна з галузей образотворчого мистецтва. Ще каліграфію часто називають мистецтвом красивого письма. Сучасне визначення каліграфії звучить наступним чином: «мистецтво оформлення знаків в експресивній, гармонійній і майстерній манері». Зараз каліграфія існує в основному в формі запрошень листівок і весільних привітань, а також в графіті, шрифтах і рукописних логотипах, в релігійному
  • 8. мистецтві, графічному дизайні, в висічених написах на каменях і в історичних документах. А також каліграфію використовують на телебаченні в якості оформлення, в різних характеристиках, свідоцтвах про народження та в інших документах, де передбачається писати від руки.Сучасна каліграфія досить різноманітна — від побутових рукописних написів на листівках до високого мистецтва, в якому експресія написаного рукою знака не завжди народжує чіткі літерні форми. Класична каліграфія значно відрізняється від шрифтових робіт і нестандартних рукописних форм, хоча каліграф повинен вміти робити і те, і те; літери склалися в такі форми історично, але при цьому вони здебільшого спонтанні й завжди народжуються в момент письма. Зараз люди пишуть мало. Саме тому каліграфія стає все популярнішою. Глобалізація остаточно перетворила її із засобу інформування на мистецтво. Поява масових інструментів для письма та їхнє спрощення до таких форм, що красиво писати можна будь-де: на вокзалі, в поїзді чи вдома, — зробило каліграфію комфортною. Спростився процес її створення. Українська абетка різниться від латинської, має свої унікальні, відмінні від російської та білоруської мов, елементи. Люди зацікавилися, чим наш алфавіт особливий, і почали вивчати це питання. Але передусім каліграфія — це поєднання одразу декількох композиційних прийомів: ритму, динаміки, статики та інших. Це й змушує нею цікавитися. Вона подобається людям. Слайд 27-28. Леттерінг — це не шрифт. Леттерінг — єдині в своєму роді букви, виготовлені (намальовані, вирізані ) для однієї конкретної ситуації. Багато людей називають шрифтом що завгодно, якщо там є кілька букв. Однак, часто те, що вони бачать, є леттерінгом. Його головна відмінність – акцент на графічну складову: унікальні форми, які поєднуються один з одним в конкретному слові або фразі. Багато людей називають шрифтом що завгодно, якщо там є кілька букв. Однак, часто те, що вони бачать, є леттерінгом. Його головна відмінність - упор на графічну складову: унікальні форми, які поєднуються один з одним в конкретному слові або фразі. Марк Симонсон провів хорошу аналогію: леттерінг відрізняється від шрифту так само, як ліплення з глини відрізняється від будівництва з кубиків Лего. У леттерінге літери, як правило, намальовані або написані тільки один раз, і для конкретного контекста. У шрифті одні і ті ж букви мають однакову накреслення.