– чи то розробка сайтів, графіка чи мультимедіа – зобов'язаний знати тонкощі роботи з кернінгом. Цей елемент практично не помітний непрофесіоналам, але відразу ж впадає у вічі тим, хто знає, де його шукати.
Навчання ефективному кернінгу - це, перш за все, тренування спостережливості та уваги до деталей.
І все-таки що означає це поняття?
Кернінг - це зменшення чи збільшення відстані між літерами, у тому числі складається слово. Вибір правильного інтервалу перетворюється на аж ніяк не просте завдання, оскільки символи по-різному заповнюють собою простір (залежно від регістру, висоти основного штриха (ствола літери), виносних елементів, наявності або відсутності засічок тощо).
Ми розповімо вам, як навчитися звертати увагу на цей важливий елемент друкарні, а також поділимося посиланнями на корисні ресурси з додатковою інформацією.
Коли міжлітерний інтервал шрифту не визначений, кожен наступний символ розташовується поруч із попереднім, починаючи строго в його кінцевій точці. Це видно на верхньому зображенні зі словом “AWE.” Між літерами A та W залишилося багато незаповненого простору, тоді як W та E практично прилипли один до одного. В результаті текст виглядає неохайно і вводить читача в оману: так все-таки A WE або AWE?
У більшості програм обробки та редагування тексту застосовується автоматичний алгоритм налаштування кернінгу, який визначає стандартний міжлітерний інтервал для того чи іншого шрифту. Існує два способи автоматичного налаштування кернінгу: метричний та оптичний.
При виборі оптичного способу відстань між літерами встановлюється відповідно до значень таблиці кернінгових пар, вбудованої в . Таке налаштування дозволяє акуратно вирівняти шрифт і є стандартним для більшості текстових редакторів. Метричний кернінг використовується лише при роботі з професійним текстовим програмним забезпеченням.
У цьому випадку оптимальний міжлітерний інтервал обчислюється на основі інформації про контур кожної окремої літери.
Розробляючи дизайн гарнітури шрифту, хочеться мати можливість повністю контролювати те, як букви будуть розміщуватися один за одним при наборі. У такому разі кернінг потрібно встановлювати вручну. Зверніть увагу: літери A і W зсунуті ближче один до одного, щоб усунути незаповнений простір, що утворився двома діагональними лініями під час автоматичного кернінгу.
Успішні дизайнери прагнуть досконалості у всіх, навіть найдрібніших деталях, і ручний кернінг дозволяє досягати ідеальних результатів.
Навчайтеся правильно кернити текст!
Перш ніж розпочати роботу над дизайном власної гарнітури, ознайомтеся з необхідними вимогами та навичками на підібраних нами корисних ресурсах:
1. Яких списків немає у текстовому редакторі?
а) нумерованих;
Б) точкових;
в) маркованих.
2. При заданні параметрів сторінки в текстовому редакторі встановлюються:
А) поля, орієнтація та розмір сторінки;
б) інтервал між абзацами та вид шрифту;
в) фон та межі сторінки, відступ.
3. Яку комбінацію клавіш слід застосувати, щоб вставити сьогоднішню дату в документ?
а) Ctrl+Alt+A;
б) Shift+Ctrl+V;
В) Shift+Alt+D.
4. Яке із цих тверджень правильне?
А) Кернінг - це зміна інтервалу між літерами одного слова.
б) Якщо пароль захищеного документа втрачено, його можна відновити за допомогою ключового слова.
в) Поєднання клавіш Shift+Home переносить на першу сторінку документа.
5. Яке із цих тверджень неправильне?
а) Велику літеру можна надрукувати двома способами.
б) За допомогою клавіші Tab можна зробити червоний рядок.
В) Клавіша Delete видаляє знак перед миготливим курсором.
6. На яку клавішу слід натиснути, щоб надрукувати кому, коли на комп'ютері встановлено англійський алфавіт?
А) де написана російська буква Б;
б) де написано російську букву Ю;
в) де написана російська літера Ж.
7. Колонтитул – це:
А) область, яка знаходиться у верхньому та нижньому полі та призначається для розміщення назви роботи над текстом кожної сторінки;
б) зовнішній вигляд друкованих знаків, що користувач бачить у вікні текстового редактора;
в) верхній рядок вікна редактора Word, що містить панель команд (наприклад, «Вставка», «Конструктор», «Макет» тощо).
8. Щоб вставити в текстовий документ посилання, потрібно перейти за наступними вкладками:
б) Файл – Параметри сторінки – Вставити посилання;
9 – Тест. Який шрифт за замовчуванням встановлений уWord 2007?
а) Times New Roman;
в) Microsoft Ya Hei.
10. У верхньому рядку панелі завдань зображено іконку з дискетою. Що станеться, якщо її натиснути?
а) документ вилучиться;
Б) документ збережеться;
в) документ запишеться на диск або флешку, вставлені на комп'ютер.
11. Яку клавішу потрібно утримувати під час копіювання різних елементів одного тексту?
12. Що можна зробити за допомогою двох зігнутих стрілок, розміщених у верхньому рядку над сторінкою тексту?
а) перейти на одну літеру вправо або вліво (залежно від того, яку стрілку натиснути);
б) перейти на один рядок вгору або вниз (залежно від того, яку стрілку натиснути);
В) перейти на одну досконалу дію назад або вперед (залежно від того, яку стрілку натиснути).
13. Що дозволяє побачити увімкнена кнопка «Недруковані символи»?
А) прогалини між словами та кінець абзацу;
б) всі розділові знаки;
в) помилки у тексті.
14. Об'єднати або розбити осередки намальованої таблиці можна у вкладці:
а) "Конструктор";
Б) "Макет";
в) "Параметри таблиці".
15. Що дозволяє зробити накладений на текстовий документ водяний знак?
а) він робить документ унікальним;
б) він захищає документ від ураження вірусами;
в) він дозволяє стороннім користувачам копіювати розміщений у документі текст.
16. Щоб увімкнути автоматичне розміщення переносів, потрібно перейти по наступним вкладкам:
А) Макет – Параметри сторінки – Розстановка переносів;
б) Вставка – Текст – Вставка переносів;
17. Щоб створити нову сторінку, необхідно одночасно натиснути такі клавіші:
А) Ctrl та Enter;
б) Shift та пробіл;
в) Shift та Enter.
18. Щоб швидко вставити скопійований елемент, слід скористатися такою комбінацією клавіш:
Тест – 19. Перелік інструкцій, який доповідаєWordзаписаний заздалегідь порядок дій для досягнення певної мети називається:
а) колонтитул;
Б) макросом;
в) інструкцією.
20. За допомогою яких гарячих клавіш не можна змінити мову в текстовому редакторі?
а) Alt + Shift;
б) Ctrl+Shift;
У) Alt + Ctrl.
21. Щоб зробити зміст у документі, необхідно виконати низку таких дій:
а) виділити кілька слів у тексті за допомогою клавіші Ctrl (вони будуть заголовками), перейти на вкладку «Вставка» та натиснути на іконку «Зміст»;
Б) виділити в тексті заголовки, перейти на вкладку «Посилання» і натиснути на іконку «Зміст»;
в) кожен новий розділ почати з нової сторінки, перейти на вкладку «Вставка», знайти там іконку «Вставити зміст» та натиснути на неї.
А) праву кнопку миші з наступним вибором вкладки «Гіперпосилання»;
б) ліву кнопку миші з наступним вибором вкладки «Гіперпосилання»;
в) двічі на ліву кнопку миші з наступним вибором вкладки «Гіперпосилання».
23. Щоб вставити в текстовий документ формулу, необхідно перейти за такими вкладками:
а) Файл – Параметри сторінки – Вставити формулу;
Б) Вставка – Символи – Формула;
в) Вставка – Ілюстрації – Вставити формулу.
24. Якої орієнтації сторінки немає?
А) блокнотної;
б) книжкової;
в) альбомної.
25. Яку опцію регулює це діалогове вікно?
А) зміна абзацного відступу;
б) зміна шрифту тексту;
в) зміна розміру полів листа.
26. Яка з наведених нижче пропозицій відповідає правилам розміщення прогалин між словами і розділовими знаками?
а) Word–ідеальний помічник для студента: він дозволяє створювати, переглядати та редагувати текстові документи;
Б) Word – ідеальний помічник для студента: він дозволяє створювати, переглядати та редагувати текстові документи;
в) Word - ідеальний помічник для студента: він дозволяє створювати, переглядати та редагувати текстові документи.
27. Розв'яжіть практичне завдання.Олександр написав курсову роботу на 53 сторінки. Тепер йому потрібно скопіювати інформацію до іншого документа. Хлопець 2 рази натиснув на ліву кнопку миші і потягнув… Порадьте Олександру, як один клік виділити весь текст.
а) натиснути на вкладку "Файл" та вибрати там функцію "Скопіювати все";
б) навести курсор миші на полі та клікнути один раз;
В) натиснути клавіші Ctrl і A.
а) Alt+Ctrl+F2;
б) Ctrl+Shift+F2;
У) Alt + Shift + F2.
29. MS Word –це:
а) текстовий редактор;
б) електронна таблиця;
в) керування базами даних.
30. Жартівливе питання.Сучасна молодь називає цим словом аксесуари до комп'ютера для аудіозв'язку, а програмісти використовують те саме слово для позначення стилю одного виду шрифту. Що це за слово?
Б) гарнітура;
Якщо ви займаєтеся Web-дизайном, але вам ще є куди вдосконалюватися, то, можливо, вам буде цікава наша невелика стаття про друкарню. При розробці дизайну сайту необхідно чітко розуміти, як працювати з текстом, а саме з міжрядковою відстанню, міжсимвольною відстанню, та й взагалі, як вибрати шрифт. У цій статті ми спробуємо внести ясність у такі аспекти веб-типографіки, як інтерліньяж та кернінг. Ми навчимося тому, як і коли їх застосовувати.
Для початку відкриємо панель "Character" у фотошопі. Там знаходяться необхідні налаштування тексту. Якщо не можете знайти цю панель у робочому просторі, відкрийте через Window-Character.
Leading (Інтерліньяж)
Коли ви працюєте з параграфом, або просто з будь-якою ділянкою тексту, що займає більше одного рядка, ви стикаєтеся з параметром Leading (Інтерліньяж). Це - відстань між рядками. Загальна картина багато в чому залежатиме від цього параметра. 
Стандартною пропорцією інтерліньяжу вважається 120%. Тобто якщо розмір (size) шрифту 20 точок (pt), то інтерліньяж повинен бути 24 точки (pt).
Скорочення інтерліньяжу до показника нижче 120% створює надто високу "скученість" та щільність символів, а також створює ризик зіткнення елементів символів між собою.
Щоб відрегулювати інтерліньяж у Photoshop, використовуйте відповідне поле (Leading/Інтерліньяж залежно від мови інтерфейсу) на панелі Character. Редагуватиметься інтерліньяж того шару тексту, який на даний момент виділено.
У деяких випадках вам, можливо, знадобиться, щоб відстань між одними рядками була більшою, ніж між іншими. Для редагування інтерліньяжу окремих рядків операція майже не змінюється, за винятком того, що виділяєте ви не весь текстовий шар цілком, а тільки рядки, інтерліньяж яких треба змінити.
Кернінг
Кернінг - говорячи по-простому - відстань між двома символами. Метою кернінгу є створення гармонійного простору в рамках групи символів, і, в деяких випадках, навмисне сильне збільшення/зменшення цього простору для надання тексту якогось особливого зовнішнього вигляду. Майже всі шрифти, які ви використовуєте, вже включають певні прописані відстані між комбінаціями символів, називається це Metric Kerning. Слід зазначити, що якщо збільшити розмір шрифту, або, наприклад, змінити інтерліньяж тексту, Metric Kerning може відповісти на ці зміни не зовсім коректно. Якщо встановлено параметр Optical Kerning, фотошоп (або інша програма, яку ви використовуєте) буде застосовувати кернінг автоматично. Але, як не дивно, більшість дизайнерів не знаходять цю корисну функцію. Найкращим залишається Manual Kerning.
Що таке manual kerning? По суті – це Кернінг вручну. Уявіть собі, що відстань між символами заповнена якоюсь рідиною, і така сама кількість рідини повинна чітко вміщуватися між усіма відстанями. Ви регулюєте відстань між символами на око, але якщо око відточене, то це – найкращий прийом.
Кернінг може бути вручну відрегульований на панелі Character у Фотошопі. Перед цим виставте курсор між символами, відстань між якими маєте намір регулювати. Є спосіб швидше. Також виставте курсор між цими двома символами, а потім, натиснувши клавішу Option, натискайте стрілки вліво/вправо. Результат буде наочно.
Ось кілька речей, які потрібно пам'ятати про кернінг
- Починайте із найскладніших поєднань символів. Наприклад, кернінг між великими та малими літерами.
- Залишіть регулювання кернінгу на кінець роботи над дизайном. Нехай це буде одним із останніх кроків. Працюйте над ним тоді, коли вже на 100% будете впевнені у вибраних шрифтах, щоб не згаяти час.
- Мета кернінгу – зробити текст оптично-коректним. Тут немає жодної математичної формули, канонів та іншого. Просто практикуйтеся, і все почне виходити. Іноді грайте в цю гру - Type.method.ac
Кернінг (англ. kerning)при наборі тексту - вибіркова зміна інтервалу між літерами залежно від форми.
Простіше кажучи, кернінг— процес правильного розміщення символів, регулюючи відстані між ними, у результаті якого має бути досягнуто гармонії. Хоча на кернінг багато особливої уваги не звертають (та й взагалі — не знають), проте увага до дрібниць допомагає досягти дуже хороших результатів.
1) Трекінг (Tracking) та кернінг (Kerning) - два поняття, які не варто плутати. Трекінг— означає відстань між символами в слові або реченні, незалежно від їхньої форми та розміру. А ось кернінг – це більш «місцеве» поняття.
2) Кожен файл шрифтів має внутрішню таблицю кернінгу. Дизайнер налаштовує відстані між парами рядків, визначаючи їх у тисячних частках. Наприклад, VA має кернінг -80, а ry - 30.
3) у Photoshop, InDesign та Illustrator є функція optical-кенінгу, коли відображається альтернативний варіант. Хоча різниці майже жодної.
4) великі T, V, W та Yзавжди проблематичні. Так як у них верхня частина ширша за нижню. Тому використовуйте Tracking, щоб вручну підрівняти слова.
5) Є такий прийом - уявіть, що між літерами розташовані однакові за обсягом кулі, наповнені повітрям. Наша мета – щоб ці кулі нікуди не розповзалися, а були надійно закріплені між літерами
6) Одна з найпоширеніших помилок криється в одиниці) Цей символ – вузький і утворює навколо себе багато порожнього простору. З цієї причини кернінг потребує доопрацювання.
7) Цифра 7 – ще один проблемний символ. На нього також слід звернути увагу.
Якщо ви не верстальник і не дизайнер, то, швидше за все, не чули таких слів як кегль, інтерліньяж, капітель, гліф, кернінг. Сьогодні ми розберемо, що таке кернінг.
Кернінг – це елемент типографіки. Якщо в слові або логотипі поруч розташовані складні літери, що мають виступаючі елементи, які створюють велику відстань між ними, то відмінним рішенням буде поставити їх ближче один до одного, так, щоб щільність слова візуально була більш рівномірною. Іншими словами, кернінг - це зміна інтервалу між літерами, що стоять поруч. Він може бути негативним – коли літери наближаються один до одного, і позитивним – коли літери розсуваються.
Кернінг - це інформатиці міжсимвольний інтервал, якому можна привласнити одне із трьох параметрів: ущільнений, розріджений чи нормальний. Нормальний інтервал визначається для шрифту автоматично. Зробити шрифт розрідженим або ущільненим можна вручну.
Яке значення в оформленні тексту грає кернінг
Відстань між знаками – це дуже важлива характеристика тексту. Ви відчуваєте на собі вплив кернінгу зараз, під час читання цієї статті. Правильно підібрана відстань між літерами зробить текст, що легко читається, а якщо інформація в тексті подана грамотно і цікаво, то все це разом полегшить засвоєння нової інформації.
Відмінним прикладом кернігу може бути логотип фірми Adidas: щільний і строгий, він вселяє читачеві почуття спокою та впевненості.
Які види кернінгу існують?
Кернінг можна робити, використовуючи автоматичні функції оптичного (Optical) або метричного (Metric) кернінгу.
При оптичному кернінгу увага приділяється формі літер, і з урахуванням цієї форми вибирається і оптимізується інтервал між символами, що стоять поруч. У деяких програмах містяться докладні рекомендації для кернінгу, але якщо в шрифті мінімум вбудованих даних про кернінг або він взагалі не містить їх, або якщо в рядку або окремому слові використовуються разом різні кеглі і гарнітури, то потрібно застосувати до латинського тексту оптичний кернінг.
При метричному кернінгу використовуються певні пари літер, які включають більшість існуючих шрифтів. Вони містять інформацію про необхідний інтервал між літерами в конкретних літерних парах, таких як: Ty, Tr, Ta, To, La, Wa, Yo і т.д.
У деяких випадках, коли застосування автоматичного кернінгу не покращує ситуацію, можливе використання ручного кернінгу. Якщо навичка відточена до ідеалу, то ручний кернінг краще метричного або оптичного. Цікава гра для відточування навички - KERNTYPE.
Microsoft Word
Кернінг у "Ворді" здійснюється досить просто. Для того, щоб застосувати кернінг, необхідно:
- Виділити текст, який потрібно змінити.
- Пройти шлях: Головна → Шрифт → Додатково (у 2007 "Ворд" потрібно зайти в "Міжзнаковий інтервал").
- Встановити галочку Кернінг для знаків розміром і ввести в поле потрібну цифру.
Властивість font-kerning у каскадних таблицях
У CSS кернінг це реалізація якості font-kerning. Синтаксис наступний:
- font-kerning: none |normal|auto|initial|inherit|unset
У випадку з auto (або initial) браузер клієнта самостійно визначить, потрібний кернінг чи ні. Використання none забороняє браузеру використовувати кернінг, а normal, навпаки, говорить про те, що до тексту буде використаний кернінг. Initial або unset – текст успадковує значення батька.
Кернінг для заголовка
Багато хто вважає, що кернінг потрібно застосовувати тільки до великих літер і тільки до певних літерних пар, але так як кернінг - це спосіб підвищення читабельності всього тексту, це думка неправильна. В американській та європейській традиціях прийнято проставлення кернінгу для великих літер, у кирилиці це не автоматична опція. Досі в Інтернеті прийнято набирати заголовками великими літерами, і це атавізм. зазвичай виглядають красивішими і кращими за великі. Текст, написаний великими літерами, гірше читається, оскільки людина сприймає не саме написане слово, яке зображення.
Замість укладання хочеться нагадати, що писемність зародилася досить давно. Раніше для запису мови використовувалися стило та глиняні таблички, шкіра, дощечки, сувої з берести. Їм на зміну прийшли папір та перо. Працюючи з пером, людина повинна була бути уважною, оскільки один невірний рух псував весь текст, і його доводилося переписувати заново. Але люди прагнули прикрасити та виділити текст навіть у таких непростих умовах. Великі літери оформлялися червоною кіновар'ю. Текст оздоблювався завитками, на полях малювалися орнаменти. З'явилася каліграфія.
Процес друкарства теж був дуже складним. Рукописи друкувалися в друкарні, і для цього було потрібне громіздке та дороге обладнання, а також безліч кваліфікованих працівників. Видати свій рукопис самостійно було неможливо. І тільки з появою комп'ютерів та їх загальною доступністю друкарські прийоми стали доступні всім. Кернінг - це найпоширеніший приклад покращення читаності текстів, і його просто необхідно використовувати, якщо ви хочете привернути увагу читачів до своїх публікацій.
Завантаження...