
- •О. Н. Романюк, д. І. Катєльніков, о. П. Косовець
- •О. Н. Романюк, д. І. Катєльніков, о. П. Косовець
- •1 Базові визначення. Основні етапи розробки веб-ресурсів
- •1.1 Основні принципи побудови та функціонування мережі Internet
- •Контрольні питання
- •1.2 Основні етапи розробки Web-сайта
- •1.2.1 Концептуальне проектування
- •1.2.2 Логічне проектування
- •1.2.3 Фізичне проектування
- •4. Виробництво і контроль якості 5. Запуск і супровід
- •Контрольні питання
- •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, внту
Контрольні питання
Охарактеризуйте основні елементи будови літер: кегль, лінія
шрифту, зарубки.
Що означають терміни гарнітура та накреслення?
Що означає термін капітель?
Яка існує класифікації гарнітур і шрифтів?
Які основні метричні параметри тексту ?
Поясніть значення термінів кернінг та трекінг?
Які існують способи відокремлення параграфів?
Які види вирівнювань бувають? Наведіть приклади.
Охарактеризуйте класи комп’ютерних шрифтів: растрові,
векторні, контурні.
Як слід вибирати колір шрифту?
4 Розробка контента сайта
Під контентом сайта розуміють його інформаційне наповнення, яке співвідноситься з дизайном сайта як зміст із формою. Термін контент є запозиченим, але вже встиг стати широкоуживаним й застосовується для позначення вмісту сайта. З'явилися навіть похідні сполучення – контент-майстер, контент-проект.
Важливість розробки контенту важко переоцінити, адже саме зміст сайта, його інформація залучають відвідувачів у першу чергу, змушують їх знову й знову повертатись на сайт. У той же час дизайн лише допомагає краще орієнтуватися по сайта, направляючи дії користувача й підвищуючи естетичне сприйняття від змісту, але ні в якому разі його не замінюючи.
Зазвичай контент займає 70-80% площі сайта і є визначальним для його структури, системи навігації та дизайну в цілому. Для більшості Internet-проектів розробка контенту займає приблизно половину витрат (Рисунок 4.1). Тому написанню контенту варто приділити особливу увагу.
Рисунок 4.1 – Приблизний розподіл витрат для більшості Internet-проектів
|
- розробка контента сайта; |
|
- розробка програмного коду сайта; |
|
- налагодження й оптимізація сайта. |
Контент сайта складається з текстів, таблиць, графіків, рисунків, фотографій аудіо- та відеоінформації. Однак текстова інформація відіграє ключову роль, оскільки, згідно з результами досліджень, 78% користувачів у першу чергу звертають увагу саме на текст, і лише 22% на графіку сайта. Розглянемо процес створення тексту для Веб-сторінок більш детально.
4.1 Особливості сприйняття текстової інформації на Веб-сторінці
Для створення якісного тексту для Веб-сторінок слід обов’язково враховувати особливості сприйняття людиною текстової інформації у Веб.
Люди не читають інформацію на веб-сторінках, а переглядають її. Даний факт підтверджено дослідженнями. Замість докладного читання тексту, користувачі швидко переглядають його, затримуючи увагу на словах і виразах, які привернули їх увагу. Це пов’язано з тим, що типовий користувач Веб насамперед полює на суттєву інформацію, ігноруючи при цьому будь-які деталі. Лише тоді, коли він насправді зацікавиться, він почне заглиблюватись і читати докладніше.
Користувачі уникають сайтів, що повільно завантажують. Найпопулярнішою кнопкою у браузері є кнопка «Назад». Це пов’язано з том, що якщо з'явилася не та інформація, яку очікував користувач, він завжди може повернутися на попередню сторінку. Однак, якщо завантаження відбувається повільно, доводиться робити вибір з обережністю, оскільки користувач не бажає витрачати свій час на очікування!
Люди погано орієнтуються у великій кількості інформації. Це в першу чергу пов’язано з обмеженнями оперативної пам’яті людини. Згідно з відомим принципом Міллера людина одночасно може зберігати у оперативній пам’яті не більше 72 понять - властивостей. Отже, якщо ми бажаємо, щоб людина ефективно сприймала інформацію, ми повинні дотримуватись вказаних обмежень. Крім того, не слід забувати, що на відміну від операційної системи, яка є стандартизованою і має уніфіковані елементи інтерфейсу, веб-сайти мають різне подання даних. Це створює додаткові ускладнення для користувачів.
Труднощі читання з екрана монітора. Середня швидкість сприйняття інформації при читанні тексту на екрані монітора приблизно на 30% менша, ніж при читанні з паперового носія інформації. Це варто враховувати при складанні текстів для веб-сторінок.