- •О. Н. Романюк, д. І. Катєльніков, о. П. Косовець
- •О. Н. Романюк, д. І. Катєльніков, о. П. Косовець
- •1 Базові визначення. Основні етапи розробки веб-ресурсів
- •1.1 Основні принципи побудови та функціонування мережі Internet
- •Контрольні питання
- •1.2 Основні етапи розробки Web-сайта
- •1.2.1 Концептуальне проектування
- •1.2.2 Логічне проектування
- •4. Виробництво і контроль якості 5. Запуск і супровід
- •1.2.3 Фізичне проектування
- •Контрольні питання
- •2 Основи композиції
- •Контрольні питання
- •3 Основи шрифтового дизайну
- •3.1 Основні елементи побудови літер
- •3.2 Накреслення
- •3.3 Класифікації гарнітур і шрифтів
- •3.4 Метричні параметри тексту
- •3.5. Розмір пробілу, бокові поля і ємність шрифту
- •3.6. Виділення параграфів
- •3.7. Розміщення символів тексту
- •3.8 Комп’ютерні шрифти
- •3.9 Кодування шрифту
- •3.10 Особливості використання шрифтів у Web-дизайні
- •3.11 Рекомендована кількість шрифтів
- •3.12 Вибір кольору тексту
- •Контрольні питання
- •4 Розробка контента сайта
- •4.1 Особливості сприйняття текстової інформації на Веб-сторінці
- •4.2 Складання текстів для Internet
- •4.3 Поради щодо написання статей
- •4.4 Поради щодо написання заголовків
- •4.5 Джерела контенту та систематизація
- •4.6 Організація інформації
- •4.7 Тестування контенту
- •Контрольні питання
- •5 Теорія кольору
- •5.1 Сприйняття кольору через зоровий канал людини
- •5.2 Системи змішування основних кольорів
- •5.3 Основні характеристики та кутові поля зору людського ока
- •5.4 Особливості сприйняття кольору
- •5.5 Сприйняття кольору
- •5.6 Емоційний вплив кольору
- •5.7 Психологічне сприйняття окремих кольорів і їх поєднань
- •5.8 Вибір палітри для різних демографічних груп, національні особливості, сучасні тенденції
- •5.9 Вибір кольорів з використанням колориметричних кіл
- •Контрольні питання
- •6 Основи сканування
- •6.2 Рекомендації щодо сканування зображень
- •Контрольні питання
- •7 Розробка системи навігації
- •Контрольні питання
- •8 Розробка логотипу
- •8.1 Термінологія
- •8.2 Найбільш відомі логотипи
- •8.3 Класифікація логотипів
- •8.4 Характеристики логотипу
- •8.5 Особливості розробки логотипів
- •8.6 Вибір геометричних форм для логотипів
- •8.7 Вибір кольорової гамми для логотипу
- •8.8 Стиль у дизайні логотипів
- •8.9 Символізм зображень тварин
- •Контрольні питання
- •9 Формати графічних файлів та рекомендації до їх вибору
- •9.1 Аналіз форматів графічних файлів
- •9.2 Рекомендації для вибору графічних форматів
- •Контрольні запитання
- •Література
- •Науково-методичний відділ внту
- •21021, М. Вінниця, Хмельницьке шосе, 95, внту
- •Вінницького національного технічного університету
- •21021, М. Вінниця, Хмельницьке шосе, 95, внту
3.7. Розміщення символів тексту
Розглянуті метричні параметри характеризують сам шрифт. Однак при розміщенні тексту верстальнику або дизайнеру приходиться визначати багато величин довільно. Наступні параметри можна задавати для кожного символу тексту окремо.
Базова лінія — це уявна лінія, що проходить по основах символів тексту. Самі символи розміщені на базовій лінії, а нижні виносні елементи тексту як би звисають із неї. У звичайному наборі базові лінії символів збігаються. Зсув базової лінії застосовується найчастіше для набору індексів і для досягнення спеціальних ефектів (рисунок 3.13), наприклад, у заголовках і логотипах.
Вирівнювання. Це також атрибут розміщення рядків тексту. Він характеризує їхнє вирівнювання по горизонталі. Вирівнювання задається для абзацу простого тексту та для всього блока фігурного тексту.
Рисунок 3.13 – Зміщення базової лінії
Можливі типи вирівнювання (Рисунок 3.14) перераховані нижче:
вирівнювання по лівому краю вважається найпростішою. Рядки вирівнюються по лівій границі текстового блока. Перші символи кожного рядка знаходяться на одній вертикалі, останні символи на рядку розташовуються вільно, утворюючи рваний правий край;
По лівому краю |
По центру |
По правому краю |
По формату |
Повне |
Перші символи кожного рядка знаходяться на одній вертикалі, останні символи на рядку розташовуються вільно, утворюючи рваний правий край. |
Символи вирівнюються по правій границі блока, так що останні символи рядків утворять вертикальну лінію, а перші розташовуються вільно, утворюючи рваний лівий край. |
Програма-редактор обчислює загальну ширину всіх символів даного рядка з урахуванням пробілів і міжсимвольних інтервалів, поділяє цю величину навпіл і сполучає знайдену середину рядка із середньою лінією текстового блока |
Крайні символи в правій і лівій частині рядка розташовуються по границях блока (з урахуванням відступів і відбиттів), а текст рядка рівномірно розподіляється між цими крайніми крапками. Останній рядок абзацу не розтягується. |
Усі рядки абзацу, включаючи останній, розтягуються по формату. При цьому між символьні пробіли в окремих рядках можуть зрости до декількох сантиметрів. Повне вирівню в а н н я н а з и в а ю т ь п р и м у с о в им. |
Рисунок 3.14 – Вирівнювання
вирівнювання по правому краю — це дзеркальне відображення вирівнювання по лівому краю. Символи вирівнюються по правій границі блока, так що останні символи рядків утворять вертикальну лінію, а перші розташовуються вільно, утворюючи рваний лівий край;
вирівнювання по центру розташовує текст у середині рядка. Для визначення положення тексту програма-редактор обчислює загальну ширину всіх символів даного рядка з урахуванням пробілів і міжсимвольних інтервалів, поділяє цю величину навпіл і сполучає знайдену середину рядка із середньою лінією текстового блока;
вирівнювання за форматом рівномірно розподіляє символи по ширині блока. Крайні символи в правій і лівій частині рядка розташовуються по границях блока (з урахуванням відступів і відбиттів), а текст рядка рівномірно розподіляється між цими крайніми крапками. Останній рядок абзацу не розтягується;
повне вирівнювання — усі рядки абзацу, включаючи останній, розтягуються по формату. При цьому міжсимвольні пробіли в окремих рядках можуть зрости до декількох сантиметрів. Повне вирівнювання називають примусовим.
Із цих типів тільки два — по лівому краю і за форматом - забезпечують нормальну читабельність. Якому з цих двох типів надавати перевагу — залежить від жанру, мети публікації і смаку. Вирівнювання по лівому краю додає текстові менш формальний вигляд, верстка з такою виключкою світліша. Прихильники форматування по лівому краю говорять про те, що рваний край рядка створює природні опорні точки, своєрідні "сходинки" для ока читача, спрощуючи орієнтацію. Їх противники стверджують, що при такому розташуванні тексту око наприкінці кожного рядка зіштовхується з несподіванкою (адже кожен рядок закінчується в іншому місці), що сповільнює читання.
Усі інші типи вирівнювання застосовуються рідше і тільки для невеликих обсягів тексту. Вирівнювання по центру і повне використовуються для оформлення заголовків, шмуцтитулів, плакатів, листівок. Вирівнюванням по правому краю іноді набирають невеликі замітки, підписи до рисунків. Цей тип вирівнювання загальноприйнятий для набору епіграфів і присвят. Це ж вирівнювання застосовується в створенні логотипів, коли текст перетворюється в елемент графічного дизайну.
