ПРОЄКТНО-ХУДОЖНІ ЗАСОБИ В ДИЗАЙНІ ІНТЕРАКТИВНИХ ПІДРУЧНИКІВ

Кудревич, Вікторія Валеріївна

Please use this identifier to cite or link to this item: https://er.chdtu.edu.ua/handle/ChSTU/8860

Full metadata record

DC Field	Value	Language
dc.contributor.advisor	Храмова-Баранова, Олена Леонідівна	-
dc.contributor.author	Кудревич, Вікторія Валеріївна	-
dc.date.accessioned	2026-03-19T20:07:40Z	-
dc.date.available	2026-03-19T20:07:40Z	-
dc.date.issued	2022-01	-
dc.identifier.uri	https://er.chdtu.edu.ua/handle/ChSTU/8860	-
dc.description.abstract	ПРОЄКТНО-ХУДОЖНІ ЗАСОБИ В ДИЗАЙНІ ІНТЕРАКТИВНИХ ПІДРУЧНИКІВ. Мета роботи – це дослідження, аналіз та узагальнення інформації про становлення і розвиток інтерактивного підручника, проєктно-художні засоби в дизайні книги, забезпечення студентів знаннями з історії світової культури. Розкрити сутність та переваги, унікальні властивості інтерактивної книги як сучасного комунікаційного засобу. Впровадження інтерактивності у навчання.	uk_UA
dc.language.iso	uk	uk_UA
dc.subject	графічний дизайн	uk_UA
dc.subject	дизайн книги	uk_UA
dc.subject	інтерактивне видання	uk_UA
dc.subject	анімація	uk_UA
dc.title	ПРОЄКТНО-ХУДОЖНІ ЗАСОБИ В ДИЗАЙНІ ІНТЕРАКТИВНИХ ПІДРУЧНИКІВ	uk_UA
dc.type	Master Thesis	uk_UA
Appears in Collections:	022 Дизайн (за видами)

Files in This Item:

File	Description	Size	Format
ДИПЛОМ_Кудревич_2022.pdf Restricted Access		2.71 MB	Adobe PDF	View/Open Request a copy

Show simple item record

Extracted text

ЧЕРКАСЬКИЙ CHERKASSY
ДЕРЖАВНИЙ STATE
ТЕХНОЛОГІЧНИЙ TECHNOLOGICAL
УНІВЕРСИТЕТ UNIVERSITY

Ф акультет комп’ютеризованих
технологій машинобудування і
дизайну Кафедра дизайну

Освітня програма другого рівня
вищої освіти ступеня «магістр»
Спеціальність 022 «Дизайн» (за видами) Графічний дизайн

К ВАЛІФІКАЦІЙНА РОБОТА МАГІСТРА

на тему: «ПРОЄКТНО-ХУДОЖНІ ЗАСОБИ В ДИЗАЙНІ
ІНТЕРАКТИВНИХ ПІДРУЧНИКІВ»

Студент групи МДЗ-61 В.В.Кудревич
Керівник, д.і.н., професор О.Л.Храмова-Баранова

«Допуск до захисту»
Завідувач кафедри дизайну
І.О.Яковець
20 рік

Черкаси 2021
2

Черкаський державний технологічний університет
(назва вузу)
Кафедра дизайну
Факультет комп’ютеризованих технологій машинобудування
Спеціальність 022-Дизайн( за видами) Графічний дизайн

«ЗАТВЕРДЖУЮ»
Завідувач кафедри
дизайну І.О.Яковець
„___________” 20 р.

ЗАВДАННЯ
на виконання випускної роботи магістра

___________________Кудревич Вікторії Валеріївни ____________________
(прізвище, ім’я, по батькові)

1. Тема роботи «Проєктно-художні засоби в дизайні інтерактивних
підручників» затверджена наказом по університету від «_________»_____р.
№____________
2. Термін здачі студентом магістратури закінченої роботи_______________

3. Вихідні дані: Визначення інтерактивного підручника, як окремого
проєктно-художнього твору в графічному дизайні для популяризації
інтерактивних видань в Україні завдяки проєктно-художнім засобам.
Впровадження інтерактивності у навчання.

4. Зміст випускної роботи⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
(перелік питань, що їх належить розробити)
Вступ. Розділ 1. Формування проблеми стану предмета і джерельна база
дослідження. 1.1. Визначення проблем та стану дослідження, історіографія.
1.2. Джерельна база дослідження. 1.3. Методи дослідження,
характеристика. Висновки до першого розділу. Розділ 2. Проєктно-художні
засоби дизайну інтерактивного підручника. 2.1. Історія виникнення, розвиток
та класифікація книг. 2.2. Характеристики інтерактивних видань. Етапи
3

розвитку інтерактивного підручника. 2.3. Класифікація і типологія
інтерактивного підручника. 2.4. Інформативні та художні особливості
ілюстрацій і шрифту в інтерактивних виданнях. 2.5. Дизайн електронної
книги та його розвиток. Основні аспекти становлення дизайну книг в Україні.
2.6. Технічні засоби в створенні дизайну інтерактивного підручника.
Комбінація графіки, тексту, звуку, анімації та відео. Висновки до другого
розділу. Розділ 3. Розробка проєктної пропозиції. 3.1. Визначення концепції
проєктної пропозиції. 3.2. Пошук та аналіз аналогів. Ескізний пошук. 3.3.
Етапи розробки дизайну посібника. 3.4. Рекламна продукція, характеристика.
3.5. Анімаційний ролик-презентація посібника. Висновки до третього розділу.
Висновки. Список використаних джерел. Додатки.
5. Перелік графічного матеріалу 8 плакатів формату А1:
Титульний лист; Зміст наукового дослідження; Класифікація електронних
підручників; Види комп’ютерної графіки; Афіша; Авторське дизайн
вирішення інтерактивного підручника «Історія західноєвропейського
мистецтва»; Рекламний плакат 1;Рекламний плакат 2; Анімаційний ролик-
презентація до інтерактивного підручника.

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

Підпис, дата
Розд Консультант завданн завдання
іл я прийняв
видав
Графічна частина Храмова-Баранова О.Л.
Наукове дослідження Храмова-Баранова О.Л.
Загальне керівництво Храмова-Баранова О.Л.
Авторська пропозиція Храмова-Баранова О.Л.

7. Дата видача завдання: _____________________________________________

4

КАЛЕНДАРНИЙ ПЛАН

Термін виконання
№ Назва етапів дипломного проекту
етапів проекту Примітка
з/п (роботу)
(роботи)
1. Затвердження теми роботи, 10.09.2020
керівника.
2. Робота з аналогами, збір 09.02.2021
інформації.
3. Заслуховування про виконання 21.06.2021
першого етапу роботи.
4. Звіт про перші два розділи 20.09.2021
магістерської роботи.
5. Затвердження ідеї 11.10.2021
дизайнерського рішення проекту
та кінцевого варіанту планів.
6. Попередній захист випускної 15.11.2021
роботи магістра.
7. Захист випускної роботи
магістра.

Керівник: ⠀⠀⠀⠀⠀Храмова-Баранова О.Л. ⠀⠀⠀⠀
(підпис)

Завдання прийняв
До виконання: ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
(підпис)

5

ЗМІСТ
Вступ……………………………………………………………………….. 06
Розділ 1. Формування проблеми стану предмета і джерельна база 08
дослідження ……………………………………………………………...
1.1. Визначення проблем та стану дослідження, історіографія 08
1.2. Джерельна база дослідження 11
1.3. Методи дослідження, характеристика 13
Висновки до першого розділу 15
Розділ 2. Проєктно-художні засоби дизайну інтерактивного 16
підручника (посібника)………………………………………………
2.1. Історія виникнення, розвиток та класифікація книг 16
2.2. Характеристики інтерактивних видань. 18
Етапи розвитку інтерактивного підручника (посібника)
2.3. Класифікація і типологія інтерактивного підручника (посібника) 20
2.4. Інформативні та художні особливості ілюстрацій і шрифту в 23
інтерактивних виданнях
2.5. Дизайн електронної книги та її розвиток. 28
Основні аспекти становлення дизайну книг в Україні
2.6. Технічні засоби в створенні дизайну інтерактивного підручника. 31
Комбінація графіки, тексту, звуку, анімації та відео
Висновки до другого розділу 33
Розділ 3. Розробка проєктної пропозиції ………………….…………... 35
3.1. Визначення концепції проєктної пропозиції 00
3.2. Пошук та аналіз аналогів. Ескізний пошук 00
3.3. Етапи розробки дизайну підручника (посібника) 00
3.4. Рекламна продукція, характеристика 00
3.5. Анімаційний ролик-презентація підручника (посібника) 00
Висновки до третього розділу 00
Висновки …………………………………………………………………. 00
Список використаних джерел …………………………………………. 00
Додатки …………………………………………………………………… 00

6

ВСТУП

Ще не так давно із терміном “книга” асоціювалося лише паперове
видання, тепер це поняття розширилось і означає і електронні видання.
Сьогодні існує багато програмних засобів та методів, які спрощують завдання
створення електронних та інтерактивних книг для простого користувача.
Оскільки інтерактивні видання мають багато переваг серед інших електронних
видань, то дослідження та аналіз методів розроблення з метою розширення
сфери застосування таких видань є актуальним завданням.
Актуальність роботи. Крім популяризації читання, завдяки
особливостям інтерактивна книга розвиває креативні навички користувача.
Електронні пристрої також можуть відігравати значну роль у розвитку
комунікативних здібностей, мовлення та грамотності в ранньому дитинстві.
Інтерактивні книги за своєю суттю можна вважати комп’ютерними
програмами або додатками, що встановлюються на пристрій (планшет,
смартфон). Вони різняться ступенем інтерактивності.
Мета роботи – це дослідження, аналіз та узагальнення інформації про
становлення і розвиток інтерактивного підручника, проєктно-художні засоби
в дизайні книги, забезпечення студентів знаннями з історії світової культури.
Розкрити сутність та переваги, унікальні властивості інтерактивної книги як
сучасного комунікаційного засобу. Впровадження інтерактивності у навчання.
Відповідно до поставленої мети визначено такі завдання дослідження:
• дослідити історію розвитку інтерактивних видань та визначити
проблематику і стан дослідження;
• проаналізувати становлення інтерактивної книги у світі й Україні;
• дослідити і доповнити класифікацію і типологію інтерактивних видань;
• визначити і проаналізувати проєктно-художні засоби в дизайні
інтерактивних посібників;
7

• запропонувати авторське бачення інтерактивного посібника і
обґрунтувати основні підходи до створення інтерактивного посібника.
Предмет дослідження: проєктно-художні засоби в дизайні
інтерактивного підручника (посібника).
Об’єкт дослідження: дизайн інтерактивного підручника (посібника).
Наукова новизна дослідження полягає у ґрунтовному аналізі і виявленні
функціональних і естетичних особливостей застосування проєктно-художніх
засобів в створенні дизайну інтерактивних посібників і використання
інтерактивних видань в новій українській школі.
Практична цінність роботи: За допомогою проєктно-художніх засобів в
дизайні інтерактивного підручника (посібника), можна буде розвивати і
удосконалювати інтерактивні видання на території України. Також результати
й обґрунтовані висновки дослідження можуть бути використані дизайнерами-
графіками для популяризації інтерактивних видань, підняття їх естетичного
вигляду. Практичне значення роботи полягає у можливості застосування її
положень: у вузівській практиці при читанні лекцій студентам дизайну, а
також при проведенні занять з проєктування.
Публікації: Основні положення та результати дослідження відображені
у тезах «ВЕБ-САЙТ: ІСТОРІЯ РОЗВИТКУ ТА ПЕРСПЕКТИВИ В УКРАЇНІ».
Матеріали ІІІ Всеукраїнської науково-практичної конференції (з міжнародною
участю) «Культурно-історична спадщина України: перспективи дослідження
та традиції збереження», 6 листопада 2020 р. – ЧДТУ – 2020.
Структура та обсяг роботи: Робота складається із вступу, трьох розділів,
висновків, списку використаних джерел і додатків.

8

РОЗДІЛ 1
ФОРМУВАННЯ ПРОБЛЕМИ СТАНУ ПРЕДМЕТА
І ДЖЕРЕЛЬНА БАЗА ДОСЛІДЖЕННЯ

1.1. Визначення проблем та стану дослідження, історіографія
На при кінці ХХ ст. характерним є інтенсивний розвиток інформаційних
технологій (комп’ютери, мобільні телефони та ін.), це однозначно вплинуло
на формотворчі особливості книг. У наслідок цього, на заміну звичайній
друкованій книзі приходить її електронний формат.
В результаті комп’ютеризації традиційних процесів створення
різноманітних документів виникли електронні видання, які почалися з появою
масових комп’ютерів (1950 р.), але теоретичний розквіт електронних видань
розпочався у 1960 р., коли вже з’явилось розуміння гіпертексту. Під час
фінансової кризи в США виникла ідея перевести підручник в електронну
форму [3]. Завдяки підвищенню ефективності комп’ютерів ЕОМ, яке призвело
до виникненню в 1990 р. нових технологій (анімація, відео, взаємодія в
реальному часі, звук, програмовані компоненти), що набагато розширило
функціональні можливості електронних видань [4].
DEC є першим вузькоспеціалізованим пристроєм розроблений для
читання електронних документів. У 1996 р. компанія DEC представила DEC
Lectrice, одноколірний сенсорний екран і планшетний комп'ютер з пір'ям,
котрий став прототипом усіх сучасних електронних книг. Починаючи з 2007
р. ринок електронних книг процвітає завдяки появі дисплеїв для електронного
паперу. Таким чином, зараз під «електронною книгою» найчастіше розуміють
пристрій з екраном, виконаний за технологією електронного чорнила (e-ink,
електронний папір). У ХХІ столітті продажі електронних видань у півтора рази
перевищують обсяги продажів традиційної книги. В останні роки інтерактивні
книги набули популярності за допомогою своїй здатності не тільки навчати, а
й різноманітні розваги.
9

Друковане видання відрізняється від електронного завдяки своїм
характеристикам та способами подання інформації споживачеві. В останнє
десятиліття XX ст. також почали застосовувати мультимедійні компоненти:
цифрові, аудіо чи відео доріжки та елементи анімації в основній частині
видання. Ця взаємодія є предметом технологічної еволюції. Вираз
«інтерактивний», що походить від англійського слова «interact» («inter» —
взаємний і «movement» — дія) — спроможний до інтерактивної взаємодії, до
діалогу, іншими словами до пасивного та активного взаємодіюваня між
власником і споживачем. Інтернет-видання можна пояснити так: від
англійської «online book» — електронна книга, яка платно або безкоштовно
доступна в мережі Інтернет; З англійської «Playbook» — книжкова гра, що
дозволяє читачеві брати участь у створенні теми літературного твору;
«Інтерактивна книга» з англійської - книга для планшетного комп'ютера з
доступом до альтернативної реальності та можливістю взаємодії з головними
героями через інтерактивні елементи або ігри для дітей [5].
Не зважаючи на те що інтерактивний продукт набирає все більшої
популярності серед споживачі, але це направлення залишається не до кінця
розкритим і вивченим [6]. У своїй роботі І.І.Клюйник «Особливості
розроблення інтерактивних електронних книг», піднімає питання про
розробки та створення інтерактивних книг. Також у праці Н.А.Коржик
«Інтерактивна книга як сучасний видавничий продукт» розглядає особливості
функціонування інтерактивної книги, як сучасний видавничій продукт [1].
Побідаш І.Л., Рожанська В.О., Фіголь Н.М. у статті «Ринок інтерактивних книг
в Україні» приділяють увагу розвитку інтерактивності на Україні.
Українські видавництва тільки нещодавно зацікавилися інтерактивною
продукцією. При цьому в країнах Європи вже давно активно розвивається
виробництво та впровадження нових інтерактивних книжкових розробок.
Розглядаючи це питання, важливим є розвиток та перспективи інтерактивної
книги в Україні, як і для дітей так і для підлітків, і дорослих споживачів [7].
10

Першу таку книгу для iPad («Забавлянки») створило «Видавництво
Старого Лева» у 2011 р. Невдовзі і видавництво «А-БАБА-ГА-ЛА-МА-ГА»
випустило інтерактивну дитячу книгу Г.К.Андерсена «Снігова королева».
Книга може виконувати такі функції як: посилання аудіо-сигналів, а також
функція підсвітки та багато іншого. Сім ігор які має книга слугують
розвальною частиною [8].
Молоде видавництво «Пірати Київського Моря» випустило
інтерактивну казку «Котигорошко», наповнена цікавими ілюстраціями Івана
Сулими. Кожна сторінка нагадує паперову книжку: частка екрану заповнена
текстом, а інша – зображенням. Основна привабливість ховається на кожній
сторінці, це і хмаринка, яка рухається, звуки млина, рибка, яка виринає з води,
голоси людей, розмальовка чорно-білого зображення – і для цього необхідно
лише торкнутися екрана. Присутні елемент гри: як наприклад, завдання
розобити булаву [9].
Про дизайн інтерактивних книг писав Яковлев Б.С., де розглянув
особливості форматів електронних книг, які необхідні для розробки дизайну
книги [10]. Також стосовно цієї теми можна розглянути статтю Женченко М.І.
про «Технології макетування і верстання інтерактивних електронних видань»,
в якій описано особливості макетування і верстання інтерактивних
електронних видань залежно від виду видання.
На існування та розвиток сучасних книг і підручників впливає Інтернет,
телебачення, анімація. Інтерактивний підручник є одним із способів зробити
читання популярним, принаймні електронні версії нині з року в рік стають
популярнішими за традиційні підручники, що ставить під сумнів подальше
процвітання друкованих видань та є важливою проблемою сьогодення.
Через високу ціну більшість технологічних інструментів для
інтерактивних книг недоступні українським видавцям. Погляд на
історіографію теми дослідження показує, що матеріалу для оформлення
шкільних підручників в Україні недостатньо. Існування теоретичних робіт
свідчить про різнобічні інтереси науковців до книжкової проблеми в Україні,
11

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

1.2. Джерельна база дослідження
Джерельною базою дослідження є широке коло різноманітних джерел.
Насамперед, це наукові вісники, дисертації, автореферати, статті, підручники,
посібники тощо. У своїй сукупності використані джерела становлять комплекс
взаємопов’язаних і взаємодоповнюючих документів, які дозволяють
різнобічно висвітлити проблематику, історіографію. В цілому, сучасний стан
джерельної бази можна визначити як репрезентативний.
Дослідженням інтерактивних технологій навчання займалися наступні
фахівці: Н.А.Коржик «Інтерактивна книга як сучасний видавничий продукт».
В якій розглядається властивості функцій інтерактивних книг і
охарактеризовано основні види видань. Особливу увагу приділяється
основним етапам, особливостям створення, сутності, властивостям
інтерактивної книги. Проаналізовано категорії інтерактивності сучасних
видавничих продуктів. Наведено приклади перших популярніших
інтерактивних книг та розглянуто їх унікальні можливості [2].
12

Наприклад, М.А.Назаркевич, О.В.Сторож, І.І.Клюйник у свої праці
«Особливості розроблення інтерактивних електронних книг», висвітлили
створення інтерактивної навчальної книги, яка полягає у компонуванні тексту,
зображення, інтерактивних елементів та доповнення дій, які відбуватимуться
унаслідок застосування цих елементів. Проаналізовано інструментальні
способи розроблення інтерактивних електронних книг, які можна поділити на
онлайн-сервіси, компілятори електронних книг та програмні редактори.
Встановлено вагові коефіцієнти засобів інтерактивних електронних книг [1].
В праці М.П.Єфімова «Інтерактивна дитяча книга в Україні:
становлення та перспективи» описано поняття про інтерактивні й
мультимедійні дитячі книги за їх функціональними характеристиками.
Прослідковано появу і перспективу розвитку інтерактивних видань в Україні
у контексті світових видавничих інновацій [6].
У статті Побідаш І.Л., Рожанська В.О., Фіголь Н.М. «Ринок
інтерактивних книг в Україні» йдеться про інтерактивні книги на
українському видавничому ринку. Стосовно цього питання досліджень в
українській науці обмаль. У 2011 р. розпочалась історія видання
інтерактивних книг в Україні. Нині серед видавництв-лідерів інтерактивних
книжок можна виділити «А-БА-БА-ГА-ЛА-МА-ГА», «Видавництво Старого
Лева», цифрове видавництво Gutenbergz та «Glowberry Books». У статті
зокрема йдеться про історію створення найвідомішої інтерактивної книга
«Снігова королева» видавництва «А-БА-БА-ГА-ЛА-МА-ГА». Перераховано
переваги та недоліки інтерактивної книги [7].
Яковлев Б.С. «Особливості дизайну електронних книг»: розглядає у
своїй статті особливості форматів електронних книг та дає рекомендації,
необхідні для розробки дизайну [10].
У статті Женченко М.І. «Технології макетування і верстання
інтерактивних електронних видань» описано способи макетування і верстання
інтерактивних електронних видань залежно від виду видання (мономедійні чи
мультимедійні), на основі вивчення функціональних особливостей близько 70
13

програм, хмарних платформ, систем керування контентом, використовуваних
у сучасних видавничих практиках, запропоновано класифікацію
технологічних інструментів для створення інтерактивних електронних видань
[11].
У навчально-методичному посібнику Сисоєва С.О. «Інтерактивні
технології навчання дорослих» розглядаються поняття «інтерактивність»;
зміст та дефініції андрагогіки; андрагогічна модель інтерактивного навчання;
психологічні ознаки навчання дорослої людини та потреби до андрагога. У
другій частині розглядаються критерії ефективності інтерактивних технологій
у навчанні дорослих; активні форми і методи навчання як основи
інтерактивних технологій. У додатках наводяться приклади використання
кейс-методу; подано порівняльний аналіз навчальних можливостей найбільш
поширених систем дистанційного навчання, які можуть бути використані у
навчанні дорослих [12].
Дослідження джерельної бази вказує на необхідність подальшого
аналізу і характеристики заданої проблематики.

1.3. Методи дослідження, характеристика
Науково-теоретичний пошук матеріалів по темі дослідження
здійснювалися за дворівневою методологією:
А) емпіричний, на якому відбувається процес накопичення фактів;
Б) теоретичний - досягнення синтезу знань (у формі наукової теорії).
Дослідження літературних джерел було проведено за допомогою таких
методів як історичний, соціокультурний і мистецький підходів та методів
порівняння, абстрагування, аналізу, синтезу, експертних оцінок.
Історичний підхід дає змогу дослідити виникнення, формування і
розвиток процесів і подій у хронологічній послідовності з метою виявлення
внутрішніх та зовнішніх зв’язків, закономірностей та суперечностей. У межах
історичного підходу застосовано порівняльно-історичний метод, який
дозволив здійснити обшук процесів постання та вирішення художнього
14

оформлення інтерактивних видань на різних етапах розвитку художньо-
проектної діяльності.
Соціокультурний підхід базується на наукових досягненнях
культурології, педагогіки, соціології та психології. Соціокультурний підхід
може дати змогу дослідити вплив та процес засвоєнню нового матеріалу за
допомогою інтерактивних технологій на формування особистості.
Мистецький підхід дає змогу розглянути засоби графічної виразності у
створенні художніх образів в дизайні інтерактивних видань. Такий підхід
полягає в комплексному дослідженні таких складних об’єктів, як дизайн та
креативність інтерактивних книг, дослідження їх як єдиного цілого із
узгодженим функціонуванням усіх елементів і частин.
Абстрагування – це відхід у думці від несуттєвих властивостей, зв’язків,
відношень предметів і виділення декількох рис, котрі цікавлять дослідника.
Процес абстрагування має два ступені: першим є виділення найважливішого і
встановлення незалежності досліджуваних явищ, від певних факторів; другим
є створення можливостей абстрагування, яка полягає в тому, що один об’єкт
змінюється на інший, простішим, який виступає як «модель» першого. Зміст
такого методу полягає в уявному відході від властивостей, що не мають
суттєвого розуміння для теми вивчення, і одночасне виділення рис, що
зацікавили дослідника. Процес абстрагування в системі логічного мислення
близько пов’язаний з методами аналізу і синтезу. Процес аналізу дає змогу
поділити предмет на частини для подальшого вивчення конструкції будови і
властивостей структурних елементів. Метод синтезу полягає у з’єднанні
частин чи рис предмета в єдине ціле для подальшого розгляду загальних
властивостей об’єкту. Методи аналізу і синтезу застосовані під час
дослідження естетичних, конструкційних і функціональних властивостей
аналогів, а також теоретичного матеріалу за темою.
Метод експертних оцінок полягає у проведенні опитування групи
експертів з метою формулювання певних змінних величин, які необхідні для
15

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

Висновки до першого розділу
В першому розділі було досліджено історіографію становлення і
розвитку електронного підручника (посібника) та узагальнено результати
дослідження наукових розробок в області інтерактивних видань, також
розкрита методологія дослідження.
Інтерактивні книги набирають популярність, адже раніше книга була
засобом зберігання й передачі інформації, зараз за допомогою новим
технологіям та прийомам «оживлення» графіки, вона стає грою, за допомогою
якої можна бистріше запам’ятовують матеріал.
При вивченні проблематики, було визначено, що питання розвитку
інтерактивного підручника потребує подальшого вивчення і опрацювання.
Теоретичні розробки з означеної проблематики в більшості належать
західноєвропейським дослідникам та дослідникам США, а у вітчизняній науці
цій проблематиці приділяється недостатньо уваги і здебільшого це аналіз вже
існуючих матеріалів.
В розділі обґрунтовано використання таких методів дослідження, як
системний метод, комплексно-аналітичний підхід для розгляду об’єкта в
контексті історико-культурних процесів і технологічних умов, абстрагування,
класифікація аналогів у рамках існуючих основних напрямів й комплексно-
аналітичний підхід до вивчення проєктно-художніх засобів в дизайні
інтерактивного посібника.

16

РОЗДІЛ 2
ПРОЄКТНО-ХУДОЖНІ ЗАСОБИ ДИЗАЙНУ
ІНТЕРАКТИВНОГО ПІДРУЧНИКА (ПОСІБНИКА)

2.1. Історія виникнення, розвиток та класифікація книг
Як показують нам історичні відкриття , що історія створення навчальної
книги починається з тих часів, коли перші люди залишали інформацію у
вигляді надписів на стінах печер. На них могло відображатися враження людей
від спостереження світу, процеси полювання або ж побутового життя древніх
людей.
Розвиток книги продовжується у стародавніх єгиптян, які зафіксували
свої написи на прототипі звичайного для нас паперу – папірусі. Процес
виробництва паперу виконували жерці, які зберігали це у таємниці. Через
стільки століть досі не є відомий секрет створення прототипу паперу, який
виготовляли єгиптяни. Тільки тут, книга мала вигляд згортку, на кінцях якого
були потовщення і зберігалась вона у футлярі зі шкіри. В античні часи, у
школах і університетах, серед вищих чинів і духовенства використовували
воскові таблички. Для того щоб залишати написи на таких табличках поверху
повинен був бути шар воску. Такі таблички зберігались у спеціальних
коробках. В Київській Русі для закріплення інформації використовували
бересту, як дешевий і легкий матеріал. Виготовляли бересту із верхньої
частини кори берези. Далі її випарювали у кип’ятку, за допомогою чого вона
ставала гнучкою і м’якою.
Порівняно із берестом і папірусом, пергамент був м’яким, міцним і
зручним і став новим етапом для створення книг. Зазвичай, пергамент
зберігали рулонами. Але з часом почали згинати у декілька разів, і
утворювалися своєрідні зошити. Такі зошити скріплювались, а обкладинкою
служили дерев’яні таблички, обтягнути шкірою тварин. Писали на пергаменті
зазвичай ченці за допомогою ручки із гусячого пера. Написання тексту було
важкою працею, потребувало скрупульозності і майстерності. Через велику
17

трудомісткість, час створення такої написаної однієї книги могло займати по
кілька років. Зазвичай книги зберігались в монастирських бібліотеках.
Такий трудомісткий процес створення книги не міг довго влаштовувати
суспільство, і в результаті тривалої кропіткої праці, Йоган Гутенберг
винайшов друкарський станок. Текст у ньому набирався за допомогою
металевих букв. Це дало можливість у багато разів пришвидшити процес
створення книг. Близько 1455 року світ побачив першу друковану книгу і неї
стала «Біблія». І вже за наступний рік було виготовлено близько 300
примірників.
На наших землях, першу друковану книгу створив Іван Федоров. Він
відкрив першу друкарню у 1563 р. у Москві, і була вона під контролем
держави. Вже через рік після цієї події, Федоров випустив книгу «Апостол»,
де розповідалось про діяння учнів Христових. Шрифт та ілюстрації нагадували
ручну роботу, хоча перші книги були друкованими. Наступною його роботою
стала книга «Часослов». Після цього у друкаря і його напарника почались
проблеми, і вони змушені були втекти із Московії. І оселились в Україні, де
видали «Псалтир» і «Азбуку».
Зараз для виготовлення книг використовують сучасні швидкісні
друкарські машини, які друкують із швидкістю до 1500 відбитків у годину.
Використовуються потокові лінії, які без втручання людини виготовляють
обкладинки і прикріпляють їх до книжкового блоку. Вже за допомогою
комп’ютеру авторами набирається текст і на них же проводиться верстання
(розміщення всіх елементів книжки на сторінці) [13].
В загальному книги поділяються на художні та нехудожні:
Художні книги – це багато книг, опублікованих які містять вигадані
історії. Вони частково або повністю не відповідають дійсності та є
фантазійними. Більшість художніх книг можна додатково класифікувати
за жанром: роман, повість, оповідання, есе та комікс.
Нехудожні книги можна було поділити на такі як довідник,
енциклопедія, словник, монографія, підручник та посібник [14].
18

Підручник - це я ка містить основи наукових знань з конкретної
навчальної дисципліни відповідно до встановлених програмою цілей навчання
та вимог дидактики.
У підручнику втілено важливі складові змісту освіти: знання про
природу, суспільство, техніку, людину, способи діяльності, закони та ін.
Також він містить завдання, інструкції та настанови.
Сучасний підручник виконує навчальну, розвиваючу, виховну,
управлінську та дослідницьку функції:
• Навчальна функція підручника полягає у забезпеченні процесу
засвоєння учнями певного обсягу систематизованих знань належним
чином до сучасного рівня розвитку певної науки, формування в учнів
пізнавальних умінь і навичок.
• Розвиваюча функція підручника сприяє розвитку учня, формує його
перцептивні, мнемічні, розумові, мовленнєві та інші здібності.
• Виховна функція полягає у здатності підручника впливати на світогляд
учня, його моральні, естетичні почуття, ставлення до праці, навчання,
формувати та вдосконалювати певні якості особистості учня.
• Управлінська функція передбачає програмування певного виду
навчання, його методів, форм і засобів, способів застосування знань у
різних ситуаціях.
• Дослідження – це спонукання учня до самостійного вирішення
проблеми.
Основні функції підручника пов’язані із системою дидактичних
принципів наукового характеру, доступності, цілеспрямованості, системності
та послідовності, всебічності, зв’язку з життям тощо [36].

19

2.2. Характеристики інтерактивних видань. Етапи розвитку
інтерактивного підручника (посібника)
Інтерактивні книги можна розглядати як комп’ютерні програми або
програми, встановлені на пристрої (планшет, смартфон). Вони відрізняються
ступенем інтерактивності. Наразі існує кілька його видів – інтерактивне
доповнення до друкованого видання, яке не використовується окремо від
друкованого, або інтерактивність виникає, коли користувач «сканує» камеру
на «чарівні сторінки». Наприклад, книга «Рік гарбуза» К. Бабкіної та Ю.
Пилипчатіної («Видавництво Старого Лева» (2014)); - проста інтерактивна
книга з кількома інтерактивними елементами (Додаток А, рис. А1). Прикладом
таких видань є дитячі книжки для електронних пристроїв: «Котигорошко»,
видавничий проект «Пірати Київського моря» (2013) представляє українську
народну казку з чудовими ілюстраціями І. Сулими. До інтерактивних
елементів належать булави, що падають з неба (їх можна розбити пальцем),
розмальовка тощо (Додаток А, рис. А2). У книзі «Снігова королева»,
наприклад, є велика кількість мультимедійних елементів: звичайний текст,
читання можна вмикати і програма говорить приємним жіночим голосом. При
цьому червоним кольором виділено звуковий фрагмент тексту – явна
можливість для дитини закріпити навички читання. Ілюстрації доповнені
різноманітними міні-іграми, які є інтерактивною частиною цієї книги
(Додаток А, рис. А3).
Зараз, сучасний ринок української книжкової продукції пропонує
широкий спектр видань, котрі різняться своїм зовнішнім виглядом, формою та
засобами подання інформації. Серед основних видів новітніх форм видань: –
аудіокнига, електронне видання, мультимедійне видання, інтерактивна книга.
Існує думка, що першим створив книгу з інтерактивним сюжетом
аргентинський письменник Хорхе Луїс Борхес. У його оповіданні «Про творчу
спадщину Герберта Квейна» (1941 р.) описується книга вигаданого
письменника, у якій читачі в підсумку могли прийти до одного з дев'яти
фіналів.
20

Поява планшетів поєднала функції електронних книг і платформи для
ігор, створивши сучасний видавничий продукт: інтерактивну книгу. У 2010
році Penguin представила перші в світі інтерактивні планшетні книги. В
Україні першими інтерактивними видавничими продуктами є книжки для
дорослих «Сім воріт» (2011) О. Захарченка та «Тріщина 69» (2012) для iPad –
зухвала витівка молодого мультимедійного видавця Corleon Global (Додаток
А, рис. . А4). Інтерактивних книжок для дорослих на українському ринку зараз
майже немає, і, на думку маркетологів, ця сфера є досить перспективною [2].
Тому виникає потреба закріпити ці досягнення в інтерактивних підручниках
(довідниках).

2.3. Класифікація і типологія інтерактивного підручника
(посібника)
Термін «е-книга» походить від англійського [e-book], [e-text] — версія
книги в електронному (цифровому) вигляді. Електронна книга – це і цифрова
версія видання, і пристрій, який використовуються для його читання.
Електронний формат видання в свою чергу включає такі підвиди: аудіо
видання, мультимедійне видання, інтерактивне видання.
Аудіо видання – формат публікації зі звуковими коливаннями,
записаними на матеріальним носієм (мовлення, музика або умовний сигнал).
Аудіо видання містить усний твір, вимовлений професійним актором,
оратором або письменником і записаний у цифровому форматі; переважно ця
робота має навчально-пізнавальний характер.
Мультимедійне видання – підтип електронної книги, що містить
відредагований матеріал і поєднує текст, графіку, музику, відеокліпи,
анімацію тощо, впливає на різні органи чуття (зорові та слухові). Основним
носієм цієї публікації є CD або DVD. Для створення мультимедійних книг
використовуються такі компоненти, як відео, 3D-анімація, цифрова графіка,
текст, аудіо та мова. Крім навчально-пізнавальної функції, цей підтип видання
також грає в ігри.
21

Інтерактивне видання - підвид формату електронного видання з
нелінійною структурою представлення інформації, що дозволяє брати участь
у створенні змісту книги та безпосередньо взаємодіяти із засобами
відображення. Цей тип видання містить ілюстрації з інтерактивними
елементами та іграми [15].
Інтерактивне видання забезпечує доступ до віртуальної реальності
завдяки можливості взаємодії з персонажами. Іншими словами, інтерактивні
книги сприяють кращому сприйняттю представленої інформації, дозволяючи
читачеві виконувати різноманітні дії (змінювати шрифти, фон тексту,
керувати звуками, відкривати зображення, переміщатися та використовувати
посилання тощо). Таким чином, інтерактивні видання охоплюють повну
функціональну різноманітність творчого матеріалу, ігор, навчальних та
пізнавальних завдань. Типологія електронних видань розділяється:
1) за типом носіїв або характером доступу;
2) за технологією розповсюдження;
3) за характером взаємодії з користувачем;
4) за видами видань;
5) за наявністю друкованого еквіваленту [16].
Розрівняють такі основні види електронних видань:
а) офіційне - електронне видання, що публікується від імені державних
органів, установ, організацій й містить матеріали нормативного характеру;
б) наукове - електронне видання, що містить відомості про теоретичні та
експериментальні дослідження;
в) науково-популярне - електронне видання, що містить відомості про
теоретичні і експериментальні дослідження в галузі науки, культури і техніки;
г) виробничо-практичне - електронне видання, що містить відомості з
технології, техніки та організації виробництва;
д) електронне навчальне - електронне видання, що містить
систематизовані відомості наукового або прикладного характеру [17].
22

Характеристика електронних видань за типом носіїв або характером
доступу розрізняють: локального доступу (інформація, зафіксована на
окремому фізичному носії, який має бути поміщеним користувачем до
комп'ютерного пристрою для зчитування) та віддаленого доступу (інформація,
розміщена на вінчестері чи в інформаційних мережах .
За технологією поширення і використання електронні видання
класифікуються як:
а) локальне - випускається у вигляді певної кількості ідентичних
примірників (тиражу) на мобільних електронних носіях;
б) мережне - доступне потенційно необмеженому колу користувачів
через телекомунікаційні мережі;
в) комбінованого поширення - електронне видання, що може
використовуватись як локальне так і мережне.
За періодичністю електронне видання може бути як:
а) неперіодичне - електронне видання, яке випускається одноразово;
б) періодичне - виходить через певні проміжки часу, нумерованими і
датованими випусками;
в) продовжуване - виходить через невизначені проміжки часу;
г) обновлюване - виходить через певні або невизначені проміжки часу,
що мають однакову назву і частково повторюється зміст.
Інтерактивність - це здатність інформаційно-комунікаційної системи,
активно реагувати на дії користувача. Елементами інтерактивності є всі
елементи взаємодіючої системи, за допомогою яких відбувається взаємодія з
іншою системою - людиною (користувачем) [15].
Властивості інтерактивного підручника:
• Електронний підручник містить PDF варіант своєї паперової версії, що
отримала гриф МОН України.
• Додатково підручник містить мультимедійний та інтерактивний
контенти, що розширює та поглиблює можливості паперової версії.
23

• Підручник має механізм контролю знань з теми, що вивчається.
• Контент підручника, додаткові інтерактивні матеріали мають чітку
структуру та повністю відповідають календарному плануванню.
• Електронний підручник має зручну навігацію згідно із сучасними
стандартами.
• Електронна версія може працювати без доступу до Інтернету.
Підручник безкоштовний та не потребує реєстрації для скачування [32].

2.4. Інформативні та художні особливості ілюстрацій і шрифту в
інтерактивних виданнях
Процес читання книги – це складний розумовий процес, що включає не
тільки зорове сприйняття тексту, а й процеси аналітичного та логічного
мислення, концентрації уваги, уяви, пам’яті. Ілюстрація слугує таким собі
прискорювачом цього процесу, а також являється невід’ємною частиною цієї
книги. Термін «ілюстрація» походить від латині (illustration – малюнок) і
описує тип графіки, що служить для візуального доповнення та пояснення
тексту книги [18].
Розрізняють три види комп’ютерної графіки:
1) Растрове зображення – це набір пікселів, кольорових точок,
розташованих на сітці. Джерелом растрових даних є також спеціальні пристрої
введення: сканери, відеокамери, цифрові фотоапарати.
2) Векторна, у цій графіці базовим елементом є лінія. Лінія є
елементарним об’єктом, якому притаманні певні особливості: форма,
товщина, колір, тощо. Основні графічні примітиви: лінії, еліпси, кола,
многокутники тощо. Перевагою такої графіки є те що об'єкти можна легко
трансформувати і легко маніпулювати. Редагуючи векторний об'єкт, можна
змінити властивості ліній, з яких складається зображення, пересувати об'єкт,
змінювати його розміри, форму та колір, без втрати якості зображення.
24

3) Фрактальна графіка — нерегулярна, самоподібна структура. В
широкому розумінні фрактал означає фігуру, малі частини якої в довільному
збільшенні є подібними до неї самої. Фрактальну графіку часто
використовують для графічного представлення даних під час моделювання
деяких процесів, для автоматичної генерації абстрактних зображень, у
розважальних програмах.
Ці типи відрізняються за принципом формування зображення при
виведенні на екран монітора або друку на папері.
Правомірна і інша класифікація комп’ютерної графіки:
1) Двомірна графіка – це зображення, яке має два вимірювання, тобто
яке лежить на площині. Цей вид графіки є основою комп’ютерної графіки, в
тому числі і трьохмірної (Додаток А, рис. А5).
2) Тримірна (3D) графіка – це передбачає присвоєння цій моделі
текстуру, колір, прозорість та непрозорість за допомогою спеціальних
програм, забезпечення умовної рухомої камери у віртуальному просторі та
побудову на комп’ютері просторової моделі, що складається з простих і
складних геометричних фігур, які розміщені в цьому просторі. Цей вид
комп’ютерної графіки використовується для створення комп’ютерних ігор,
реклами тощо (додаток А, малюнок А6).
Технічні засоби роботи з комп’ютерною графікою: засоби для введення
інформації – графічний планшет, сканер, цифрова фотокамера, та засоби для
виведення інформації – монітор, дисплей та принтер.
Створюючи комп’ютерну графіку, не обійтися без такого технічного
інструменту, як графічний редактор, який дозволяє користувачам створювати
й редагувати зображення на екрані комп’ютера та зберігати їх для подальшого
використання. Деякі графічні редактори використовуються лише для
редагування готових зображень, таких як фотографії, тоді як інші в основному
використовуються для редагування з можливістю редагування зображень.
Існує безліч графічних редакторів, які можна використовувати для роботи з
різноманітною графікою, включаючи векторну, растрову та 3D-графіку. Raster
25

Graphics Editor - спеціальна програма для створення і редагування растрових
зображень. Цей програмний продукт широко використовується
ілюстраторами для підготовки зображень до роботи, друку або публікації в
Інтернеті. Найвідоміші растрові редактори: Adobe Photoshop, Adobe Fireworks,
Corel Photo-Paint, Corel Painter, GIMP, Microsoft Paint, Microsoft Photo Editor,
Krita, Artweaver, Tux Paint, Paint.NET, PhotoFiltre, PaintTool SAI (Додаток А,
рис. А7-9). [19].
Векторні редактори дозволяють створювати і редагувати векторні
зображення безпосередньо на екрані комп'ютера, а також зберігати ці
зображення у різних векторних форматах, наприклад, EPS, PDF, WMF або
SVG . Найвідоміші векторні редактори: CorelDRAW, Adobe Illustrator, Xara
Xtreme, Adobe Fireworks, Inkscape, Alchemy, SK1 (Додаток А, рис. А10-11)
[20].
Нові технічні концепції створення ілюстрацій стали основою для
мультимедійних та інтерактивних видань. Останнім часом активно
розвивається комп’ютерна анімація для створення об’єктів за допомогою
комп’ютерних технологій (3D-анімація, 2D-анімація).
Анімація з латині (anima — душа, animatio — натхнення, реанімація) —
серія малюнків, кольорових плям, спосіб зміни форми предмета для імітації
руху або для відображення послідовних зображень. В дизайні інтерактивних
видань анімація займає центральне місце, а головною роллю аніматора є
розвивати анімацію, яка сприяє нормальному розвитку та виховує любов до
природи, краси та чистоти. Мультимедіа дозволяє об’єднати текст, звук,
графіку, відео та анімацію в одній книзі. У таких книгах домінує вміння гри
подавати інформацію. В ілюстраціях також використовуються інтерактивні
прийоми, що дозволяють взаємодіяти з читачем. Дотик користувача до
відображеного об’єкта змінює об’єкт. Інтерактивне видання містить
сенсаційні 3D-ілюстрації, які змінюють поняття під час взаємодії,
стимулюючи читача реконструювати сюжет видання [21].
26

Шрифти відіграють важливу роль у дизайні. Вони створюють настрій,
викликають емоції та допомагають розпізнавати зображення перед
прочитанням тексту. Це складові візуальної комунікації, які працюють з
підсвідомістю глядача, такі як:
1. Насиченість, яка впливає на рівень примусу до контакту: від тонкої
делікатності (Thin) до грубої наполегливості (Black) (Додаток А, рис.
А12).
2. Ширина, що може впливати на терміновість повідомлення: від
кричущого заголовку (Extra-Condensed) у довгоочікуваному привиді за
горизонтом (Extra-Expanded) (Додаток А, рис. А13).
3. Контраст регулює рівень артистизму висловлювання: від машинного
синтезатора мови (Нульовий контраст) до солістки Гранд Опера
(Максимальний контраст) (Додаток А, рис. А14).
4. Висота рядкових пов'язана із бажанням вразити глядача: від любовного
листа (дрібні рядкові) до байдужою таблички "Перерва" (великі рядкові)
(Додаток А, рис. А15).
5. Округлення кутів впливає на рівень ніжності: від сплячих маленьких
дітей (Сильне округлення) до шумних підлітків (Загострення) (Додаток
А, рис. А16).
6. Зарубки та бруски створюють культурний контекст: від ідеалізму
класики (Зарубки) до прагматизму заводського штампування (Бруски)
(Додаток А, рис. А17).
7. Курсив та нахил хоче привернути до себе уваги: щоб ввічливо уточнити
(Italic) або терміново повідомити (Oblique) (Додаток А, рис. А18).
8. Геометрія відображає життєві цінності: від поваги до особливостей
людини (Гуманістичні шрифти) через естетичні експерименти
(Геометричні шрифти) і до захоплення футуристичними машинами
(Модульні шрифти) (Додаток А, рис. А19-20).
27

9. Статика і динаміка передають індивідуальність та багатство
внутрішнього світу: від нейтральної Гельветики (Статичні шрифти) до
старостиних антикв (Динамічні шрифти) (Додаток А, рис. А21).
10. Відкритість впливає на комуникабельність та прогресивність: від
ліберального екстраверта (Відкриті шрифти) до консервативного
захисника кордонів (Закриті шрифти) (Додаток А, рис. А22) [22].
Друк підручників повинен бути чітким, інтенсивно чорним і рівним. Для
заголовків, позначення структурних елементів підручника, висновків і правил,
виділення окремих слів, можна використовувати елементи формул:
а) друк тексту кольоровими фарбами - синього та червоного середньої
насиченості - на білому папері (білий фон);
б) чорний текст (шрифт) на кольоровій табличці (жовтий, оранжевий,
світло-зелений, світло-блакитний);
в) інверсія (білий текст) на червоній пластині.
При оцінці шрифту необхідно визначити гарнітуру та його розміри
(висота, товщина штрихів тощо). Основними вимогами до шрифтового
малюнка для видання підручників, особливо для дітей раннього віку, які
забезпечують зручність читання шрифту, є:
• простота контуру букв, чіткість, що визначається індивідуальною
виразністю букв і достатнім розміром внутрішньобуквенних проміжків,
що створює наближення форми букви до квадрата (для дітей старшого
шкільного віку можна дозволити співвідношення ширини літери до
висоти 1: 1,5 і 1: 1,75);
• помірний контраст між основними (вертикальними і сполучними
(горизонтальним і похилим) штрихами).
Розмір шрифту в підручниках повинен відповідати віковим
особливостям зорового сприйняття та ступеню розвитку навичок читання. Від
молодшого до старшого шкільного віку необхідно поступово переходити від
28

великого шрифту до меншого, а шрифт основного шрифту в підручниках 8-10
класів повинен бути не менше 10 [23].

2.5. Дизайн електронної книги та її розвиток. Основні аспекти
становлення дизайну книг в Україні
Електронна книга вважається цифровою версією паперового формату.
До них включено кілька пристроїв, які використовуються для їх зчитування.
Популярність електронних книг зростає з кожним днем. На сьогоднішній день
його поява є найвизначнішою подією для видавництв з моменту винаходу
друкарського верстата. Невелика кількість електронних книг і низькі ціни
роблять їх особливо привабливими для користувачів. Повнотекстовий пошук
також практичний, якщо текст набраний або розпізнається.
Існує кілька груп форматів електронних книг - векторні і растрові.
Растрові формати представляють об'єкт у вигляді безлічі точок, векторні - у
вигляді простих геометричних фігур (точки, лінії, багатокутники) [1]. Серед
різних форматів електронних книг виділяють три основних: DjVu, PDF і EXE.
DjVu - спосіб стиснення зображень з втратами, створений спеціально для
зберігання цифрованих документів [2].
У Західній Європі та США інтерактивні форми навчання активно
розвиваються та вдосконалюються. Дослідження показують, що інтерактивне
навчання дозволяє збільшити відсоток засвоєння матеріалу, оскільки воно
впливає не лише на свідомість учня, а й на його почуття за допомогою дії та
практики.
В Україні такі технічні проекти ще не набули масовості. Наразі є 3
лідери, які конкурують між собою в електронній видавничій справі, це
«Видавництво Старого Лева», «А-БА-БА-ГА-ЛА-МА-ГА» та «Glowberry
Books» [24].
«Видавництво Старого Лева» - українське книжкове видавництво, має
представництва у Львові, Києві, Дніпрі та Одесі. Видавництво співпрацює з 90
українськими та зарубіжними ілюстраторами. Ілюстрації до книг видавництва
29

створюють багато українських художників, наприклад такі як Наталка Гайда,
Оксана Йориш, Ольга Кваша, Івета Ключковська, Христина Лукащук, Оксана
Мазур, Андрій та Діана Нечаєвські та багато інших (Додаток А, рис. А23). [25].
«А-БА-БА-ГА-ЛА-МА-ГА» - провідне українське видавництво дитячої
літератури, одне з найвідоміших дитячих видавництв Східної Європи.
Видавництво приділяє велику увагу якості оформлення своїх книжок,
співпрацюючи з такими художниками та графіками як Кость Лавро, Владислав
Єрко, Євгенія Гапчинська, Вікторія Ковальчук, Катерина Штанко та інші. «А-
БА-БА-ГА-ЛА-МА-ГА» занесено до Книги рекордів України — вона видала
найбільшу книгу в Україні — «Абетку» розміром 3 на 4 метри та вагою 250
кілограмів (Додаток А, рис. А24). [26].
«Glowberry Books» — українське видавництво яке випускає дитячу
літературу. Головною метою видавництва це оживити написану казку. Автори
які співпрацюють з видавництвом Glowberry Books, Ольга Черепанова, Олена
Разумова, Микола Бабічев, Ольга Дегтярьова Анна Русакова. Ілюстратори:
Михайло Александров, Анна Русакова, Ольга Дегтярьова, Микола Бабічев,
Тетяна Горюшина (Додаток А, рис. А25).
Тільки декілька років тому в Україні з’явились перші інтерактивні
книги. Першу таку книгу для iPad створило «Видавництво Старого Лева» у
2011 р під назвою «Забавлянки». Ожити книзі допомогла співпраця
видавництва з компанією Arivo, яка спеціалізується на розробці програмного
забезпечення. Текст для аудіосупроводу начитала головний редактор
видавництва Мар’яна Савка. Видавництво позиціонувало вихід книги, як
«перший крок до того, аби AppStore нарешті з’явився і в Україні» (Додаток А,
рис. А26).
Видавництво «Glowberry Books», яке стало відомим завдяки
інтерактивній версії дитячої книжки «Райдугони та Маленький Сонько». Через
тиждень після презентації книга увійшла до п’ятірки найбільш закачуваних
анімованих iPad-додатків. Книжка розрахована на дітей віком 3-5 років. У
виданні запропоновано оригінальний підхід до банальної проблеми вивчення
30

кольорів. В книжці іде мова про сім братів-райдугонів, побачити яких можна
тільки уві сні (Додаток А, рис. А27). Зараз у репертуарі видавництва загалом
сім книг: крім зазначених, «Учибучка», «Кишенькові речі», «Історії
маленького будиночку», «Завітай у гості» .
«Снігова Королева» книга для IPad від видавництва «А-БА БА-ГА-ЛА-
МА-ГИ». яка стала найкращою електронною книгою, получивши нагороду
«Найкраща дитяча книга-2006» (США), Фонд Андерсона. Ілюстратором даної
книги є Владислав Єрко. Кожна сторінка цієї книги — сюрприз, персонажі і
предмети інтерактивні, все рухається, звучить, розважає і зачаровує. В книзі
сім ігор — розмальовка, пазли, пошук предметів, наслідування мелодії та інші.
Наразі книга доступна трьома мовами – українською, російською та
англійською (Додаток А, рис. А3). [24].
В Україні поступово з'являються і нові видавництва, які займаються
інтерактивною книгою, наприклад «Gutenbergz». Одеське видавництво
«Gutenbergz» розробило ілюстрований науково-популярний інтерактивний
додаток «Ґаджетаріум». Крім дитячої літератури вони створили такий проект
як «Хроніка відчуттів» – мультимедійний проект, в якому бурхлива хронологія
подій новітньої історії України переплітається зі зворушливими відчуттями
тих, хто цю історію творив [27].
«Пірати Київського Моря». Видавничий проект «Пірати Київського
Моря» у 2013 році видали українську народну казку «Котигорошко» з
ілюстраціями Івана Сулими. Казка озвучена відомим українським актором
Євген Малуха. Книга доступна на трьох мовах: українською, російською та
англійською (Додаток А, рис. А2).
Компанія «DigitalDealerz» створили інтерактивний додаток «The
Pumpkin’s Year» який працює разом з друкованим виданням. Інтерактивність
з’являється тоді, коли користувач сканує камерою сторінки книжки
«Гарбузовий рік» Катерини Бабкіної та Юлії Пилипчатіної («Видавництво
Старого Лева», 2014). При наведенні камери із ввімкненим додатком
31

ілюстрації починають рухатися й звучати – активується доповнена реальність
(Додаток А, рис. А1). [28].

2.6. Технічні засоби в створенні дизайну інтерактивного підручника.
Комбінація графіки, тексту, звуку, анімації та відео
Процес створення будь-якої інтерактивного підручника потребує
клопіткої роботи та основних етапів розробки:
• Вибір контенту (книги);
• Підготовка графічного матеріалу (опрацювання персонажів та
сцен, промальовування ілюстрацій);
• Розробка алгоритму сюжетних ліній;
• Обрання технології створення інтерактивного підручника
(PowerPoint, HTML, Publisher, середовище програмування та ін.);
• Розроблення дизайну та системи інтерфейсу;
• Верстка тексту;
• Озвучення (до кожного слова підбирається звуковий файл і
синхронізується звучання слова. Усі звуки повинні гармоніювати
між собою);
• Організація системи навігації книгою;
• Тестування;
• Упровадження.
Інтерактивний підручник, як і друкований, повинен містити видавничі
елементи: – титульна сторінка;
• головне меню;
• відомості про автора;
• правила користування;
• відомості про використані матеріали;
• зміст.
32

При створенні інтерактивних книг важливо заповнювати їх
динамічними елементами, такими як гіпертекстові посилання. аудіо та відео
фрагменти; елемент навігації; кнопка опису, кнопка перемикання тощо. Для
створення сучасного видавничого продукту існує безліч інструментальних
засобів та сервісів, котрі умовно поділяються на:
• онлайн сервіси;
• компілятори електронних книг;
• програмні редактори.
Найпоширеніші сервіси для створення інтерактивних продуктів:
FlipSnack, Yudu, Bookemon, PressBooks, Creatavist .
Важливими компіляторами електронного підручника є: – eBook Maestro
— зручний інструмент для створення нескладних за оформленням
електронних публікацій та галерей зображень [1].
Потужними інструментальними засобами для інтерактивного
електронного підручника є програмні редактори, до яких належать такі
поширені програми, як SunRav BookEditor, NeoBook, Indesign, Apple
iBooksAuthor (для MacOs) [2].
Одним із способів перетворити текст підручника на музику є
використання аудіокниг, які синтезують письмовий і усний текст. Слухач
одночасно бачить текст, надрукований на книжковій сторінці або екрані, і чує
його, поки оратор його читає. Такий спосіб подачі навчального матеріалу
скорочує час на запам’ятовування нових слів до 30%. Аудіокниги
характеризуються підвищеною виховною цінністю за рахунок гармонізації
форми та змісту. Однією з чудових переваг аудіокниг є те, що читання та
слухання взаємодоповнюють. [35].
Отже, можна констатувати, що асортимент інструментальних засобів та
сервісів для створення інтерактивного підручника достатньо розвинений,
дозволяє використовувати найзручніші його різновиди. Серед переваг
33

інтерактивного підручника: зручність, динамічність, багатофункціональність,
можливість застосування як навчального тренажера та інші [2].

Висновки до другого розділу
У другому розділі було проаналізовано стан і розвиток інтерактивної
книги в світі і Україні, також досліджено характеристику електронної книги її
класифікацію і типологію. Наголошено, що у Західній Європі та США
інтерактивні книги вже набули популярності, а українські видавництва тільки
віднедавна розпочали цікавитися інтерактивною продукцією для дитячої
аудиторії і наразі є лише три лідери у цій галузі це «А-БА-БА-ГА-ЛА-МА-ГА»,
«Glowberry Books» та «Видавництво Старого Лева». Інтерактивні книги в
Україні мають багато спільних рис з комп’ютерними програмами: флеш-
анімація, де на фрагменти картинки можна натискати і вони починають
рухатися та звучати. За своєю сутністю видання є програмами для
використання на планшетах, а не на комп’ютерах, що і визначає специфіку їх
класифікації та типологічні особливості.
Визначено, що популярність інтерактивної книги обумовлюється не
тільки зручністю використання, а й її інформаційною насиченістю, одночасне
використання аудіо- та відео- матеріалів дає змогу підвищити показник
запам'ятовування поданого матеріалу до 40-50%. Застосування
мультимедійних матеріалів скорочує час навчання, а рівень запам'ятовування
скорочує на 30-40%. Електронний формат видання, включає такі підвиди:
аудіо видання, мультимедійне видання, інтерактивне видання. Перевагами
електронної книги можна вважати: компактність і портативність,
налаштування зображення і тексту, додаткові можливості, негайне отримання
книги, екологічність. Недоліками є те, що: пристрої для читання електронних
книг набагато чутливіші до фізичного пошкодження, ніж друковані видання,
пристрої для читання вимагають періодичної підзарядки. За останні роки в
Україні у видавничій галузі виокремився новий перспективний напрям –
видання книжкових додатків для електронних планшетів. Стверджувати, що
34

вона перспективна, нам дозволяє стрімке збільшення частки подібного
продукту на ринку.
Також було розглянуто проєктно-художні засоби в дизайні
інтерактивної книги (шрифт, ілюстрація, анімація, конструктивні рішення,
інтерактивні елементи), означено їх особливості у використанні для дизайну
інтерактивних книг, а також проаналізовано і класифіковано технічні засоби в
створенні дизайну інтерактивної книги.
Проєктування інтерактивної дитячої книги передбачає поєднання з
технологічними процесами виготовлення продукції. Акцентується увага на
візуальності, анімаційності, інтерактивності та віртуальності як основних
принципах проектування дитячої книги, що має значення для психо-
емоційного розвитку дитини.
Встановлено, що для розробки електронних видань існує безліч
інструментальних засобів та сервісів, є редактори розроблені спеціально для
дизайнерів, що є альтернативою створення додатків, інтерактивних книг.
Створення інтерактивного посібника технологічно є складним процесом і
потребує залучення до редакційно-видавничого процесу аніматорів,
програмістів тощо.

35

РОЗДІЛ 3
РОЗРОБКА ПРОЄКТНОЇ ПРОПОЗИЦІЇ

Термін „дизайн” походить від англійського „design” – проектувати, і
означає вид художньої діяльності, що пов’язаний із проектуванням
предметного світу. У видавничій справі під терміном „дизайн” розуміють
конструювання видання з використанням у ньому графіки, типографії тощо
[2].
В інтерактивній книзі поєднується праця видавця, програміста й
дизайнера. Тільки завдяки гармонійному поєднанню цих сторін створюється
книга. Інтерактивна книга це синтез художнього та наукового видів діяльності.
Таким чином, в основу художнього задуму оформлення книги закладені
відмінні риси текстового наповнення та її художньо-естетичного спрямування.
Завдання графічного дизайнера полягає у створені дизайн проекту книги
який відповідатиме всім вимогам ДСТУ 3772-98, а саме для дітей IV групи –
для-підлітків від 15 до 18 років включно, учнів 9 - 11 класів, студентів
спеціальності – 022 Дизайн. Проектована книга має бути зручною у
використанні, так як книга є інтерактивною її контент має бути простим і
зрозумілим. Художнє оформлення має відповідати віковому критерію, бути
зрозумілим, чітким, інформаційним та яскравим, анімація повинна бути
простою, яка привертатиме увагу, але не відволікатиме від навчально процесу.

3.1. Визначення концепції проєктної пропозиції
Концепція (лат. сonceptio — розуміння) — система поглядів, розуміння
явищ і процесів; єдиний, визначальний задум. Концепція видання —
авторський задум твору, що становить основу видання, характер і зміст
читацьких потреб, вид літератури, типові ознаки видання. Концепцією
визначається вся подальша творча і практична робота над виданням [29].
Створити концепцію означає спроектувати, знайти і обґрунтувати її параметри
майбутнього видання як за типологічними ознаками, так і за оформленням —
36

художнім, технічним, форматом, обкладинкою тощо. Концепція дослідження
— система початкових теоретичних положень, яка є основою дослідницького
пошук.
Концепція містить у собі:
1. Методологію дослідження, тобто систему принципів дослідження, яка
базується на діалектичному методі та системному підході.
2. Набір методів проведення досліджень, які являють собою способи
збору, обробки та аналізу даних.
3. Принципи організації процесу дослідження:
• який характер дослідження (теоретичний, описовий, аналітичний,
емпіричний);
• які залучаються ресурси;
• хто є виконавцем;
• терміни;
• мета;
• завдання;
• програма дослідження.
Проектна пропозиція - заявка на грант з інформацією про запропоновані
дії в рамках проекту, бюджет проекту, ключові дані партнерів та інші
документи спільної операційної програми [30].
Концепція полягає у створенні сучасного підручника (посібника) для
навчання з елементами інтерактивності. У зовнішньому оформленні
підручники значно відстали у дизайні оформлення. Саме за допомогою зору,
який є один із найбільших каналів для отримання інформації, людина отримує
від 70 до 95% необхідної інформації. Підручник призначений для сприйняття
інформації саме зоровим каналом, тому потрібно створити сприятливі умови
для цієї передачі та сприйняття. Істотну роль у цьому відіграє дизайн
підручника та навчального посібника. Автору та дизайнеру підручника
необхідно керуватися наступними характеристиками. По-перше, сама
37

технологія створення підручника повинна припускати постійну спільну роботу
автора та дизайнера, при цьому провідна роль має належати автору. Автор, і
тільки автор, є фахівцем у предметній галузі, він повинен визначати: як і де
має розставити акценти дизайнер, що має бути виділено жирним шрифтом, що
курсивом, де має використовуватись дрібний шрифт, а де великий, інакше
дизайнерські прийоми можуть перетворити підручник на гарну, але
малокорисну книгу. Думаючи про дизайн підручника, слід пам'ятати, що
існують добре апробовані прийоми, які закладені в сучасні видавничі системи
[31].
Підручник спрямований для дітей IV групи –для-підлітків від 15 до 18
років включно, учнів 9 - 11 класів, студентів спеціальності – 022 Дизайн, який
є додатковим матеріалом для вивчення історії мистецтв. На цьому етапі
розвитку змістовий аспект книги для дитини є домінуючим. Вагомим є й
образотворчий рівень. Найважливішим джерелом інформації у шкільному віці
є не тільки текст а й ілюстративний матеріал, за допомогою якого людина
розуміє зміст тексту. Важлива увага звертається на цілісність та чіткість
композиції. Метою є забезпечення студентів знаннями з історії світової
культури. Курс сприяє вихованню загальнокультурного та професійно-
інформаційного рівня майбутніх фахівців, навчає їх розглядати та оцінювати
події, що відбуваються в образотворчому мистецтві з діалектичного погляду.
Висновки та знання, отримані під час навчання, безпосередньо
використовуються в учбово-проєктній та майбутній професійній діяльності
студента. На основі засвоєння даного курсу студенти повинні оволодіти
знанням у галузі історії мистецтва, які необхідні для професійної діяльності в
майбутньому.

3.2. Пошук та аналіз аналогів. Ескізний пошук
Кожен етап перед створенням певного продукту складається з
пошукового ескізу та аналогів. Аналогом послугували таки книги як :
38

«Снігова Королева» книга для IPad від «А-БА БА-ГА-ЛА-МА-ГИ» яка
стала одною з найкращих електронних книг, получивши нагороду «Найкраща
дитяча книга-2006» (США), Фонд Андерсона. Ілюстратором цієї книги є
Владислав Єрко. Кожна сторінка цієї книги є сюрпризом, персонажі і
предмети інтерактивні, все рухається, звучить, розважає і зачаровує. В книзі
сім ігор - розмальовка, пазли, пошук предметів, наслідування мелодії та інші.
Також присутнє підсвічування слів. Книга доступна трьома мовами –
українською, російською та англійською (Додаток Б, рис. Б1) [24].
Видавництво «Gutenbergz» яке займається інтерактивною книгою та
розробило ілюстрований науковий інтерактивний додаток «Ґаджетаріум».
Крім дитячої літератури «Gutenbergz» створив такий проєкт як «Хроніка
відчуттів» – мультимедійний проєкт, в якому бурхлива хронологія подій
новітньої історії України переплітається зі зворушливими відчуттями тих, хто
цю історію творив (Додаток Б, рис. Б2) [27].
Підручник «Мистецтво, 1 клас», авторами якого є Л.М.Масол,
О.В.Гайдамака, О.М.Колотило, завдяки видавництву «Генеза» та спільній
роботі з компанією «Bristar» створили його електронну версію. Він пройшов
конкурсний відбір підручників та отримав гриф МОН України. Цей підручник
поведе учнів у Країну Мистецтва, який дає можливість помандрувати з
помічниками - Лясолькою та Барвиком. Вони навчать учнів співати, малювати,
передавати красу довкілля у творчості (Додаток Б, рис. Б3).
Видавництво АСТ та їх серія енциклопедій з доповненою реальністю
охоплює майже всі сфери життя та розвитку суспільства. У ній представлені
видання «Танки та бронетехніка», «Підводний світ», «Планета Земля»,
«Всесвіт і космос», «Автомобілі, літаки, кораблі та інша техніка», «Всі
таємниці динозаврів», «Тварини нашої планети» і не тільки. Вони
розповідають про сотні видів живих істот, про те, як формуються опади,
вивергаються вулкани і видобуваються корисні копалини, яким чином
поводяться космонавти в невагомості та багато іншого. Книги великого
формату в твердих одноманітно оформлених ілюстрованих обкладинках
39

дозволяють не лише читати текст і розглядати ілюстрації, але й оживлювати
зображення за допомогою спеціальної програми, встановленої на смартфоні.
Можна побачити, як рухаються різні тварини та риби, відбувається запуск
космічної ракети, можна навіть керувати танком, стріляти з пістолета і не
лише. Додаток також містить додаткові завдання у форматі інтерактивних
ігор, при виконанні яких тема, що вивчається, освоюється ще краще [33].
На основі аналогів були створення пошукові ескізі для ілюстративного
матеріалу, який використовується у підручнику, як показано на рис.3.1.

Рис. 3.1. Ескізний пошук для ілюстративного матеріалу

3.3. Етапи розробки дизайну підручника (посібника)
Створення інтерактивного підручника (посібника) полягає у верстанні
видання із текстом, зображеннями, інтерактивними елементами та передбачає
додавання дій, які відбуваються внаслідок використання цих елементів. Щоб
40

видання працювало на всебічний розвиток людини й зокрема на формування
її навичок, варто в розробці його концепції враховувати певні аспекти як
психологічно-педагогічного плану, так і змістово-зображального. Слід
дотримуватися єдності всіх елементів інформаційного комплексу видання, яка
взаємозбагачувалась би і повноцінно виражала зміст. Розвивальні можливості
художньої літератури, спрямовані на концентрацію уваги, тренування
логічного мислення, ефективної пам’яті й уяви.
Обкладинка, палітурка, суперобкладинка та форзац – чотири головні
елементи зовнішнього оформлення книги, які складають серед інших
елементів оформлення особливу групу. Особливість цієї групи полягає в тому,
що вони поєднують у собі дві функції: перша – утилітарна (службова) –
полягає у тому, щоб оберігати книгу від пошкоджень, подовжуючи термін її
експлуатації; а друга – бути елементами художнього оформлення [32].
У розробці обкладинки для підручника (посібника) з історії
західноєвропейського мистецтва, послугувала робота художника Едгара Дега
«Блакитні танцівниці». Як показано на рис.3.2.
41

Рис.3.2. Обкладинка для підручника «Історія Західноєвропейського
мистецтва»
Одним з етапів розробки підручника є верстка. Верстка книг,
підручників та інших друкованих матеріалів які мають текст, є доволі
складним процесом. При верстці тексту існують ті чи інші вимоги, які
потрібно дотримуватись. Для того щоб розпочати верстку підручника
необхідно:
1. Вирішити формат. Підручник має такі розмір В5 250х176 мм. Даний
розмір є оптимальним та зручним для підручників та посібників.
2. Визначитись з розміром основного шрифта. Шрифт є важливою
складовою для створення книги, завдяки ньому передається зміст книги. В
підручнику основним шрифтом виступає «Futurabook», який є зручний для
перегляду та читання. Так як підручник є інтерактивною кегель шрифту можна
збільшити до 13 пт, а також збільшити насиченість кольору самого шрифту.
42

3. Вибрати шрифт для заголовків і підписами під рисунками. Заголовки
повинні бути чіткими та великими, для швидкого пошуку. Заголовки мають
шрифт FuturaDemiC та розмір 16пт. Він є більшим за основний шрифт, що дає
змогу швидше знайти інформацію.
4. Вибрати зовнішній вигляд колонтитулів. Колонтитули у підручнику
знаходяться у лівому та правому куті книги. Сіра плашка на якій іде білий
надпис «Історія західноєвропейського мистецтва», а з іншої частини така сама
плашка, яка має той чи інший колір відносно періоду про який ідеться у
підручнику, написано білий кольором шрифт Futurabook 12пт (Рис. 3.3. – 3.4.).

Рис. 3.3. – колонтитул

Рис. 3.4. – колонтитул

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

переходу на сторінку. У підручнику є основний зміст, де можна побачити весь
перелік лекцій та на якій сторінці вона знаходиться (Рис. 3.5.).

Рис. 3.5. Варіант оформлення змісту
Також короткий зміст йде окремо під назвою лекції, про що саме буде
йти мова далі. Такий зміст також має функцію переходу на сторінку. Кожна
нова тема супроводжується також ілюстративним матеріалом у вигляді
плакату зображеного на виліт (Рис. 3.6. – 3.7.).

Рис. 3.6. Зміст лекції Відродження
44

Рис. 3.7. Зміст лекції Імпресіонізм

На плакаті зображений один із митців того періоду, назва періоду,
позаду митця падає тінь на полотно, яка має колір. Відродженню характерний
більш червоний колір, тому тінь позаду митця буде червона, бароко – жовто-
золотий, класицизм – синьо-блакитний, імпресіонізм – рожево-фіолетовий.
Полотном виступає робота того чи іншого художника, яка характерна даному
періоду. Серед робіт художників обирались жіночі портрети, бо саме в
основному жінка виступала у ролі музи для художника (Рис. 3.8. – 3.11.).
45

Рис. 3.8. Плакат до теми Відродження

Рис. 3.9. Плакат до теми Бароко
46

Рис. 3.10. Плакат до теми Класицизм

Рис. 3.11. Плакат до теми Імпресіонізм

47

Інтерактивний підручник являється синтезом мистецтва книжкової
графіки та літератури і передбачає наявність гармонійного поєднання
текстового наповнення та ілюстративного матеріалу. У даному підручнику
ілюстративний матеріал представлений у вигляді робіт того чи іншого
художника, який відноситься до певного періоду (Рис. 3.12. – 3.13.).

Рис. 3.12. варіант розгортки сторінки

Рис. 3.13. варіант розгортки сторінки
48

Важливим інтерактивним засобом художньої виразності є анімація.
Головним завданням є розробка анімації, яка сприяє нормальному розвитку
дитини. В підручнику використовуються інтерактивні технології, окремі
елементи супроводжуються анімацією. Інтерактивна сторінка представляє
собою початкове статичне зображення, яке завдяки дотику користувача до
об’єктів призводить до їх змін.
Використаними інтерактивними елементами є: гіпертекстові посилання
(зміст з темами уроків, при натисканні яких книга переходить на сторінку
обраної теми); відеофрагменти (часткова анімація ілюстративного матеріалу);
кнопки (завдання, озвучка тексту, словник, збільшення шрифту). Також
використано слайдове перегортання сторінок в низ (перегортання
прихованого тексту, ілюстрацій, для зменшення текстового навантаження
деякі фрагменти тексту приховано), і слайдове перегортання в бік
(перегортання на наступну сторінку).
До основних переваг інтерактивних видань належить їхня інформаційна
насиченість. Одночасне використання аудіо- та відео- матеріалів дає змогу
підвищити цей показник до 40-50%. Мультимедійні засоби впливають майже
на всі органи чуття реципієнта. Застосування мультимедійних матеріалів
скорочує час навчання, а рівень запам'ятовування через одночасне
використання зображень, звуку, тексту зростає на 30-40%.

3.4. Рекламна продукція, характеристика
Рекламна продукція – це рекламні матеріали, котрі створені для
популяризації, поширення товарів, послуг та залучення нових клієнтів. В
рекламну продукцію розробленого проєкту входить рекламний плакат.
Плакат – це великоформатне зображення з текстовим посилом, яке
розробляється в рекламних, інформаційних, агітаційних, навчальних цілях.
Лаконічність, простота і ємність рекламних плакатів надає рекламі особливу
виразність.
49

Плакат повинен добре виглядати як з близької відстані, так і з відстані.
При створенні плакатів потрібно задуматися, на яку аудиторію буде
орієнтований плакат. Текст на плакаті повинен бути коротким і зрозумілим.
Розмір і шрифту повинен бути таким, щоб він добре читався і відповідав жанру
майбутнього плаката. Те ж саме стосується кольорів. Необхідно уявляти, де
будуть розміщені плакати, щоб вони не загубилися на тлі стін. Дизайнер
повинен чітко уявляти, на чому слід сфокусувати і загострити увагу
спостерігача. Використовуючи основні принципи дизайну правильно
направити його погляд по всій поверхні плаката.
В процесі створення рекламного плакату для підручника було визначено
центральну мету книги, те що необхідно прорекламувати. Було визначено
цільову аудиторію книги, підлітки, студенти тощо, а також дорослі люди.
Плакат виконаний в стилістиці самого видання, таким чином він доповнює
підручник і розмір плакату.
Рекламний плакат для підручника містить в собі наступну інформацію:
назву книги, суміщення декількох обкладинок до різних тем з підручника, які
натякають на матеріал підручника, дата та час проведення заходу (Рис.3.14).

50

Рис. 3.14. Рекламний плакат до підручника
51

3.5. Анімаційний ролик-презентація підручника (посібника)
Відеореклама - форма реклами, що розміщується в мережі інтернет,
телебаченні, спрямована на створення іміджу компанії, просування послуг або
товарів, надання інформації з метою підвищення продажів.
Відеоролик має, найбільшу переконливість, серед усіх видів реклами. Це
пояснюється тим, що рекламний відеоролик впливає на зір і слух одночасно.
Звук, рух, емоційна гра, спецефекти, текст — все це змушує реагувати в першу
чергу підсвідомість глядача. Ролик як і плакат має бути лаконічним, простим і
зрозумілим. Текст повинен бути коротким і зрозумілим.
Види відеороликів:
• Бліц-ролик триває в середньому 15-20 секунд. У ньому, як правило,
подаються назва фірми та її товарний знак. Основне завдання бліц-
ролика – постійне нагадування про фірму та її товар.
• Розгорнутий ролик триває 30 і більше секунд. У ньому, крім тих
відомостей, що наводяться у бліц-ролику, подається опис і
характеристика товарів чи послуг, умови поставки чи надання знижок,
умови роботи. Більш ретельно прообляються сюжет і сценарій.
• Рекламно-демонстраційні ролики. Це всілякі «телемагазини» і
«магазини на дивані», де протягом 5-10 хвилин розповідають про
переваги і якості товару, показують його у дії і пропонують придбати
його, не виходячи з квартири, зателефонувавши за вказаними
телефонами.
Рекламний ролик інтерактивного підручника має більш розширену
функцію, а ніж плакат. Відеоролик крім того що рекламує саму книгу, він також
показує інформаційну насиченість видання, його художнє оформлення і
інтерактивність. У відео показано всі інтерактивні елементи в дії, також як
потрібно використовувати підручник, його переваги і зручність використання.
Тривалість відеоролика приблизно 1 хвилина. Відеоролик було створено за
допомогою програмного забезпечення, а саме Аfter Еffects, Vegas Pro.
52

Висновки до третього розділу
Дизайн-проєкт інтерактивного підручника з історії
західноєвропейського мистецтва базується на основі практичного
застосування теоретичних відомостей, набутих під час наукового
дослідження. Для ілюстративного матеріалу інтерактивного підручника було
розглянуто структуру обраних інтерактивних книг та їх дизайн і визначено
напрямки, відповідно до яких розвивався дизайн власної авторської
пропозиції.
Завдання графічного дизайнера полягає у створені дизайн проєкту книги
який відповідатиме всім вимогам ДСТУ 3772-98, а саме IV групи – для
підлітків від 15 до 18 років включно, учнів 9 - 11 класів, студентів
спеціальності – 022 Дизайн. Проєктована книга має бути зручною у
використанні, оскільки книга є інтерактивною її контент має бути простим і
зрозумілим. Художнє оформлення має відповідати віковому критерію, бути
зрозумілим, чітким, інформаційним та яскравим, анімація повинна бути
простою, яка привертатиме увагу, але не відволікатиме від навчально процесу.
Головні вимоги художнього оформлення проєкту, які було дотримано –
це створення:
а) ряду зображень, здатних розвивати інтелектуальні здібності,а саме:
сприяти розвитку образного й логічного мислення, сенсорних здібностей,
концентрації уваги, пам’яті та уяви;
б) художніх образів, здатних активізувати усвідомлення людини при
читанні, грі та запам’ятовуванні інформації.

53

ВИСНОВКИ

Створення інтерактивних книг (підручників, посібників) є складним
процесом. Він вимагає розуміння призначення цих книг та особливостей
використання інтерактивних елементів. При наукових дослідженнях було
проаналізовано особливості організації тексту, шрифтових виділень,
ілюстраційного матеріалу та колірного оформлення сторінок. Виявлено, що
основними інтерактивними елементами, які використовуються у виданні, є:
гіпертекстові посилання, відеофрагменти, навігаційні елементи, кнопки
текстових пояснень, кнопки-перемикачі.
В роботі досліджено можливості застосування проєктно-художніх
засобів в дизайні інтерактивних підручників (посібників) та впроваджено
отримані результати щодо поставленої мети на практиці в дизайні
інтерактивного підручника з історії західноєвропейського мистецтва.
Досліджено такі питання як: історія розвитку інтерактивної видань,
проблематика та стан дослідження, становлення інтерактивної книги у світі й
Україні, класифікація і типологія інтерактивних видань, проєктно-художні
засоби в дизайні інтерактивних видань, а також запропоновано авторське
бачення інтерактивного підручника. Отримані результати дослідження
підтверджуються висновками:
1. Зроблено ґрунтовний аналіз стану предмету дослідження та
історіографії проблематики. Визначено актуальність, мету, предмет, об’єкт та
завдання, які виконано для досягнення поставленої мети. Означено і
проаналізовано джерельну базу дослідження, яка представляє собою широке
коло різноманітних видів і категорій джерел. Означені методи для
дослідження проєктно-художніх засобів в дизайні інтерактивних підручників,
а саме: метод порівняння, аналізу перших інтерактивних книг, сучасних робіт,
які змінювались з розвитком технологій, внеску науковців, митців, дизайнерів
та художників в розвиток і становлення дизайну інтерактивного видання;
54

науковий метод, що передбачає сукупність методів встановлення параметрів,
структури, інших характеристик досліджуваного предмету і об’єкту.
2. Досліджено еволюцію розвитку інтерактивних видань (книг) та
визначено періоди становлення і розвитку цього процесу, які позначалася
наступними етапами: перехід від друкованого формату в електронний;
розширення типологічного і тематичного складу видання; поява
інтерактивної книги; видавництво інтерактивних книги. Проаналізовано
становлення інтерактивної книги в Україні в світовому контексті. При
вивченні проблематики, було визначено, що питання дизайну інтерактивної
книги потребують подальшого вивчення і опрацювання. Теоретичні розробки
по темі в більшості належать західноєвропейським дослідникам та
дослідникам США, вітчизняними ж дослідниками написана досить невелика
кількість праць, які здебільшого аналізують вже існуючі матеріали.
3. Досліджено і доповнено класифікацію і типологію інтерактивних
видань. Технологічні, функціональні, конструктивні особливості книги
обумовили принципи формування типології книги і виокремлення наступних
типологічних одиниць: вид електронне видання; підвиди аудіо,
мультимедійне, інтерактивне (містить у собі всі види електронних видань); за
функціональним призначенням: навчально-пізнавальне видання, ігрове
видання, творчо-моделювальне видання, комбіноване видання. Виявлено, що
популярність інтерактивної книги обумовлюється застосуванням проєктно-
художніх засобів в дизайні інтерактивної книги, що дозволяє розширити її
інформаційну насиченість, покращити естетику видання. Переваги
інтерактивної книги: компактність і портативність, налаштування зображення
і тексту, додаткові можливості навігації, низька вартість (в електронному
вигляді книга дешевше), негайне отримання книги, екологічність. Недоліки:
пристрої для читання електронних книг більш чутливі до фізичного
пошкодження, ніж друковані видання, пристрої вимагають періодичної
підзарядки.
55

4. Визначено і проаналізовано проєктно-художні засоби в дизайні
інтерактивних підручників. Встановлено, що підручник, як цілісний об’єкт,
включає у себе три основні структурні рівні – змістовий, образотворчий та
архітектонічний. Змістовий рівень виступає ідеєю, формує задум та концепцію
майбутнього дизайну книг. Образотворчий рівень втілюється через графічно-
зображальну інформацію (ілюстрація, шрифт, декоративні елементи).
Архітектонічний рівень забезпечує утворення об’ємно-просторової форми
видання, яке побудоване на змісті літературного твору та графічно-
зображальних особливостях образотворчого рівня. Визначено художньо-
технологічні аспекти взаємодії шрифту як каналу вербальної інформації,
ілюстрації як художньо-образної інформації та конструкції як форми
вираження змісту. Зазначено, що ілюстрація трансформується зі статичної у
мультимедійну, яка поєднує аудіо-, відео-, графічну, анімаційну зображальну
інформацію. Проєктування інтерактивного підручника передбачає тісне
переплетення з технологічними процесами виготовлення продукції, тому
акцентується увага на візуальності, анімаційності, інтерактивності та
віртуальності як основних принципах проєктування книги.
5. Запропоновано авторське бачення інтерактивного підручника,
проєктної пропозиції, яка полягає у використанні інтерактивної книги у
навчанні студентів тощо. Розроблена інтерактивна книга є доповнюваним
матеріалом для вивчення предмету з історії мистецтв. Дизайн проєкт
інтерактивного підручника базується на основі практичного застосування
теоретичних і практичних відомостей, набутих під час наукового дослідження.
Для створення ілюстративного матеріалу інтерактивного підручника було
розглянуто структуру обраних інтерактивних книг та їх дизайн і визначено
напрямки, відповідно до яких розвивався дизайн авторської пропозиції.

56

СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ
1. «Особливості розроблення інтерактивних електронних книг» /
[електронний ресурс]: стаття – М.А.Назаркевич, О.В.Сторож, І.І.Клюйник
http://ena.lp.edu.ua:8080/bitstream/ntb/31593/1/23-332-347.pdf/(дата звернення
10.05.2021). — назва з екрана.
2. Інтерактивна книга як сучасний видавничий продукт/ [електронний
ресурс]: стаття – Н.А.Коржик/ режим доступу: https://doi.org/10.31516/2410-
5333.053.05/(дата звернення 10.05.2021). — назва з екрана.
3. Василишин О.М. Бібліографічний покажчик / уклад.:
О.М.Василишин О. В.Мельников. - Львів : Укр. Акад. Друкарства, 2009. – 68
с.
5. Study: E-books Settle In / [електронний ресурс]: стаття – Jim Milliot /
режим доступу: http://www.publishersweekly.com/pw/by-topic/digital/content-
and-e-books/article/59791-study-e-books-settle-in-as-anotherbook-
format.html/(дата звернення 10.05.2021). — назва з екрана.
6. Єфімова М.П. Інтерактивна дитяча книга в Україні: становлення та
перспективи. - 2007
7. Побідаш І.Л., Рожанська В.О., Фіголь Н.М. Ринок інтерактивних книг
в Україні.2005
8. Глоубері Б. / [електронний ресурс]: стаття-електронні дані [2021]/
режим доступу: http//www.glowberrybooks.com/(дата звернення: 10.04.2021). -
Назва з екрана
9. Інтерактивна казка «Котигорошко» – на app store/ / [електронний
ресурс]: стаття – Оксана Хмельновська – електронні дані [2021]/ режим
доступу: /https://archive.chytomo.com/news/vidavci-interaktivnu-kazku-
kotigoroshko-na-app-store-kupuyut-uzhe-v-ssha-j-kanadi/(дата звернення:
10.04.2021). - назва з екрана
10. Яковлев Б.С. Особливості дизайну електронних книг. 2003
11. Женченко М.І. Технології макетування і верстання інтерактивних
електронних видань. 2009
57

12. Сисоєва С.О. Інтерактивні технології навчання дорослих. 2006
13. Історія виникнення книги/ [електронний ресурс]: стаття – електронні
дані [2019] / режим доступу: http://drukarstvo.com/stvorennya-knyhy/ (дата
звернення 10.05.2021). — назва з екрана.
14. Класифікація книг/ [електронний ресурс]: стаття / режим доступу:
https://sites.google.com/site/paskal96ramblerru/klasifikacia-knig/ (дата
звернення 10.05.2021). — назва з екрана.
15. Вікіпедія / Електронна книга [електронний ресурс]: стаття / режим
доступу: http://uk.wikipedia.org/wiki/Електронна книга/ (дата звернення
10.05.2021). — назва з екрана.
16. ГОСТ 7.60 - 2003. Видання. Основні види. Терміни та визначення:
Введ. 2003-05-22. М.: Изд-во стандартів, 2004. - 41 с. ;
17. Василишин О.М. Бібліографічний покажчик / уклад. :
О.М.Василишин, О. В. Мельников,. — Львів : Укр. Акад. Друкарства, 2009. –
68 с.
18. Кандинський В.В. Вибрані праці з теорії мистецтва: У 2-х т. Видання
друге, виправлене і доповнене / За ред. Н. Б. Автономової, Д. В. Сарабьянова,
В. С. Турчина. Т. II. 1918-1938. М.: Гілея, 2008. - 446 с.;
19. Вікіпедія / Растровий графічний редактор [електронний ресурс]:
стаття / режим доступу:
http://uk.wikipedia.org/wiki/Растровий_графічний_редактор/ (дата звернення
10.05.2021). — назва з екрана.
20. Вікіпедія / Векторний графічний редактор [електронний ресурс]:
стаття / режим доступу:
http://uk.wikipedia.org/wiki/Векторний_графічний_редактор/ (дата звернення
10.05.2021). — назва з екрана.
21. Вікіпедія / Анімація [електронний ресурс]: стаття / режим доступу:
http://uk.wikipedia.org/wiki/Анімація(дата звернення 10.05.2021). — назва з
екрана.
58

22. 10 якостей шрифтів та їх застосування у дизайні [електронний
ресурс]: стаття / режим доступу: https://rentafont.livejournal.com/7628.html
/(дата звернення 10.05.2021). — назва з екрана.
23. Санітарні правила щодо оформлення шкільних підручників
[електронний ресурс] / електронні дані [2011]: стаття / режим доступу:
https://www.alppp.ua/law/promyshlennost/26/.html /(дата звернення 10.05.2021).
— назва з екрана.
24. Глоубері Б. [електронний ресурс]: стаття / режим доступу:
http//www.glowberrybooks.com /(дата звернення 10.05.2021). — назва з екрана.
25. Вікіпедія / “Видавництво старого лева” [електронний ресурс]: стаття
/ режим доступу: http://uk.wikipedia.org/wiki/ Видавництво старого лева /(дата
звернення 10.05.2021). — назва з екрана.
26. Вікіпедія / “А-ба-ба-га-ла-ма-га” [електронний ресурс]: стаття /
режим доступу: http://uk.wikipedia.org/wiki/ А-ба-ба-га-ла-ма-га /(дата
звернення 10.05.2021). — назва з екрана.
27. Gutenbergz / Проекти [Електронний ресурс] Режим доступу:
http://www.gutenbergz.com/ua /(дата звернення 10.05.2021). — назва з екрана.
28. Життя / 10 українських інтерактивних книжок [електронний ресурс]:
стаття / режим доступу: https://life.pravda.com.ua/culture/2016/04/30/211740
/(дата звернення 10.05.2021). — назва з екрана.
29. Вікіпедія / Концепція [електронний ресурс]: стаття / режим доступу:
http://uk.wikipedia.org/wiki/Концепція /(дата звернення 10.05.2021). — назва з
екрана.
30. Вікіпедія / Метадологія педадогічного дослідження [електронний
ресурс]: стаття / режим доступу:
http://uk.wikipedia.org/wiki/Метадологіяпедадогічного дослідження /(дата
звернення 10.05.2021). — назва з екрана.
31. Сучасний дизайн/ [електронний ресурс]: стаття - електронні дані
[2017 - 2021]/ режим доступу:
https://ozlib.com/1070360/sotsium/sovremennyy_dizayn
59

/(дата звернення 10.05.2021). — назва з екрана.
32. Граючись – навчатись. Інтерактивні підручники – нові тренди
сучасної України/ [електронний ресурс]: стаття - електронні дані [2018 - 2021]/
режим доступу: https://geneza.ua/news/grayuchis-navchatis-interaktivni-
pidruchniki-novi-trendi-suchasnoi-ukraini /(дата звернення 10.05.2021). — назва
з екрана.
33. Енциклопедії з доповненою реальністю/ [електронний ресурс]:
стаття - електронні дані [2015 - 2021]/ режим доступу:
https://ast.ua/series/entsiklopedii (дата звернення 10.05.2021). — назва з екрана.

60

ДОДАТКИ

Додаток А

Рис. А1. Інтерактивна книга «Гарбузовий рік» К.Бабкіної

61

Рис. А2. Інтерактивна книга «Котигорошко»

Рис. А3. Інтерактивна книга «Снігова королева»

Рис. А4. «Сім воріт» О.Захарченко

62

Рис. А5. Приклад двомірної графіки

Рис. А6. Приклад тримірної графіки

Рис. А7. Adobe Photoshop

Рис. А8. Adobe Fireworks

Рис. А9. PaintTool SAI
63

Рис. А10. Corel

Рис. А11. Adobe Illustrator

Рис. А12. Накреслення Thin, Regular, Black гарнітури Kazimir Text.

Рис. А13. Надвузький шрифт – Reforma Grotesk Medium, шрифт нормальної
ширини – Pragmatica Book, надширокий шрифт – Europe Extended.

64

Рис. А14. Неконтрастний шрифт – Stem, шрифт з помірним контрастом – PT
Serif, максимальний контраст – DietDidot.

Рис. А15. Низькі рядкові – шрифт Metropol, середні рядкові – шрифт Orbi
Sans, високі рядкові – шрифт Hermes.

Рис. А16. Загострені кути – шрифт Acsioma, прямі кути – шрифт TT Souses,
округлені кути – шрифт Sans R

65

Рис. А17. Вогнуті зарубки – шрифт Lazurski, лінійні зарубки – шрифт
Petersburg, брускові зарубки – шрифт Pragmatica Slabserif.

Рис. А18. Курсивне накреслення – шрифт Kudryashev Italic, нахилене
накреслення – шрифт Pragmatica Italic.

Рис. А19. Гуманістичний гротеск – шрифт Leksa Sans, геометричний гротеск
– шрифт Futura PT, модульний шрифт – Robotesqa 4f.

66

Рис. А20. Геометричні гротески у сучасних логотипах

Рис. А21. Статичний шрифт Din PT, динамічний шрифт Venetian, максимум
динаміки – шрифт Liana.

Рис. А22. Відкритий шрифт – PT Sans, середня апертура – шрифт Textbook
New, закритий шрифт – Helvetica.

67

Рис. А23. Логотип видавництва «Видавництво Старого Лева»

Рис. А24. Логотип видавництва «А-БА-БА-ГА-ЛА-МА-ГА»

Рис. А25. Логотип видавництва «Glowberry Books»

68

Рис. А26. Розворот книги «Забавлянки»

Рис. А27. Книга» Райдугони та Маленький Сонько»

Додаток Б
69

Рис. Б1. Розворот казки «Снігова Королева»

Рис. Б2. Інтерактивна книга «Ґаджетаріум»

70

Рис. Б3. Підручник з мистецтва для 1 класу », автори Л. М. Масол, О. В.
Гайдамака, О.М. Колотило

ChSTU repository

ChSTU repository preserves and enables easy and open access to all types of digital content including text, images, moving images, mpegs and data sets