РОЗРОБКА ГРАФІЧНИХ ІНФОРМАЦІЙНИХ ЛИСТІВ ДЛЯ КАФЕДРИ РАДІОТЕХНІКИ І РОБОТЕХНІКИ ЧДТУ

Погрєбна, Христина Едуардівна

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

Title:	РОЗРОБКА ГРАФІЧНИХ ІНФОРМАЦІЙНИХ ЛИСТІВ ДЛЯ КАФЕДРИ РАДІОТЕХНІКИ І РОБОТЕХНІКИ ЧДТУ
Authors:	Храмова-Баранова, Олена Леонідівна Погрєбна, Христина Едуардівна
Keywords:	графічний дизайн;графічні листи;мобільний додаток;презентаційний плакат
Issue Date:	Jun-2019
Abstract:	РОЗРОБКА ГРАФІЧНИХ ІНФОРМАЦІЙНИХ ЛИСТІВ ДЛЯ КАФЕДРИ РАДІОТЕХНІКИ І РОБОТЕХНІКИ ЧДТУ. Актуальність обраної теми полягає у популяризації такої науки як радіотехніка та робототехніка. Можливість, за допомогою засобів графічної діяльності, залучити студентів до активної наукової діяльності кафедри й університету, підвищити рівень знань та прагнення до навчання, зацікавити абітурієнтів. Метою проекту є розробити графічні листи, які будуть представлені у вигляді проекту оформлення стіни та мобільного додатку, в якому студент зможе більш детально ознайомитись з обраною темою і викласти в загальний доступ власну статтю, курсову або наукову роботу.
URI:	https://er.chdtu.edu.ua/handle/ChSTU/8108
Appears in Collections:	022 Дизайн (Графічний дизайн)

Files in This Item:

File	Description	Size	Format
Диплом Погребная Кристина2019.pdf Restricted Access		2.7 MB	Adobe PDF	View/Open Request a copy

Show full item record

Extracted text

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

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

Напрям підготовки - Дизайн
Спеціальність 022 – Дизайн (Графічний дизайн)

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

на тему: «РОЗРОБКА ГРАФІЧНИХ ІНФОРМАЦІЙНИХ ЛИСТІВ ДЛЯ
КАФЕДРИ РАДІОТЕХНІКИ І РОБОТЕХНІКИ ЧДТУ»

Студент групи ДЗ-51 Х.Е. Погрєбна

Керівник, професор О.Л. Храмова-Баранова

«Допуск до захисту»
Завідувач кафедри дизайну
____________Н.Г.Романенко
___ _______20 рік

Черкаси 2019
2

Черкаський державний технологічний університет
(назва вузу)

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

«ЗАТВЕРДЖУЮ»

Завідувач кафедри
дизайну Н.Г. Романенко

«____» ______ 20 ___ р.

ЗАВДАННЯ
на виконання кваліфікаційної роботи бакалавра

Погрєбній Христині Едуардівні
(прізвище, ім’я, по батькові)

1. Тема роботи «Розробка графічних інформаційних листів для кафедри радіотехніки і
роботехніки ЧДТУ»,
затверджена наказом по університету від « » р. №

2. Термін здачі студентом закінченої роботи .

3. Вихідні дані: лекційний матеріал з основ радіотехніки та роботехніки.

4. Зміст кваліфікаційної роботи
(перелік питань, що їх належить розробити)
1. Вступ;
2. Стан предмету дослідження і формулювання проблеми;
3. Мистецтво образної мови наскального малюнку і сучасний дизайн;
4. Наскальні малюнки як джерело творчості свого проекту;
5. Список використаних джерел;
6. Додатковий матеріал.

5. Перелік графічного матеріалу 8 плакатів формату А1: Презентаційна афіша; Розробка
констант; Образно-графічне вирішення героїв; Проект оформлення стіни; Презентація
етапів розробки мобільного додатку: Розробка User flows, Створення Wireframe, Розробка
дизайну, Презентація мобільного додатку.
3

6. Консультанти з кваліфікаційної роботи із зазначенням розділів, що їх
стосуються
Підпис, дата
Розділ Консультант завдання завдання
видав прийняв
Графічна частина Храмова-Баранова О.Л.
Пояснювальна записка Храмова-Баранова О.Л.
Патентна частина Гладкова І.П.

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

Керівник Храмова-Баранова О.Л.

(підпис)

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

4

ЗМІСТ

ВСТУП ............................................................................................................... 4
РОЗДІЛ 1. ПЕРЕДПРОЕКТНІ ДОСЛІДЖЕННЯ
1.1 . Історія розвитку графічних листів ................................................... 7
1.2 . Мобільні додатки та їх види ........................................................... 10
1.2. Особливості використання мобільних додатків у навчанні .......... 17
РОЗДІЛ 2. ОПИС ТА ОБГРУНТУВАННЯ ДИЗАЙН ПРОПОЗИЦІЇ
2.1. Дослідження аналогів, вибір прототипу........................................ 23
2.2. Розробка концепції, стилістичне вирішення ................................. 28
2.3 Графічне вирішення образів, обґрунтування вибору колірної гами,
вибір гарнітури шрифту ................................................................................... 31
РОЗДІЛ 3. ДИЗАЙНЕРСЬКЕ РІШЕННЯ ПРОЕКТУ
3.1 Етапи розробки графічних листів ................................................... 33
3.2 Етапи розробки мобільного додатку .............................................. 42
3.3. Етапи реалізації ............................................................................... 47
РОЗДІЛ 4. ВИЗНАЧЕННЯ ПАТЕНТОСПРОМОЖНОСТІ ПРОЕКТУ
4.1. Патентні дослідження .................................................................... 49
ВИСНОВКИ ................................................................................................... 53
СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ..................................................... 54
ДОДАТКИ ...................................................................................................... 58

5

ВСТУП
Наука і технології в ХХІ столітті дуже стрімко розвиваються. Для того
щоб не просто встигати за цим розвитком, а й мати можливість впливати на
нього дуже важливим є впровадження нових Інтернет технологій у навчальний
процес. Це допоможе наблизити його до сучасного студента, адже спосіб
подачі інформації напряму впливає на те, наскільки легко вона
засвоюватиметься і чи засвоюватиметься взагалі. Мобільний додаток завжди є
доступним для користувача, а тому процес самоосвіти відбуватиметься у
зручний для студента час і у легкій сучасній формі.
Представлено дипломний проект освітньо-кваліфікаційного рівня
«бакалавр», присвячений розробці графічних інформаційних листів для
кафедри радіотехніки і робототехніки ЧДТУ, які в майбутньому можуть
знайти своє застосування у профорієнтаційній роботі та покликанні
полегшити навчальний процес за рахунок лаконічної візуалізації великих
масивів інформації.
Актуальність обраної теми полягає у популяризації такої науки як
радіотехніка та робототехніка. Можливість, за допомогою засобів графічної
діяльності, залучити студентів до активної наукової діяльності кафедри й
університету, підвищити рівень знань та прагнення до навчання, зацікавити
абітурієнтів.
Метою проекту є розробити графічні листи, які будуть представлені у
вигляді проекту оформлення стіни та мобільного додатку, в якому студент
зможе більш детально ознайомитись з обраною темою і викласти в загальний
доступ власну статтю, курсову або наукову роботу.
Для досягнення поставленої мети необхідно вирішити наступні задачі:
а) дослідити етапи створення графічних листів та мобільних додаткі,
б) провести патентні дослідження,
в) сформувати концепцію проекту та розробити основні константи,
г) стилізація образів та розробка графічних листів,
6

д) створення проекту оформлення стіни на основі розроблених
графічних листів,
е) розробка мобільного додатку та його анімованого прототипу.
Структура та обсяг роботи: випускна робота бакалавра за темою
«Розробка графічних інформаційних листів для кафедри радіотехніки і
робототехніки ЧДТУ» складається з графічної частини, пояснювальної
записки та відеороліку. Обсяг даної роботи складає 76 сторінок.

7

РОЗДІЛ 1.
ПЕРЕДПРОЕКТНІ ДОСЛІДЖЕННЯ
1.1. Історія створення графічних листів
Графічні листи – це серія графічних зображень виконаних у бідь-якій
техніці, які можуть бути використані в подальшій роботі над будь-яким
проектом, наприклад, ілюстрації до книги, оформлення плакату, оформлення
стіни. Графічні листи служать для швидкого та зрозумілого засвоювання
інформації.
Зображення — відтворення виду, форми і кольору предмета світловими
променями, що пройшли оптичну систему з центрованих сферичних
поверхонь, які мають одну загальну оптичну вісь. Якщо зображення предмета
утворено перетинанням самих променів, то воно називається дійсним, якщо
їхнім продовженням — уявним. При цьому можливі такі випадки:
При розташуванні предмета за подвійною фокусною відстанню від
системи його зображення, розташоване за першим фокусом у просторі
зображень, буде дійсним, зменшеним і зворотним
При розташуванні предмета на подвійній фокусній відстані від системи
його зображення, розташоване в просторі зображень також на подвійній
фокусній відстані від системи, буде дійсним, рівним самому предмету і
зворотним
Якщо предмет розташований між першим і другим фокусами, його
зображення, одержуване в просторі зображень за подвійним фокусом, буде
дійсним, збільшеним, зворотним
Якщо предмет розташований між переднім фокусом і системою, його
зображення, одержуване також у просторі предметів, буде уявним, прямим і
збільшеним.
Зображальні засоби ділять на три види[1]:
• Основні елементи образотворчої мови (лінія, пляма, крапка, штрих).
8

• Кошти їх організації, коли вибудовують те, що називають
композицією в найбільш розгорнутому її прояві.
• Властивості поверхні, на якій виходить зображення.
Відповідно до виявлених елементами графіки, зображення умовно
діляться на чотири основні групи: лінеарні, плямові штрихові, точкові.
Ще одну велику групи складають комбіновані зображення: на основі
лінії і плями; лінії і штриха; точки і лінії; точки і штриха; плями і штриха;
плями і точки; лінії, плями і штриха; точки, лінії і плями; точки, лінії і штриха;
точки, плями і штриха; точки, плями, штриха і лінії.
Кожне графічне зображення може містити всі елементи в певних
пропорціях щодо один одного.
Найпростіший спосіб малювання – вручну, на дисплеї, – з
використанням програм графічного редагування та верстки. Для делікатних
графічних робіт існує безліч спеціальних пристроїв, від тих же мишок у формі
товстого олівця, різноманітних креслярських планшетів, і аж до екранів,
чутливих на дотик. Відповідні програми сприймають вказані координати та
супровідні команди, і зберігати подібні побудови доречніше у векторних
форматах.
Повноцінні растрові зображення надходять з фотокамер та сканерів.
Зауважимо, що сканери з самого початку свого існування були схвально
зустрінуті як довгоочікувані й необхідні пристрої. Зокрема, з їх допомогою
відбувається масове «оцифрування» набутків культури – книжок і фотоплівок.
На протилежність цьому, скептичне ставлення щодо цифрових фотоапаратів
минає лише останніми роками, коли вони зрівнялися за багатьма споживчими
характеристиками з традиційними плівковими.
Стилізація – у мистецтві й літературі свідоме наслідування формальних
прикмет якогось стилю. У мистецтві можна стилізувати під будь-який стиль
(єгипетський, візант., бароковий, бідермаєр, народне мистецтво тощо); часом
9

це наслідування виростає у власні стилі (неокласицизм, неовізантизм,
неореалізм тощо).
Стилізація це один із прийомів візуальної організації образного
вираження, при якому виявляються найбільш характерні риси предмета і
відкидаються непотрібні деталі[3]. Стилізація як процес роботи являє собою
декоративне узагальнення зображуваних об'єктів (фігур, предметів) за
допомогою ряду умовних прийомів зміни форми, об'ємних і колірних
співвідношень.
Творчий метод стилізації увазі запозичення історичних, національних,
сюжетних мотивів або художніх прийомів із уже наявного культурного
досвіду, їх творче переосмислення і образну передачу сучасними художніми
засобами[4].
Декоративним зображенням властиві узагальнення, умовність форми,
кольору, перебільшення тих чи інших ознак, внесення елементів
фантастичного.
Основні художньо-образотворчі прийоми декоративної стилізації [2]:
• виявлення структури для посилення умовності;
• стилізоване подання фактури;
• виявлення характерного через силуетне зображення;
• диспропорційність, порушення пропорцій для досягнення необхідної
виразності;
• деформація;
• геометризація;
• візуальна трансформація основних структурних елементів вихідного
об'єкта для отримання якісно нового;
• деталізація для посилення декоративності.
Стилізація людини відбувається із застосуванням декількох способів.
Один з них - це збільшення реального росту людини. Зберігаючи його
пропорції, художник змінює довжину кінцівок і основних частин. Таким
10

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

1.2. Мобільні додатки та їх види
Мобільний додаток (англ. «Mobile app») — програмне забезпечення,
призначене для роботи на смартфонах, планшетах та інших мобільних
пристроях. Багато мобільних додатків встановлені на самому пристрої або
можуть бути завантажені на нього з онлайн магазинів мобільних застосунків,
таких як App Store, Google Play, Windows Phone Store та інших, безкоштовно
або за плату.
Спочатку мобільні додатки використовувалися для швидкої перевірки
електронної пошти, але їх високий попит призвів до розширення їх призначень
і в інших областях, таких як ігри для мобільних телефонів, GPS, спілкування,
перегляд відео та користування Інтернетом. Ринок мобільних додатків на 2019
рік дуже розвинений і невпинно зростає. На сьогоднішній день більшість
мобільних пристроїв продаються з уже встановленим набором мобільних
11

додатків, таких як веб браузер, поштовий клієнт, календар (наприклад, Google
Calendar), застосунок для придбання та прослуховування музики та інші.
Деякі, попередньо встановлені додатки, можуть бути вилучені з мобільного
пристрою користувачем, за допомогою звичайного процесу видалення,
звільняючи більше місця для зберігання інших (бажаних) додатків.
Додатки, що відразу не встановлені на мобільний пристрій, доступні для
завантаження та встановлення через платформи їх розповсюдження. Такі
платформи називаються магазинами застосунків. Вони почали з'являтися у
2008 році, та зазвичай, керуються компанією власником мобільних
операційних систем: Apple App Store, Google Play, Windows Phone Store і
BlackBerry App World.
Застосунки також можуть бути встановлені власноруч користувачем, як
наприклад, запуск пакету програм для Android на пристроях з операційною
системою Android.
Спочатку мобільні додатки пропонувалися як інструменти для контролю
та оперування загальних потоків інформації, включаючи електронну пошту,
календар, контакти, фондовий ринок та інформацію про погоду. Тим не
менше, попит та наявність інструментів для розробників зумовили швидке
поширення застосунків і для інших категорій електронних пристроїв, які
функціонують за допомогою настільних прикладних програм. Як і у випадку
з іншим програмним забезпеченням, вибухова кількість та різноманіття
мобільних додатків призвела до виникнення великої кількості пізнавальних
ресурсів про них — з відгуками, рекомендаціями та оглядами, а саме: блоги,
журнали та спеціальні служби виявлення додатків в Інтернеті. У 2014 році
державні регуляційні служби України почали створювати та регулювати
мобільні додатки, зокрема ті, які мають відношення до медичної індустрії.
Деякі компанії навіть почали пропонувати застосунки, як альтернативний
метод надання інформації, на противагу офіційним веб-сайтам. Так,
12

наприклад, у 2017 році більш ніж 60% трафіку на сайти українських
мікрофінансових компаній було отримано з мобільних пристроїв [5].
Користування мобільними додатками серед користувачів мобільних
пристроїв стає все більш і більш популярнішим. Згідно даних дослідження
компанії AppAnnie за 2017 рік кількість завантажень додатків зросла на 60%,
споживчі витрати зросли більш ніж удвічі, а час, витрачений на додаток
кожним користувачем складає близько 43 днів на рік [6]. Дослідники виявили,
що використання мобільних додатків чітко корелюється з їх наповненням та
залежить від часу доби і локації розміщення користувача. Мобільні додатки
відіграють все більш значущу роль в галузі охорони здоров'я, а при врахуванні
правильного дизайну та інтеграції — можуть надати багато переваг. Також
компанія AppAnie прогнозує зростання ринку мобільних додатків на 270% до
2020 року [7].
Мобільні додатки можна розділити по такі категорії:
• Розваги (ігри; замовлення квитків в кіно, театр, на виставку; додатки для
дітей; нічне життя та розваги).
• Подорожі (замовлення готелю, машини та інше; туристичні гіди).
• Бізнес (додатки для фінансових організацій і банків; торгівля
нерухомістю; онлайн-продажу; додатки для міста; пошук роботи).
• Соціальні програми (соціальні мережі).
• Їжа (замовлення і доставка їжі; визначення геолокації ресторані;
рецепти).
• Спорт (спортивні новини; купівля квитків; ігри).
• Освіта (навчання дітей; навчання навичкам).
• Новини (газети, журнали та інші ЗМІ) [8].
За типами мобільні додатки можна поділити на нативні, мобільні веб-
додатки та гібрідні.

Нативні додатки
13

Ці додатки називають нативними тому, що вони написані рідною (з англ.
Native - рідна) для певної платформи мовою програмування. Для Android цією
мовою є Java, тоді як для iOS - objective-С або Swift.
Нативні додатки знаходяться на самому пристрої, доступ до яких можна
отримати, натиснувши на іконку. Вони встановлюються через магазин
додатків (Play Market на Android, App Store на iOS і ін.).
Вони розроблені спеціально для конкретної платформи і можуть
використовувати всі можливості пристрою - камеру, GPS-датчик,
акселерометр, компас, список контактів і все інше. Також вони можуть
розпізнавати стандартні жести, встановлені операційною системою або зовсім
нові жести, які використовуються в конкретному додатку.
В силу того, що нативні додатки оптимізовані під конкретну ОС, вони
органічно вписуються в будь-який смартфон, відрізняючись високою
швидкістю роботи і продуктивністю.
Нативні додатки можуть отримати доступ до системи оповіщення
пристрою, а також, в залежності від призначення нативного додатки, воно
може повністю або частково обходитися без наявності інтернет-з'єднання.
Плюси нативних додатків:
• швидкість роботи, продуктивність, високий ступінь безпеки;
• розширений інтерфейс, максимально можлива функціональність;
• здатність працювати без Інтернету;
• зручність для кінцевого користувача.
Мінуси нативних додатків:
• охоплення платформ;
• відносно висока вартість розробки та тривалі терміни розробки;
• необхідність випускати оновлення в косметичних цілях.
Мобільні веб-додатки
Насправді мобільні веб-додатки не є додатками як такими. Адже справа
в тому, що веб-додаток, по суті, являє собою сайт, який адаптований і
14

оптимізований під будь-який смартфон. І для того, щоб скористатися ним,
достатньо мати на пристрої браузер, знати його адресу і розташовувати
інтернет-з'єднанням (завдяки йому відбувається оновлення інформації в
даному виді додатків).
Запускаючи мобільні веб-додатки, користувач виконує всі ті дії, які він
виконує при переході на будь-який веб-сайт, а також отримує можливість
«встановити» їх на свій робочий стіл, створивши закладку сторінки веб-сайту.
Веб-додатки відрізняються кроссплатформенную, тобто здатні
функціонувати, незалежно від платформи девайса. Козирем в їх рукаві
виступає і те, що вони не використовують його програмне забезпечення. А
через те, що є мобільною версією сайту з розширеним інтерактивом, веб-
додатки не відбирають дорогоцінний місце в пам'яті смартфона.
Веб-додатки стали широко популярні в той час, коли почав розвиватися
HMTL5 і люди усвідомили, що можуть отримати доступ до безлічі функцій
нативних додатків, просто зайшовши на веб-сайт через звичайний браузер. На
сьогоднішній день складно сказати, де саме розташовується чітка межа між
веб-додатками і звичайними веб-сторінками, оскільки функціонал HTML5
зростає з кожним днем і все більше і більше сайтів його використовують.
Розробляються веб-додатки за допомогою інструментів і фреймворків,
які стали традиційними. Внаслідок чого процес їх розробки останнім часом
істотно прискорився. Фахівців з їхньої розробки, до всього іншого, так і зовсім
достатньо.
У той же час камінь в город веб-додатків слід кинути за нездатність
працювати з ними без Інтернету. Причому з цього випливає і інший мінус – їх
продуктивність, яка знаходиться на середньому рівні, в порівнянні з іншими
видами додатків. Більш того, вона залежить від можливостей інтернет-
з'єднання провайдера послуг.
Плюси мобільних веб-додатків:
• повне охоплення платформ;
15

• простий і швидкий процес розробки;
• відсутність необхідності завантаження з магазину додатків.
Мінуси мобільних веб-додатків:
• обов'язкове підключення до Інтернету;
• убогий інтерфейс програми;
• неможливість відправити push-повідомлення;
• продуктивність і швидкість роботи, незадовільний рівень безпеки.
Гібридні додатки
Гібридні додатки являють собою поєднання веб і нативних додатків.
Особливо, мається на увазі їх кроссплатформенность і доступ до функціоналу
смартфона. Такі додатки можуть бути завантажені виключно з маркетів на
кшталт Google Play і App Store. Разом з тим вони мають у своєму
розпорядженні опцією автономного оновлення інформації, а для їх роботи
необхідно інтернет-підключення. Без наявності останнього веб-функції просто
не працюють.
Серед багатьох компаній вибір найчастіше падає на розробку саме
гібридного додатку. Це можна пояснити тим, що гібридні програми здатні
поєднувати гідності нативних з технологічною актуальністю, яка
забезпечується останніми веб-технологіями. Однак, на відміну від нативних,
вартість створення гібридних на порядок нижче, а його швидкість - вище.
Спорідненість гібридних додатків з веб-додатками, в свою чергу, дає плоди у
вигляді того, що в них можна легко і оперативно вносити корективи. Тобто
розробникам не доводиться, як у випадку з нативними, повторно розміщувати
додаток в магазині заради усунення помилок попередньої версії.
Розробка гібридного додатки бачиться перспективною ще й тому, що
вона має на увазі створення його відразу під дві платформи. Як наслідок, це
позбавляє головного болю, пов'язаного з окремою розробкою програми під
кожну ОС.
16

Крім усього іншого, потрібно взяти на замітку, що якість і можливості
гібридних додатків залежать, перш за все, від фреймворка, який використовує
розробник. Також варто приділити належну увагу факторам, які роблять
гібридні програми варіантом на тлі інших.
Отже, варто розробляти його, якщо є необхідність заощадити в
бюджетному плані, потрібно створити відносно нескладне додаток з простою
анімацією, є завдання оперативної розробки програми як мінімум на 2
платформи.
Плюси гібридних додатків:
• вартість і швидкість розробки та кількість розробників;
• кроссплатформенность;
• опція автономного поновлення.
Мінуси гібридних додатків:
• некоректна робота при відсутності інтернет-з'єднання;
• середня швидкість роботи на тлі нативних;
• мінімалізм щодо візуальних елементів.
Вибір відповідної моделі мобільного додатка – це дуже важливий етап в
його розробці, на який впливають кілька факторів, таких як технічна оцінка
розробників, потреба в доступі до інформації на пристрої, вплив швидкості
Інтернету на додаток, є додаток одно- або набір інструментів, написаний. В
нашому випадку розроблено дизайн саме для нативниго мобільного додатку.
Саме цей тип застосунку є найбільш вдалим та зручним для користування [9].

1.3. Особливості використання мобільних додатків у навчанні
Обмін інформацією в даний момент є невід'ємною частиною життя
кожної людини. А такі девайси, як телефони, планшетні комп'ютери,
смартфони, стають основою цифрової життя. У міру технічного прогресу
17

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

• секундоміра при проведенні експериментів;
• засобу для перекладу іноземних текстів.
Однією з переваг використання мобільних технологій в ході процесу
навчання є те, що учні отримують доступ до контролю одержуваної
інформації. А також свобода вибору серед величезної кількості доступних
знань відкриває перед студентом необмежені можливості в навчанні, що надає
йому свободу і незалежність [10, с. 733]. На відміну від традиційної форми
подачі навчальних матеріалів і завдань мобільне навчання застосовує
інноваційні технології, за допомогою яких відбуваються зміни в процесі
викладання. Для доставки певного роду інформації застосовуються такі
сучасні сервіси, як соціальні мережі, хмарні сховища, хостинги
мультимедійних файлів, а останнім часом деякі викладачі стали
використовувати соціальні мережі, викладаючи туди корисну інформацію.
Для відшкодування освітніх потреб сучасної людини стає неминучим
пошук нових і відповідних нинішньому часу способів донесення інформації.
Еволюція мобільних додатків привела до радикальних змін. Для
успішного впровадження модернізованих систем навчання з'являється
необхідність в технологіях, які дозволять працювати з ними довільній
кількості користувачів, надаючи хорошу навчальну середу.
Варто зазначити, що у впровадженні в освітній процес мобільного
навчання є як переваги, так і недоліки. Даний вид навчання на своєму етапі
формування стає реальним в успішному здійсненні. Вчені ЮНЕСКО
виділяють ряд переваг мобільного навчання.
Мобільність. Сучасні смарт-гаджети дають можливість організувати і
оптимізувати навчальний процес незалежно від місця і часу. У такого роду
мобільності існують два аспекти: по-перше, можливість реалізації освітніх
програм незважаючи на місце розташування кваліфікованого фахівця. По-
друге, легкість в доступі з різних пристроїв, за рахунок використання систем
19

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

додаткові знання, можливості використання різного роду технологій, що дає
студентам можливість досягнення необхідного рівня освіченості. Огляд різних
за типом формату матеріалів (відео- і аудіоматеріалів навчального характеру).
Шанс розвитку в ногу з часом і ін.
Незважаючи на плюси, також є певні недоліки:
• Труднощі з вільним доступом в інтернет в деяких регіонах, необхідним
для використання зручної роботи додатків на гаджетах;
• Фінансові витрати на запуск якісного мобільного додатка;
• При невмінні працювати з технічним пристроєм можуть виникати інші
труднощі у вивченні матеріалу, а також в його засвоєнні.
Але, незважаючи на дані недоліки, частина з них можуть бути повністю
або частково усунені. Так, наприклад, підвищити простоту використання
можна за допомогою покрокової інструкції.
На сьогодні число мобільних додатків налічується близько 1,5 мільярда
одиниць, що перевищує кількість стаціонарних комп'ютерів майже в три рази.
І не можна нехтувати таким фактором, як актуальність майданчики мобільних
додатків. Оскільки для отримання доступу до різних типів інформації
використання мобільних пристроїв набагато зручніше. Найчастіше студенти
використовують смарт-девайси, комунікатори і планшетні комп'ютери не
тільки в ігрових, але і в освітніх цілях.
Інакше кажучи, робота з мобільним пристроєм сприяє формуванню
технічної компетенції учня і послаблює його можливості для комунікативної
компетенції.
Щорічний набір студентів в Арізонський державний університет
становить 70 000 чоловік, що є високим показником зачисляємості серед
навчальних закладів США. Майкл Кроу, будучи президентом вузу, назвав свій
навчальний заклад «новим американським університетом», вибравши
стратегію активного впровадження технологічних нововведень в області
мобільного та електронного навчання. У 2011 р почався експеримент по
21

впровадженню адаптивного навчання, в якому взяв участь Knewton, а також
його партнер - компанія Pearson, яка є гігантом серед платних освітніх послуг.
Попередні підсумки експерименту показали, що результати покращилися на
18% [10, с. 353, 355].
Даний ряд програм дає можливість студентам переглядати і
прослуховувати відео-та слайд-лекції на своїх смартфонах, планшетах в будь-
який час і в будь-якому місці необмежену кількість разів.
Переваги використовуваних додатків:
• інтуїтивно зрозумілий інтерфейс;
• зручна бібліотека освітніх матеріалів;
• миттєвий доступ до свого улюбленого матеріалами;
• перегляд статей в режимі офлайн.
Введення мобільних додатків в процес навчання стає доступним завдяки
численному набору функцій (голосовий зв'язок, обмін повідомленнями, обмін
відео- і аудіоматеріалів та інше).
Даний формат навчання функціонує в теперішньому часі, забезпечуючи
актуальними інформаційними матеріалами. Мобільний навчання, з одного
боку, створено на обопільній співпраці, але з іншого боку, настільки
індивідуально в створенні навчальних спільнот.
Якісна модернізація і оновлення нинішніх методик навчання так
необхідні сучасному освітньому процесу навчання учнів. І використання
мобільних програмних забезпечень - один з ефективних і доступних способів
підвищення мотивації не тільки викладачів, але і студентів. І в цілому за
допомогою нових технологій зроблять процес отримання освіти більш
привабливим для підростаючого покоління.
Також слід зазначити, що велику роль в освітньому процесі все одно
буде займати взаємовідношення учня і вчителя, так як було вже зазначено, що
студенти в основному ознайомлені тільки з ігровими комп'ютерними і
мобільними додатками і використовують свою техніку для розваги. Але в міру
22

впровадження мобільних додатків в систему освіти будуть відбуватися
зрушення і в сприйнятті, так як це не буде чимось радикально новим і студенти
не будуть сприймати завдання на екрані гаджета лише як чергову яскраву
іграшку.
Таким чином, запропонований підхід до організації навчання студентів
з використанням мобільних пристроїв розширює умовні рамки за рахунок
використання нових можливостей мобільних платформ. Він розширює
навчальне середовище і виходить за її межі. Отриманий досвід використання
освітніх технологій показав їх здійсненність і ефективність в сучасній
реалізованої освітній практиці. Застосування подібних нововведень в системі
освіти сприяє успішному освоєнню вивченого матеріалу [10].

23

РОЗДІЛ 2.
ОПИС ТА ОБГРУНТУВАННЯ ДИЗАЙН ПРОПОЗИЦІЇ
2.1. Дослідження аналогів, вибір прототипу.
Для того, щоб створити абсолютно унікальне зображення, яке не є
аналогом будь-якої іншої картинки, необхідно реалізувати повний цикл
дизайну, тобто аналіз уже реалізованих проектів і вибір прототипу для
майбутніх графічних листів, оформлення стіни та розробки дизайну
мобільного застосунку. Цей етап допомагає нам виявити переваги та недоліки
певного зображення. При цьому суттю дизайнерської діяльності у графічному
дизайні є комплекс знань і навичок, який використовується в подальшому для
створення певного дизайн-проекту [11].
Аналог - це вже реалізовані проекти, подібні до того, який ви плануєте
створити. У цих проектах ви знаходите ті ознаки, які вам подобаються і які ви
б хотіли в підсумку спостерігати і в вашому проекті. Це може бути якесь
конкретне дизайнерське рішення, стилістика проекту в цілому або якийсь
вдалий елемент [12].
На етапі досліджень було розглянуто та проаналізовано аналоги для
того, щоб обрати найбільш вдалий прототип для створення майбутніх
графічних листів, оформлення стіни та дизайну мобільного застосунку.
Прикладом таких аналогів є:
1. Перший аналог. Розробка реклами технології SuitApp,
(Рис.А.1-2.) [13]. Метою цього проекту було розробити рекламний ролик для
технології SuitApp, яка генерує необмежену кількість стильних нарядів з
вмісту будь-якого інтернет-магазину одягу. SuitApp поєднує в собі штучний
інтелект, науку про дані і складні алгоритми, щоб надати клієнтам абсолютно
новий досвід вибору одягу онлайн.
Переваги: для створення відеоролику використані ілюстрації, образи
жінки в стильному одягу. У ролику показано весь процес покупки одягу, те як
підбираються образи, як реагує інтерфейс на запити користувача. Дуже
24

вдалою є графіка, в якій створено ролик. Це векторна графіка з використанням
площин, ліній та текстур. Образи прості, динамічні, стильні та сучасні.
Витримано у синьо-червоній кольоровій гамі.
2. Другий аналог. Дитячий садок Magliano Alfieri, оформлення стіни
(Рис.А.3-7.)[14]. Графічні листи зроблені для дитячого садка, розташованого у
місті П'ємонте, Італія. Ці листи було використано для оформлення двох стін
закладу. Перша ілюстрація – карта. На ній зображено архітектуру міста. Друга
ілюстрація – замок.
Переваги: проста для сприйняття дітьми векторна графіка. Використано
світлі теплі кольори зеленого, жовтого та коричневого, які не перевантажують
приміщення, залишаючи його світлим. Що дуже важливо для дитячого
садочку. Ці графічні листи мають перспективи використання не тільки для
оформлення стіни, а ще як ілюстрації.
Недоліки: в композиції макету не вистачає персонажів. Через це карта
виглядає дуже скучно. Через декількох хвилин розглядання карти вона
надоїдає і не викликає емоцій. Для розвитку дітей на карту можна було б
додати трохи більше написів, але простих, так як діти дуже маленькі і мало хто
з них вміє гарно читати.
3. Третій аналог. Оформлення стіни в дитячій лікарні (Рис.А.8-10.) [15].
Переваги: стіни загальних приміщень і кімнати для пацієнтів заповнені
ілюстраціями привітних тварин - як кроти, восьминоги, пінгвіни, зебри та інші
- які приносять полегшення і радість маленьким дітям, граючи на своїх
музичних інструментах. Тварини і музика є головною темою. Вони створюють
захоплюючу атмосферу, яка випромінює спокій, як тільки ви входите в палату.
Кольори м'які і життєрадісні і допомагають дітям розслабитись та довіритись
лікарям.
Всі деталі, такі як графічні елементи на стінах та шляхи пошуку на
підлозі, були розроблені для того, щоб зробити досвід перебування в лікарні
якомога приємнішим для дітей та їхніх сімей.
25

Недоліки: дуже вдала ідея, але не всі коридори заповнені такою
графікою, було б добре додати деяких окремих персонажів на пустих стінах
біля входу в палати, та дати цим персонажам слово. Вони могли би розказувати
загадки, або якусь цікаву інформацію про тварин або музику, що ще більше би
допомогли дитині відволіктися від того, що вона в лікарні.
4. Четвертий аналог. Колекція портретних ілюстрацій створена
дизайнером Eric Chin (Сингапур) (Рис. А.11-12.)[16]. Портрети розроблено в
векторній графіці з використанням текстур. Люди, яких було зображено –
різної національності.
Переваги: завдяки вдалому поєднанню форм та кольорів портрети
вийшли дуже виразні, ніби то вони передають характер людини. Для
створення використовувались великі спрощені площина та маленькі деталі,
лінії, патерни, які саме підкреслювали цей характер.
Недоліки: серед недоліків, я б хотіла виділити те, що як серія портретів
вони виконані в різній техніці, хоч і схожій. Через це називатися серією вони
не можуть.
5. П’ятий аналог. Обмальоване зображення людини в векторі,
дизайнер Alessia Saviano (Рис. А.13.) [17]. Графіка цього аналогу близька до
графіки, яку буде використано для виконання дипломної роботи (в рамках
роботи потрібно створити 17 портретів вчених).
Переваги: портрет дуже схожий на оригінальну фотографію, дуже чітко
читаються схожі риси, які одразу впізнаються.
Недоліки: образ людини у векторі занадто детальний, деякі моменти
треба було сильніше стилізувати та розбити на конкретні площини світла та
тіні. Цим же можна біло підкреслити форми.
6. Шостий аналог. Розробка оформлення стіни для офісу, дизайнер
Kosko Kosko (Київ) (Рис. А.14-15.) [18]. Проект було розроблено для київської
компанії kalon.tech. Оформлення стіни графічне, не несе інформативності,
лише розважальний та декоративний характер.
26

Переваги: цей проект різнокольоровий, жвавий, націлений на підтримку
гарного настрою людей, які працюють в офісі. Всі образи, які зображено різні
за статтю на національністю.
Недоліки: серед недоліків можна припустити, що якщо приміщення
офісу маленьке, то таке велике зображення з використанням агресивних
кольорів може психологічно давити на людину.
7. Сьомий аналог. Оформлення стіни у приміщенні компанії Kärcher,
Timeline (London, United Kingdom)(див. Рис. А.16.) [19].
Переваги: даний проект створено в жовто-чорній кольоровій гамі, що є
дуже вигідним поєднанням кольорів. В проекті переважає жовтий колір, тому
проект не перевантажує дизайн приміщення. Використано кольорові
зображення, що показують історію розвитку компанії Kärcher.
Недоліки: непоганий проект, але фотографії вириваються з композиції,
десь їх більше, десь менше, через це ліва частина виглядає перевантажено.
8. Восьмий аналог. Оформлення першого поверху школи №2051
(Москва): логотипу, вхідної групи і коридору. (Рис. А.17-22.) [20]. "Студія
оформлення освітніх просторів" розробила і втілила образ оформлення стін
школи. Основною стильовою одиницею для оформлення був узятий
трикутник, який при об'єднанні створює інші фігури, утворюючи єдину
кристалічну структуру. На цю структуру покладено інформацію. Оформлення
1-го поверху зроблено в темі "місто майбутнього", де показали основні
тенденції розвитку в професіях і галузях. Коридор оформлено надихаючими
матеріалами про вчених, які зробили глобальні перевороти в науці: Ісаак
Ньютон, Альберт Ейнштейн, Марія Кюрі, Олександр Попов, Нікола Тесла.
Суть основного відкриття життя, цитата, що виражає їхні погляди. Площа: 800
м2. Матеріали: вінілова плівка, інтер'єрний друк, оргскло.
Переваги: оформлення стін дуже інформативне, корисне для учнів.
Графічне оформлення інформації робить її легше засвоюваною. Дуже важливо
враховувати психологію кольору при розробці дизайн об’єкту, особливо для
27

навчального закладу, так як це може вплинути на продуктивність та
самопочуття дитини. Кольорова гама оформлення стіни закладу світло-зелена.
Зелений колір має таких фізіологічний вплив: зменшує тиск, розширює
судини, заспокоює і зменшує невралгію, мігрень, психічні захворювання.
Добре діє на втомлене зір. І такий психологічний вплив: освіжаючий,
заспокійливий, викликає у людини терпіння. Це великий плюс, що основним
кольором вибрано саме зелений.
Недоліки: не на всіх стінах витримано єдиний стиль, деякі стіни дуже
відрізняються від оформлення інших, використання різних стилізацій для
портретів різних розділів.
9. Дев’ятий аналог. Мобільний додаток BIO (Рис. А.23-24.) [21]. BIO
є освітнім додатком для дітей 5-го класу з предмету біології, що є частиною
наукової програми, розробленої MEP (Міністерство народної освіти) Коста-
Ріки. Застосунок спрямований на те, щоб бути доповненням до розгляду цієї
теми таким чином, щоб вона була привабливою та цікавою, а застосунок
простий у використанні. В роботі є макет сторінок додатку та анімований
прототип.
Переваги: застосунок дуже простий у використанні, не потрібна
допомога батьків для виконання завдання. Авторські ілюстрації витримані в
одному стилі, цілком сучасні. Кольорова гама – зелена, відповідає темі
біологія.
Недоліки: із недоліків можна помітити на відео, що кнопки та віконця з
відповідями замалі, через це є великий шанс випадкового кліку не на ту
відповідь. Анімація інтерфейсу дуже примітивна.
Говорячи про сферу дизайну, відзначимо важливість існуючих вже
аналогів. Адже ми бачимо на цих прикладах недоліки які допустив дизайнер,
що розроблював певний аналог і таким чином зводимо до мінімуму
ймовірність повторювання їх у своєму проекті . В роботі вже відзначено, що
28

поняття аналога і прототипу різні, але їх зв'язок визначається саме загальним
середовищем, в якій ці терміни діють.
Через те, що робота включає декілька різних напрямків у дизайні,
вибрати один прототип неможливо. Аналіз матеріалів дозволив прийти до
висновку, що кращим зразком аналогічної продукції, яка підходить для
графічної частини вирішення портретів науковців є колекція портретних
ілюстрацій створена дизайнером Eric Chin (Сингапур) (Рис. А 11-12). Для
оформлення стіни найкращим аналогом є оформлення першого поверху
школи №2051 (Москва): логотипу, вхідної групи і коридору (Рис. А 17-20). А
прототипом для мобільного застосунку вибрано мобільний додаток BIO (рис.
А. 21). Ці три роботи можуть слугувати прототипом – зразком роботи,
дизайну, ілюстрації, оформлення, які схожі за деякими характеристиками на
задану тему дипломної роботи, адже мають вдалі характеристики. Простота у
виконанні зображення дозволяє за допомогою лінії і плями передати контур,
силуети зображень та об’єктів просто і мінімалістично, не втрачаючи
характерних особливостей персонажів, їх винаходів та схем.

2.2. Розробка концепції, стилістичне вирішення
Концепція – особливий спосіб трактування, точка зору, система
поглядів, особливий спосіб розуміння автором явища, події та предмета[22].
В основі будь-якої концепції лежать:
• базова ідея;
• фундаментальні принципи.
Дизайн-концепція розуміється як комплексне, спеціально розроблюване
уявлення про смислову (ідейно-тематичну) візуалізацію задуму певного
об'єкта. Предметом розробки концепції може бути будь-який об'єкт, здатний
мати які-небудь характеристики зовнішнього вигляду [23].
Розробка концепції дизайну графічних листів виконується після
проведення всіх підготовчих робіт зі збору та аналізу інформації. Основною
29

метою роботи є розробка концепції дизайну. Пов'язано це з тим, що без
результатів передпроектного аналізу розробка концепції не буде відповідати
реаліям ринку і не отримає відгуку від споживача цільової групи. Розробка
концепції дизайну – процес суто творчий.
Дизайн-концепція – основна ідея майбутнього об'єкта, формулювання
його змісту як ідейно-тематичної бази проектного задуму, що виражає
художньо-проектне судження дизайнера про явища більш масштабних, ніж
даний об'єкт. Дизайн-концепція – цілісна ідеальна модель майбутнього
об'єкта, що описує його основні характеристики.
Через проблематізацію проектної ситуації (протиріччя проектного
завдання), а потім тематизацію (вибір можливих варіантів вирішення) -
складається цілісна модель майбутнього об'єкта. Чим ширше світогляд
проектувальника, чим більше областей знання задіяно в створенні проекту,
тим глибше розуміння проблеми і цікавіше її рішення. Крім того, провідний
задум повинен бути не тільки оформлений в проекті готового виробу, але і
осмислений, сформульований. Сучасний дизайнер працює не тільки з
предметом, а й зі словом. Для успішного проектування важливо також підійти
до проекту з раціональної точки зору, визначити головну думку, істотні
взаємозв'язки і закономірності.
Сучасні концепції припускають постійний пошук нового унікального
підходу до дизайну, генерування та впровадження креативних рішень. Просте
копіювання при розробці концепції дизайну призведе до того, що графічні
листи будуть відноситися до маси інших невиразних та однотипних робіт. Без
оригінальності і асоціативної привабливості графічні листи можуть бути
направленні до пустого інформування споживача без зародження мотивації та
пробудження спонукальних впливів до вирішення проблеми. Передпроектне
дослідження проводиться, в тому числі, для того, щоб виявити відповідні
асоціативні образи і успішно використовувати їх у графічних листах, для
30

оформлення стіни та при створенні мобільного додатку для того, щоб донести
основну ідею проекту [24].
Процес розробки графічних інформаційних листів для кафедри
радіотехніки та робототехніки ЧДТУ розпочався з дослідження інформації
наданою кафедрою у форматі word, сортування її за темами та датами.
Дослідивши всю інформацію стало питання, як подати її цікаво для студентів
та абітурієнтів. Було прийнято рішення розробити макет для оформлення стіни
кафедри. Ця стіна має розміри 3 метри у висоту та 15 метрів в ширину. Стіни
і стеля білого кольору, нестача природного освітлення, все це робить
приміщення непривабливим та похмурим. Оформлення стіни в цьому
приміщенні вирішить декілька завдань. По-перше, розроблені для її
оформлення графічні листи, підвищать залученість студентів до активної
наукової діяльності кафедри й університету. По-друге, інформація яку буде
розміщено на стіні буде легше сприйматися та запам’ятовуватись через те, що
вона буде підкріплена графічними образами, це підвищить рівень знань
студентів та їх прагнення до навчання. По-третє, графічні листи стануть
візитною карткою кафедри та допоможуть залучити більше абітурієнтів. В
четверте, оформлення стіни графічними листами, виконаними в авторській
графіці, стане естетичним елементом інтер’єру приміщення. В п’яте,
розроблений мобільний застосунок, який включатиме більш розширену
інформацію по темам, матиме можливість доповнення та додавання нових
статей студентами та викладачами. Цільова аудиторія роботи – це студенти,
викладачі, абітурієнти та їх батьки.
Після дослідження текстової інформації наданою кафедрою, її було
розділено на сім розділів.
1. Історія розвитку науки. Цей розділ включає визначних винахідників та
їх досягнення у науці. Науковці розташовані за датою народження, це
допоможе студентам більше орієнтуватися в історії винаходів.
31

2. Радіорелейний зв’язок. Розділ розказує про винайдення радіорелейного
зв’язку та принципу й його дії.
3. Мобільний зв’язок. Цей розділ включає інформацію про винахід
першого мобільного телефону та принцип будови мобільних мереж.
4. Телебачення. Розділ включає інформацію про перші телевізори, схеми
змішування основних кольорів, типи матриць та інформацію щодо
роботи відео проектора.
5. Супутниковий зв’язок та GPS навігація. Принципи роботи GPS,
структура системи супутникового зв’язку, розповсюдження радіохвиль.
6. Сучасні інформаційно-телекомунікаційні технології Internet of the
Things. Перші модеми, принципи передачі даних, інтернет 5G.
7. Робототехнічні системи. Розділ включає розробки кафедри роботехніки,
наукову школу ім. професора Кунченка.

2.3 Графічне вирішення образів, обґрунтування вибору колірної
гами, вибір гарнітури шрифта
Розробка графічних листів включала в себе зображення портретів
вчених, схем, винаходів. Розмір роботи вимагав макету, який можна було б
масштабувати. У зв’язку з різноплановістю тем та необхідність
масштабування було прийнято рішення розробляти графічні листи у векторній
графіці. Було вибрано стиль flat з використанням текстур на тлі, винаходах та
на одягу вчених. Це дозволило придати зображенням глибини та сучасності.
Персонажі виконані у цьому стилі складаються з геометричних фігур,
стилізовані, без зайвих деталей. Розроблені яскраві, емоційно-виразні та схожі
на оригінал рисами обличчя персонажу залишилися впізнавальними для
студентів та цікавими для сприйняття.
Більш детального розгляду потребує саме система розміщення
структурних елементів оформлення стіни.
32

Шрифтовий блок: чіткий, читабельний, простий, має контраст з тлом;
композиційна цілісність побудови.
Ілюстративне наповнення графічних листів, має виконувати такі функції
як:
• відображення основних ідей;
• відтворення художніх образів на основі авторської графіки.
• розставлення акцентів, для розуміння суті описуваних подій, створення
відповідного настрою при перегляді;
• естетична функція визначається якістю виконаних зображень, її
художністю[24].
Графічні листи виконані у зелено-синій колірній гамі з яскравими
жовтими, помаранчевими та червоними акцентами. Зелений колір, як один з
основних, має такий фізіологічний вплив: зменшує тиск, розширює судини,
заспокоює і зменшує невралгію, мігрень, психічні захворювання. Добре діє на
втомлене зір. І такий психологічний вплив: освіжаючий, заспокійливий,
викликає у людини терпіння. Синій колір стимулює мислення, сприяє
розвитку розумових здібностей та поліпшує пам'ять, він вважався кольором
знання. Додаткові кольори це голубий (колір розвитку творчих здібностей та
індивідуальності), жовтий (пробуджує в нас енергію і оптимізм, допомагає
підвищити самооцінку, стимулює мозкову діяльність), помаранчевий
(найактивніший стимулятор енергії. Це колір оптимізму та привітності, він є
втіленням милосердя та терпіння, енергетично «підживлює» людину),
червоний (збуджуючий колір, різкий, яскравий, стимулює до дії) [25].

33

РОЗДІЛ 3.
ДИЗАЙНЕРСЬКЕ РІШЕННЯ ПРОЕКТУ
3.1 Етапи розробки графічних листів
Етап 1. Отримання завдання.
Розробки графічних листів почався з отримання технічного завдання від
кафедри радіотехніки та робототехніки ЧДТУ на оформлення стіни коридору
даної кафедри. Розмір стіни складає три метри в висоту та п’ятнадцять метрів
в ширину. Технічне завдання включало в себе розробку графічних листів для
оформлення стіни, які в майбутньому можуть знайти своє застосування у
профорієнтаційній роботі та покликанні полегшити навчальний процес за
рахунок лаконічної візуалізації великих масивів інформації.
Етап 2. Пошук аналогів, вибір прототипу.
Було проаналізовано дев’ять аналогів. Через те, що робота включає
декілька різних напрямків у дизайні, вибрати один прототип неможливо.
Аналіз матеріалів дозволив прийти до висновку, що кращим зразком
аналогічної продукції, яка підходить для графічної частини вирішення
портретів науковців є колекція портретних ілюстрацій створена дизайнером
Eric Chin (Сингапур) (рис. А.11-12). Для оформлення стіни найкращим
аналогом є оформлення першого поверху школи №2051 (Москва): логотипу,
вхідної групи і коридору. (рис. А 17-20). А прототипом для мобільного
застосунку вибрано мобільний додаток BIO (рис. А.21).
Ці три роботи можуть слугувати прототипом – зразком роботи, дизайну,
ілюстрації, оформлення, які схожі за деякими характеристиками на задану
тему дипломної роботи, адже мають вдалі характеристики. Простота у
виконанні зображення дозволяє за допомогою лінії і плями передати контур,
силуети зображень та об’єктів просто і мінімалістично, не втрачаючи
характерних особливостей персонажів, їх винаходів та схем.
Етап 3. Робота з інформаційними джерелами, розробка концепції.
34

Кафедрою радіотехніки та робототехніки було надано текстову
інформацію, яку вони вважали необхідної для ознайомлення студентам.
Текстову інформацію було опрацьовано. В результаті було виділено сім
основних тем:
1. Історія розвитку науки.
2. Радіорелейний зв’язок.
3. Мобільний зв’язок.
4. Телебачення.
5. Супутниковий зв’язок та GPS навігація.
6. Сучасні інформаційно-телекомунікаційні технології Internet of the
Things.
7. Робототехнічні системи.
Кожну тему було опрацьовано. Виділена основна інформація, розділено
на підрозділи.
Розділ «Історія розвитку науки».
В цей розділ увійшли вчені, які внесли значний вклад у розвиток науки.
Їх було розміщено в порядку років життя, інформація про кожного вченого
включає в себе:
• прізвище, ім’я.
• роки життя,
• опис діяльності, винаходи.
В перший розділ ввійшли такі вчені як: Майкл Фарадей, Джеймс
Максвел, Олександр Грем Белл, Томас Едісон, Джон Флемінг, Карл Браун,
Нікола Тесла, Генріх Герц, Олександр Попов, Борис Розінг, Гульєльмо
Марконі, Едвін Амстронг, Володимир Котельников, Джек Кілбі.
Розділ «Радіорелейний зв’язок».
Розділ складається з інформації про винайдення системи радіорелейного
зв’язку Емілем Гуаріні Форесіо. Фото першої радіорелейної антени, схеми
35

розповсюдження сигналу через радіорелейні станції, схема цифрової
радіорелейної станції.
Розділ «Мобільні мережі».
В розділ увійшла інформація щодо творця першого мобільного телефону
та схема побудови мобільних мереж.
Розділ «Телебачення».
Цей розділ складається з інформації про перші телевізори, формати
цифрового телебачення, схем змішування основних кольорів, схем побудови
дисплеїв, інформації про технології роботи відеопроектора.
Розділ «Супутниковий зв’язок та GPS навігація».
В розділ увійшла інформація стосовно принципів роботи GPS, види
глобальної навігаційної супутникової системи, супутникові системи навігації,
схема розповсюдження радіохвиль.
Розділ «Сучасні інформаційно-телекомунікаційні технології Internet of
the Things».
Розділ включає в себе інформація стосовно перших телефонних кабелів,
перших каналів передачі телефонного трафіку, створення першого модему,
першій дзвінок по мобільному телефону, схему принципів передачі даних,
виділення спектру частот 5G.
Розділ «Робототехнічні системи»
В цей розділ увійшла інформація щодо розробок кафедри радіотехніки
та робототехніки ЧДТУ, створені ними системи управління літальними
пристроями, робототехнічні системи, цифрова система віддаленого
метеорологічного спостереження, друк 3D принтері та інформація щодо
наукової школи професора Кунченка.
Провівши роботу з інформаційними джерелами було розроблено
концепцію роботи. Робота повинна знайти своє застосування у
профорієнтаційній роботі та покликанні полегшити навчальний процес за
рахунок лаконічної візуалізації великих масивів інформації.
36

Етап 4. Пошуки композиційного рішення, ескізи.
Після того як була проведена робота з інформаційними джерелами та
виділено основні розділи та їх підрозділи, було проведено композиційний
пошук. В результаті логічним вирішенням було розмістити інформацію в
порядку від історії, до сучасності. Таким чином с ліва на право було розміщено
такі розділи: історія розвитку науки, мобільний зв’язок, радіорелейний
зв’язок, телебачення, супутниковий зв’язок та GPS навігація, сучасні
інформаційно-телекомунікаційні технології Internet of the Things,
робототехнічні системи.
Розділ «Історія розвитку науки» було розташовано в лівій стороні
макету, композиційно вирішено як хвилю часу, яка починається в 1791 році і
йде до сьогодення. Ця лінія проходить через всіх вчених, з’єднуючи їх за
послідовністю їх вкладу в науку. Винаходи вчених розмістилися поруч із
ними.
Центральна частина відведена під розділи «радіорелейний зв’язок»,
«телебачення», «супутниковий зв’язок та GPS навігація». Ці розділи містять в
собі багато схем, які пояснюють принцип роботи тих чи інших систем.
Насичені інформацією. Для вдалого поєднання цих розділів було розроблене
композиційне рішення, що нагадує пейзаж із зірковим небом. За допомогою
цього прийому інформація сприймається органічно і не рветься на окремі
області. Так інформація, яка стосується супутникового зв’язку та
радіорелейного сигналу розмістилася в верхній частині композиції, так
званому «небі». А інформація що стосується мобільного зв’язку та
телебачення у нижній частині, так званій «землі».
Розділи сучасні інформаційно-телекомунікаційні технології Internet of
the Things, робототехнічні системи розмістилися в правій стороні композиції.
Вони розташовані, нібито, в космосі на великих планетах. Це викликає
асоціацію великих досягнень.

37

Етап 5. Стилізація образів.
Для створення стилізованих образів вчених (Рис.3.1.), їх винаходів, схем,
фотографій приладів необхідно було вибрати єдиний стиль авторської
графіки. Розмір роботи вимагав макету, який можна було б масштабувати. У
зв’язку з різноплановістю тем та необхідність масштабування було прийнято
рішення розробляти графічні листи у векторній графіці. Було вибрано стиль
flat з використанням текстур на тлі, винаходах та на одягу вчених. Це
дозволило придати зображенням глибини та сучасності. Персонажі виконані у
цьому стилі складаються з плям та контурів, стилізовані, без зайвих деталей.
Розроблені яскраві, емоційно-виразні та схожі на оригінал рисами обличчя
персонажу залишилися впізнавальними для студентів та простими для
сприйняття.

Рис. 3.1. Розробка графічних образів науковців.

38

Етап 6. Вибір колірної гами.
Графічні листи виконані у зелено-синій колірній гамі з яскравими
жовтими, помаранчевими та червоними акцентами) (Рис. 3.2). Зелений колір,
як один з основних, має такий фізіологічний вплив: зменшує тиск, розширює
судини, заспокоює і зменшує невралгію, мігрень, психічні захворювання.
Добре діє на втомлене зір. І такий психологічний вплив: освіжаючий,
заспокійливий, викликає у людини терпіння. Синій колір стимулює мислення,
сприяє розвитку розумових здібностей та поліпшує пам'ять, він вважався
кольором знання. Додаткові кольори це голубий (колір розвитку творчих
здібностей та індивідуальності), жовтий (пробуджує в нас енергію і оптимізм,
допомагає підвищити самооцінку, стимулює мозкову діяльність),
помаранчевий (найактивніший стимулятор енергії, колір оптимізму та
привітності, він є втіленням милосердя та терпіння, енергетично «підживлює»
людину), червоний (збуджуючий колір, різкий, яскравий, стимулює до дії [25].

Рис. 3.2. Кольорова гама.
Етап 7. Типографіка шрифтового направлення.
Більш детального розгляду потребує саме система розміщення
структурних елементів типографіки. Типографіка роботи включає в себе
заголовки, підзаголовки, блоки основного тексту, умовні позначення на
схемах. Шрифтовий блок: чіткий, читабельний, простий, має контраст з тлом;
композиційна цілісність побудови (Рис. 3.3).
Гарнітура шрифту Myriad pro. Гротескний набірний шрифт, не несе
змістового навантаження, чим не ускладнює сприймання інформації. Шрифт
39

ясний, простий, притаманна певна стриманість і середність пластики,
пропорцій та насиченості, гарно читається, як здалека так і з близької відстані.

Рис. 3.3.Готовий проект оформлення стіни.

Етап 8. Додрукарська підготовка.
Для нанесення макету на стіну було вибрано метод друку на плівці
(Рис.3.4).
Позначення методу друку
У виробництві, застосовуючи друк на самоклеючій плівці
використовуються спеціалізовані струменеві, лазерні принтери, рулонні
плоттери, останні являють собою якийсь симбіоз поліграфії і плоттерной
різання. Основним фактором, що впливає на вибір того чи іншого обладнання,
є величина вироби і ширина полотна.
Умови використання типу фарби диктуються виробником по
відношенню до кожної конкретної плівці з вінілу: акрилові, пігментні або ін.
• Шовкографія (трафаретка). Дозволяє працювати з усіма класами ПВХ-
плівок, друкуючи металізованими, білими або пантонними чорнилом.
• Шірокоформатка. Ідеальне рішення при необхідності виготовити
продукцію великих розмірів з шириною полотна в 3,2 метра.
• Цифровий друк на самоклеючій плівці. Ідеальне рішення при
необхідності виготовити продукцію великих розмірів з шириною
полотна в 3,2 метра.
• Офсет. Оперативність і низька вартість - оптимальний варіант при
великих тиражах. Використовуються фолієвої або УФ фарби, що
відрізняються стрімким висиханням.
40

• Флексографія. Відмінний варіант для виготовлення етикетної продукції
під етікеровщік. При друкуванні рулонного носія електронний блок
робить висікання наклейок, але при цьому вони все ж залишаються в
рулоні на підкладці. Найчастіше застосовуються сольвентні або
сублімовані барвники.
Друк на самоклеючій плівці і її переваги.
Доступність. Якість. Висока швидкість виконання робіт. Довговічність.
Вініл не боїться впливу води, сонця, а при правильному вживанні - і
перепадів температур. Стійкий до природного зносу. Додаткова ламінація
збільшить термін служби продукції в два - три рази.
Легкість монтажних і демонтажних робіт.
Різновиди і переваги вінілових самоклейок.
• Біла, прозорий та напівпрозорий,, представлена в різноманітті колірних
відтінків.
• Матова або глянсова.
• Металізована, під «металік» або голографічна.
• Світловідбиваюча або світлорозсіювальна (транслюцентного).
• Перфорована.
Крім того ПВХ-самоклейка характеризується:
Міцністю і стійкістю до дії вологи, ультрафіолету, вітру, перепадів
температур і стирання. Залежно від умов експлуатації вона може прослужити
від 3 до 15 років. Простий в наклеюванні, тому що не вимагає додаткових
монтажних кріплень або клейових складів. Легкістю в догляді. Протирається
м'якою ганчіркою, змоченою в мильному розчині.Использование пленки
позволяет в кратчайшие сроки при незначительных денежных затратах
позволит нанести разработанный макет оформления на стену коридора
университета.
Друк на самоклеючій плівці в рулонах і листах.
41

Застосовувана для друку, самоклейка поставляється в двох форматах:
листовому і рулонному. Використання підприємством того чи іншого
матеріалу залежить від:
• друкарського обладнання, на якому воно працює;
• продуктивності агрегатів;
• економічної доцільності його застосування в рамках кожного
конкретного замовлення.
Друк на самоклеючій плівці в рулонах
Методи друку найчастіше обмежуються компаніями виробниками
плівок, і вказуються в технічній документації, їх супроводжує. Такі ж
рекомендації даються і в відношенні застосовуваних фарб.
Сучасна різноманітність поліграфічного обладнання дозволяє підібрати
установку під будь-яку з відомих технологій:
• плоска (офсетний);
• глибока (по типу «гравіювання»);
• висока (флексография);
• трафаретний (шовкографія);
• цифрова;
• безконтактна і ін.
А головна відмінність листових і рулонних поліграфічних комплексів
полягає в системі транспортування запечатується вінілового матеріалу.
Вінілова плівка як в листах, так і в рулонах проводиться:
• білого та кольорового;
• прозорою і напівпрозорої;
• матовою і глянсовою;
• текстурной, з імітацією різноманітних поверхонь і спецефектів.
Єдиний виняток - перфорована плівка «One Way Vision», вона доступна
тільки в рулонному варіанті.
Друк на самоклеючій плівці в рулонах.
42

Ширина стандартних рулонів складає: 0,76 м; 1 м; 1,07 м; 1,24 м; 1,26 м;
1,37 м; 1,52 м; 1,6 м. З огляду на розмір стіни - 3 на 15 метрів, робота буде
нанесена смугами, розмірів 3 на 1,6 м. Отже роботу потрібно буде розділити
на 10 відрізків.
Вимоги до дизайн-макету:
• Формати: INDD (Adobe InDesign), CDR (CorelDraw), PDF (Adobe
Acrobat), TIFF (Tagged Image File Format), AI (Adobe Illustrator), PSD
(Photoshop Document).
• Колірна модель: CMYK.
• Мінімальний рівень здатності зображення: 300 dpi [32].

Рис. 3.4.Візуалізація проекту оформлення стіни.

3.2 Етапи розробки мобільного додатку
Розробка ідеї.
Створення мобільного додатку починається з ідеї. Мобільний додаток
буде створено для студентів та викладачів кафедри радіотехніки та
робототехніки ЧДТУ, як додатковий навчальний посібник. Він буде включати
в себе всі теми, які розміщено на оформленій стіні, кожна тема буде більш
доповнена. Всі теми будуть містити підрозділи та статті. Ці статті студенти
зможуть доповнювати та додавати нові.
Проектування user-flow для кожного екрану (Рис.3.5.)
Насамперед ми з'ясувати, які функції потрібні в додатку. Створили user-
flow - блок-схему роботи додатку.
Зазвичай user-flow складається з трьох типів фігур:
43

- Прямокутники - використовуються для представлення екранів;
- Ромби - використовуються для умов (наприклад, натискання кнопки
входу в систему, свайп вліво, збільшення);
- Стрілки - з'єднують екрани і умови разом.

Рис. 3.5. User flow мобільного додатку.
User-flow дають логічне уявлення про те, як програма має працювати і
вирішувати завдання [26]. В основі архітектури додатку лежить така
архітектура: реєстрація, головне меню, підрозділи, статті.
Малювання ескізів екранів (wireframes)(Рис.3.6-7.)
Після того, як було завершено проектування user-flow для всіх сценаріїв,
було намальовано ескізи всіх екранів. Wireframes - це, по суті, швидкі начерки
додаток. Ескіз, схема того, де будуть розташовуватися зображення, ярлики,
кнопки та інше. Це грубий ескіз того, як додаток має працювати. [27]
Інтерфейс додатку повинен бути максимально інтуїтивно зрозумілий для
користувача для всіх пристроїв.
Для малювання wireframes було використано онлайн-сервіс MyPidoco.
44

Екрани: перший екран, реєстрація, вхід.

Рис.3.6. Екрани: головне меню, підрозділ, стаття.
45

Рис.3.7. Екрани: бокове меню, мій профіль.

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

Створюємо дизайн всіх екранів майбутньої програми і промальовуємо
різні стани всіх сценаріїв користування. Всі елементи графічного інтерфейсу
повинні бути в єдиному стилі, який вже використовувався під час створення
графічних листів. Створенні дизайн-рішення повинні бути ергономічними та
дозволяти користувачеві ефективно вирішувати свої завдання [28].
Було створено дизайн першого екрану, на якому користувач
знайомиться з програмою.
Екрани реєстрації та входу. Тут користувач вводить свої контактні данні,
якщо це реєстрація, то прізвище, ім’я, номер групи, пошта, пароль. Якщо екран
входу, то ім’я та прізвище та пароль.
Екран профілю. Тут користувач бачить інформацію свого акаунту. Це
ім’я фамілія, номер групи, обрані статті, додані користувачем статті,
рекомендовані для прочитання статті.
Головний екран з основними розділами. На цьому екрані зібрані основні
розділи інформації, у вигляді карточок, на кожній карточці є зображення по
темі, назва розділу, кількість статей, кількість нових статей, кількість обраних
студентом статей, іконка додавання нової статті.
Підрозділи з посиланнями на статті. Екран містить карточки з графічним
зображенням, яке відповідає темі статті, її назву та іконку редагування
вибраної статті.
Бокове меню з посиланнями на акаунт, головний екран, обрані статті,
налаштування, термінологію та вихід з профілю.
При створенні дизайну було використано елементи графічних листів.
Прототип мобільного додатку було створено в програмі InVision. Ця
програма дає змогу створювати клікабельні прототипи.
Для подачі готової роботи, її було розміщено на mock ups в графічній
частині роботи.

47

3.3. Етапи реалізації мобільного додатку
Прототип
Після закінчення дизайну мобільного додатку, створюється робочий
прототип. Згідно з погодженим прототипом складається технічне завдання для
програмістів, які будуть розробляти мобільний додаток.
Розробка
Вибирається операційна система під яку буде розроблено додаток. Під
кожну мобільну платформу розробляється своє окреме додаток тому у кожної
платформи своя незалежна операційна система (ОС).
На даний момент є 3 основні платформи:
• Платформа Apple. iOS (iPhone, iPad), WatchOS для розумних годин і
tvOS для телевізорів.
• Платформа Google. Основні їх ОС це: Android (смартфони, планшети),
Android Wear (розумні годинник) Android TV (телевізори і
мультимедійні приставки).
• Платформа Microsoft. Їх основна і універсальна ОС - UWP (Universal
Windows Platform). Це програми, і працюють вони на всіх типах
пристроїв, на яких встановлена Windows 10, тобто - Mobile, PC, Surface,
xBox і навіть Holographic.
Тестування
Додатки перевіряються на помилки за допомогою Smoke Test, ручного
функціонального тестування, автоматичного функціонального тестування та
програми Monkey для Android. Якщо є помилки, виправляємо і передаємо
готове додаток вам. Для статистики завантажень і аналізу поведінки
користувачів в додатку ми встановлюємо Firebase Analytics.
Публікація мобільного додатку
Необхідно підготувати інформацію для публікації. Цей процес дуже
важливий для виділення мобільного застосування серед конкурентів, а також
для пошукової оптимізації в магазинах додатки і пошукових системах.
48

Підготовку до публікації краще починати заздалегідь, щоб встигнути
проаналізувати подачу конкурентів і створити свій контент, який складається
з: назви, короткого опису, розгорнутого опису, красивих скріншотів з
заголовками, властивостей, seo, політики конфіденційності, і, при бажанні,
відеоролика, або gif анімації.
І щоб модерація додатків в магазинах пройшла успішно, також
необхідно слідувати правилам і рекомендаціям кожної платформи. Процес
модерації в середньому займає 3 дні в App Store і 1-2 дня в Google Play і
Microsoft Store [29].
Додаток можна буте знайти в магазинах App Store та Google Play, або
за QR-code, який буде розміщено на оформленій стіні.

49

РОЗДІЛ 4
ВИЗНАЧЕННЯ ПАТЕНТОСПРОМОЖНОСТІ ПРОЕКТУ

Патентоспроможність дипломного проекту бакалавра за темою:
«Розробка графічних інформаційних листів для кафедри радіотехніки та
робототехніки ЧДТУ» може бути встановлена в разі наявності новизни у
об’єктах проектування, що входить до його складу.
В даній роботі об’єктами інтелектуальної власності, що потребують
перевірку на новизну є:
а) пояснювальна записка (далі – «текст»);
б) графічна частина (далі – «авторська графіка»).
Дані об’єкти підпадають під дію Закону України «Про авторське право і
суміжні права» [30], де вони перелічені у розділ ІІ, стаття 5, пукти 1-6. Єдиною
вимогою новизни є відсутність плагіату. Під цим терміном слід розуміти
подання твору іншого автора в цілому або частково в більш або менш зміненій
формі, як свого власного.
Відсутність плагіату була перевірена за допомогою онлайн-сервісу
антіплагіат «TinYye» - і за висновками перевірками об’єкти є новими. (див.
рис. Б.1-5).
На основі авторської графіки були створені графічні листи, які
використані для проекту оформлення стіни та розробки дизайну мобільного
додатку.
Новизна графічних листів була встановлена для підтвердження того
факту, що вона не наслідує стилістичним особливостям притаманним іншим
митцям, що працюють в даній техніці.[31].
До «естетичних особливостей» належать такі ознаки:
- відсутність виразності;
- наявність роздробленості;
- нераціональність розташування елементів;
50

- порушення цілісності форми;
- порушення графічної проробки;
- порушення в декоративному оформленні;
- відсутність інформативності;
- порушення стильового вирішення;
- порушення пропорційного вирішення;
- порушення колористичного вирішення.
Пошук аналогічних рішень було здійснено за допомогою ключових слів:
- «портрет в векторі»
- «оформлення стіни»
Зібраний масив інформації було систематизовано у вигляді додатків.
До недоліків аналогів відносяться:
Аналог Недоліки
Аналог 1. Розробка реклами Одночасне використання елементів з
технології SuitApp, (див. гострими формами та заокругленими що
Додаток А. Рис.1-2.) створює відсутність єдності композиції
Аналог 2. Дитячий садок В композиції макету не вистачає
Magliano Alfieri, оформлення персонажів.
стіни (див. Додаток А. Рис. 3- Відсутність виразності.
7.) Немає інформаційної частини.
Аналог 3. Оформлення стіни в Задіяно малий процент простору для
дитячій лікарні Magenta (див. оформлення. Нераціональність
Додаток А. Рис. 8-10.) розташування елементів.
Відсутність інформативності.

Аналог 4. Колекція портретних Порушення стильового вирішення.
ілюстрацій створена
дизайнером Eric Chin
51

(Сингапур) (див. Додаток А.
Рис. 11-12).
Аналог 5. Обмальоване Порушення стильового вирішення.
зображення людини в векторі, Занадто дрібні деталі. Порушення
дизайнер Alessia Saviano (див. графічної проробки.
Додаток А. Рис. 13.)
Аналог 6. Розробка оформлення Велика агресивна по кольору робота в
стіни для офісу, дизайнер маленькому приміщенні.
Kosko Kosko (Київ) (див.
Додаток А. Рис. 14-15.)
Аналог 7. Оформлення стіни у Нераціональність розташування
приміщенні компанії Kärcher, елементів. Зліва фотографій більше, ніж
Timeline. Дизайнер David Chick справа. Це створює дисбаланс єдиної
(London, United Kingdom). композиції.
(див. Додаток А. Рис. 16.)
Аналог 8. Оформлення першого Порушення стильового вирішення.
поверху школи №2051 Порушення графічної проробки.
(Москва): логотипу, вхідної
групи і коридору. (див. Додаток
А. Рис.17-22.)
Аналог 9. Мобільний додаток Не зручні елементи інтерфейсу, а саме
BIO (див. Додаток А. Рис.23- малі кнопки.
24.)
Найближчим прототипом є робота «Студії оформлення освітніх
просторів» просторового оформлення першого поверху школи №2051
(Москва): логотипу, вхідної групи і коридору. (рис.А.17).
Таким чином можна зробити висновок, що графічні листи з точки зору
аналізу естетичних особливостей не наслідують їх стилістичних особливостей
аналогів і прототипу.
52

Розроблені макети, проект оформлення стіни та макет мобільного
додатку, з використанням авторської графіки підлягають складанню
авторському договору про власність авторських прав та ї передання замовнику
(Додаток В).
Висновки
Патентоспроможність дипломного проекту бакалавра за темою:
«Розробка графічних інформаційних листів для кафедри радіотехніки та
робототехніки ЧДТУ», є новим, бо об’єкти, які належать до об’єктів
авторського права вільні від плагіату. Завдяки використанню інформаційної
системи АНТИПЛАГІАТ» - Etxt Antiplagiat, 2010 - 2018, версія: 4.64.0.0 для
об’єктів авторського права. Дані об’єкти є новими і вільними від плагіату (Рис.
Б.6.).

53

ВИСНОВКИ

Представлено дипломний проект освітньо-кваліфікаційного рівня
«бакалавр», присвячений розробці графічних інформаційних листів для
кафедри радіотехніки і робототехніки ЧДТУ, які в майбутньому можуть
знайти своє застосування у профорієнтаційній роботі та покликанні
полегшити навчальний процес за рахунок лаконічної візуалізації великих
масивів інформації.
В ході роботи було досліджено етапи створення графічних листів. А
саме: пошук аналогів, вибір прототипу, розробка власної концепції та вибір
стилістичного вирішення проекту. Систематизація наданого матеріалу та
розробка композиційного розташування масивів в проекті оформлення стіни.
Робота з стилізацією героїв у загальній стилістиці проекту. Вибір
колірної гами та розташування кольорових акцентів в композиції. Робота з
векторним зображенням, накладення текстур. Робота над досягненням
цілісності проекту та проробка окремих деталей та підготовка до друку.
Варто окремо виділити етапи розробки мобільного додатку, зокрема:
Розробка User flows, Створення Wireframe, Розробка дизайну, Презентація
мобільного додатку.
Поставлену мету, розробити графічні листи, які будуть представлені у
вигляді проекту оформлення стіни та мобільного додатку, було досягнуто.
54

СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ

1. Mobile app market to grow 270% to $189 billion by 2020, with games
accounting for 55% / VentureBeat. venturebeat.com (en-US). Процитовано
2018-02-09.
2. Типи мобільних додатків [електронний ресурс]: стаття/ Режим доступу:
https://training.qatestlab.com/blog/technical-articles/types-of-mobile-
applications/
3. Визначення аналогу [електронний ресурс]: стаття/ Режим доступу:
http://popel-studio.com/blog/article/analogi-i-antipody.html
4. Розробка реклами технології SuitApp [електронний ресурс]: проект/
Режим доступу: https://www.behance.net/gallery/78017673/Suitapp-AI-
solution-for-online-fashion-retail?tracking_source=search%7Cvector
5. Дитячий садок Magliano Alfieri, оформлення стіни [електронний
ресурс]: проект / Режим доступу: https://www.behance.net/gallery/
22496649/Magliano-Alfieri-nursery-school-wall-art?tracking_source=
search%7Cwall%20decoration
6. Оформлення стіни в дитячій лікарні Magenta. [електронний ресурс]:
проект / Режим доступу: https://www.behance.net/gallery/22495165
/Magenta-Childrens-Hospital-wall-art?tracking_source=search%7Cwall%
20decoration
7. Колекція портретних ілюстрацій створена дизайнером Eric Chin
(Сингапур). [електронний ресурс]: проект / Режим доступу:
https://www.behance.net/gallery/74104979/Portrait-Illustration-
Vol1?tracking_source=search%7Cvector
8. Аналог 5. Обмальоване зображення людини в векторі, дизайнер Alessia
Saviano [електронний ресурс]: проект / Режим доступу:
https://www.behance.net/gallery/57984373/Andrew-Scott-Vector-
Portrait?tracking_source=search%7Cvector%20portrait
55

9. Розробка оформлення стіни для офісу, дизайнер Kosko Kosko (Київ).
[електронний ресурс]: проект / Режим доступу: https://www.behance.net/
gallery/79784577/Developers-Office-(Mural)?tracking_source=search
%7Cwall
10. Оформлення стіни у приміщенні компанії Kärcher, Timeline. Дизайнер
David Chick (London, United Kingdom) [електронний ресурс]: проект /
Режим доступу: https://www.behance.net/gallery/44138791/Internal-Wall-
Timeline-Graphic?tracking_source=search%7Cgraphic%20on%20the%
20wall
11. Мобільний додаток BIO. [електронний ресурс]: проект / Режим доступу:
https://www.behance.net/gallery/75251591/bio-educational-app-
UXUI?tracking_source=search%7Ceducational%20app
12. Концепція [електронний ресурс]: стаття / Режим доступу
https://uk.wikipedia.org/wiki/
13. Базима Б.А., Густяков Н.А. Про колірному виборі як індикаторі
емоційних станів в процесі вирішення малих творчих задач. // Вісник
ХДУ. Харків, 1988. N 320. с. 22-25. [електронний ресурс]: стаття / Режим
доступу http://ena.lp.edu.ua:8080/bitstream/ntb/17830/1/107-Korobiy.pdf
14. Як складати user experience flow [електронний ресурс]: стаття/ Режим
доступу http://progamedev.net/kak-sostavlyat-user-experience-flow/
15. Процесс разработки дизайна мобильного приложения с нуля.
[електронний ресурс]: стаття/ Режим доступу https://medium.com/
16. Створення мобільних додатків [електронний ресурс]: стаття/ Режим
доступу https://pbb.lviv.ua/posluhy/inshi-posluhy/stvorennia-rozrobka-
mobilnykh-dodatkiv
17. Закон України «Про авторське право і суміжні права» №3793 – ХІІ від
23 грудня 1993 року.
18. Програма антиплагіат «TinEye». Електронна бібліотека [Електронний
ресурс]: стаття / Режим доступу: https://tineye.com/
56

19. Друк на самоклеючій плівці. [електронний ресурс]: стаття/ Режим
доступу http://xn--80aaarb1abcefeihjqvo8w.xn--p1ai/

57

ДОДАТКИ
58

Додаток А

Рис.А.1. Аналог 1. Розробка реклами технології SuitApp.

Рис. А.2. Аналог 1. Розробка реклами технології SuitApp.

Рис. А.3. Аналог 2. Дитячий садок Magliano Alfieri, оформлення стіни.
59

Рис. А.4. Аналог 2. Дитячий садок Magliano Alfieri, оформлення стіни

Рис. А.5. Аналог 2. Дитячий садок Magliano Alfieri, оформлення стіни

Рис. А.6. Аналог 2. Дитячий садок Magliano Alfieri, оформлення стіни

60

Рис. А.7. Аналог 2. Дитячий садок Magliano Alfieri, оформлення стіни

Рис. А.8. Аналог 3. Оформлення стіни в дитячій лікарні Magenta.

Рис. А.9. Аналог 3. Оформлення стіни в дитячій лікарні Magenta.
61

Рис. А.10. Аналог 3. Оформлення стіни в дитячій лікарні Magenta.

Рис. А.11. Аналог 4. Колекція портретних ілюстрацій
створена дизайнером Eric Chin (Сингапур)

Рис. А.12. Аналог 4. Колекція портретних ілюстрацій
створена дизайнером Eric Chin (Сингапур).
62

Рис. А.13. Аналог 5. Обмальоване зображення людини в векторі,
дизайнер Alessia Saviano.

Рис. А.14. Аналог 6. Розробка оформлення стіни для офісу, дизайнер Kosko
Kosko (Київ).

Рис. А.15. Аналог 6. Розробка оформлення стіни для офісу, дизайнер Kosko
Kosko (Київ).
63

Рис. А.16. Аналог 7. Оформлення стіни у приміщенні компанії Kärcher,
Timeline. Дизайнер David Chick (London, United Kingdom).

Рис. А.17. Аналог 8. Оформлення першого поверху школи №2051 (Москва):
логотипу, вхідної групи і коридору.

Рис. А.18. Аналог 8. Оформлення першого поверху школи №2051 (Москва):
логотипу, вхідної групи і коридору.
64

Рис. А.19. Аналог 8. Оформлення першого поверху школи №2051 (Москва):
логотипу, вхідної групи і коридору.

Рис. А.20. Аналог 8. Оформлення першого поверху школи №2051 (Москва):
логотипу, вхідної групи і коридору.

Рис. А.21. Аналог 8. Оформлення першого поверху школи №2051 (Москва):
логотипу, вхідної групи і коридору.
65

Рис. А.22. Аналог 8. Оформлення першого поверху школи №2051 (Москва):
логотипу, вхідної групи і коридору.

Рис. А.23. Мобільний додаток BIO.

Рис. А.24. Мобільний додаток BIO.
66

Додаток Б

Рис. Б.1. Перевірка авторської графіки в онлайн антиплагіаті.

Рис. Б.2. Перевірка авторської графіки в онлайн антиплагіаті.

Рис. Б.3. Перевірка авторської графіки в онлайн антиплагіаті.
67

Рис. Б.4. Перевірка авторської графіки в онлайн антиплагіаті.

Рис. Б.5. Перевірка авторської графіки в онлайн антиплагіаті.

Рис. Б.6. Перевірка пояснювальної записки в програмі Антиплагіат.

68

Додаток В
Авторський договір

м. Черкаси «19».06.2019 р.

Погрєбна Христина Едуардівна, особу якої засвідчує паспорт серії ЕН
960352 виданий Кам’янобрідським РС у м. Луганську УДМСУ в Луганській
області 10 січня 2014 р. (надалі «Автор») з однієї сторони і ЧДТУ в особі
ректора Григора Олега Олександровича, що діє на підставі статуту, з іншої
сторони (надалі «Замовник») уклали авторський договір замовника №1, а далі
договір на розробку проекту оформлення стіни (надалі «Твір»), про наступне:

1. Предмет договору
1.1. Автор зобов’язується, в порядку та на умовах визначених цим
договором, створити твір, що має наступні ознаки:
1. Розробити графічні листи для оформлення проекту стіни.
2. Макет проекту оформлення стіни.
1.2. Автор зобов’язується передати Замовнику твір не пізніше семи
місяців після затвердження пошукового макету.
1.3. За Автором зберігається право на використання льотного терміну,
передбаченого національним законодавством, здачі Замовнику твору.
1.4. З моменту затвердження Оригіналу 1 та 2 Автор зобов’язується не
передавати іншим замовникам, зазначений у п.1.1. твір або його частину без
попередньої письмової згоди Замовника.
1.5. Автор передає Замовнику макет проекту оформлення стіни.
1.6. Замовник зобов’язується оплатити Авторові гонорар із
урахуванням наступного:
Загальна сума до виплати за цим Договором становить 10000 грн. (десять
тисяч гривень) і є акордною.
69

Оплата здійснюється в такі терміни:
а) 25% аванс – після затвердження ескізних варіантів у 10-денний
термін;
б) решта суми – протягом 10 календарних днів з дати передачі твору
від Автора до Замовника. передача твору оформлюється актом прийому-
передачі твору.
1.7. Твір вважається прийнятим, якщо від Замовника протягом 30
календарних днів з дати підписання акту прийому-передачі твору на адресу
Автора не надійде пропозицій, щодо доопрацювання Твору.
1.8. Акт прийому-передачі є необхідною складовою договору.

2. Порядок затвердження ескізу
2.1. Автор передає Замовнику ескіз твору для затвердження протягом
30 календарних днів після підписання цього договору. На копії ескізу
Замовник повинен поставити відмітку про одержання.
2.2. Ескіз вважається затвердженим, якщо протягом 30 календарних днів
від дати передачі його від Замовника не надійшло заперечень.
2.3. Протягом строку, визначеного в п. 2.1. цього договору, Замовник
може вносити свої пропозиції до ескізу з метою його доопрацювання. Відмова
Автора виконати пропозиції призводять до наслідків, визначених у розділі 3
цього договору.

3. Припинення дії договору
3.1. Дія цього договору, окрім загальних підстав, припиняється у
випадках:
а) Порушення Автором обов’язку особисто створити твір;
б) Відмова Автора від доопрацювання ухваленого ескізу;
в) Не представлення в строк виправленого після затвердження ескізу
твору;
70

г) Відмова Замовника від твору.
3.2. При розірванні договору з підстав, визначених п.п. «а,б,в» цього
договору, Автор повинен повернути отриманий гонорар.
3.3. При розірванні договору з, підстав визначених в п.п. «г», Автор не
повертає аванс та має право на відшкодування моральних і матеріальних
збитків.

4. Відповідальність сторін і вирішення спорів
4.1. У випадку порушення своїх зобов’язань за цим договором Автор і
Замовник несуть відповідальність, визначену цим договором та чинним в
Україні законодавством. Порушення зобов’язання є його невиконання або
неналежне виконання, тобто виконання з порушенням умов, визначених
договором.
4.2. Сторони не несуть відповідальність за порушення своїх зобов’язань,
якщо воно сталося не з їх вини. Сторона вважається невинною, якщо вона
доведе, що вжила всіх залежних від неї заходів для належного виконання
зобов’язання.
4.3. Усі спори, що пов’язані із цим договором, його укладанням або такі,
що виникають в процесі виконання умов цього договору, вирішуються
шляхом переговорів між сторонами. У разі неможливості вирішення шляхом
переговорів, спори вирішуються у судовому порядку, визначеному чинним
законодавством.

5. Строк дії договору та інші умови
5.1. Цей договір набуває чинності з моменту його підписання і діє до
повного виконання сторонами своїх зобов’язань за цим договором, з
урахуванням положень п.2.1.
71

5.2. Після підписання цього договору всі попередні переговори за ним,
листування, угоди та протоколи про наміри з питань, що так чи інакше
стосуються цього договору, втрачають юридичну силу.
5.3. Зміни в цей договір можуть бути внесені за взаємною згодою сторін,
що мають бути оформлені додатковою угодою, яка стане невід’ємною
складовою договору.
5.4. Усі правовідносини, що виникають у зв’язку з виконанням умов
цього договору і неврегульовані ним, регламентуються нормами
законодавства України.
5.5. Цей договір складений українською мовою на 4-х сторінках, у 3-х
примірниках, кожний з яких має однакову юридичну силу.

АВТОР ЗАМОВНИК
Погрєбна Христина Едуардівна_____ ЧДТУ___________________________
ЕН 960352 ______________________ Ректор Григор О.О.________________
Виданий Кам’янобрідським РС______ Статут ___________________________
у м. Луганську УДМСУ в Луганській _________________________________
області 10 січня 2014 р. ____________ _________________________________
інд. код. 3577404026_______________ _________________________________
м. Луганськ, пров. Айвазовського, 33_ _________________________________
моб. тел.: (096)6009576_____________

ПІДПИСИ СТОРІН
Автора За Замовника
_____________/___________________/ Керівник ____________/__________/
М.П. М.П.

72

Авторський договір

м. Черкаси «19».06.2019 р.

Погрєбна Христина Едуардівна, особу якої засвідчує паспорт серії ЕН
960352 виданий Кам’янобрідським РС у м. Луганську УДМСУ в Луганській
області 10 січня 2014 р. (надалі «Автор») з однієї сторони і ЧДТУ в особі
ректора Григора Олега Олександровича, що діє на підставі статуту, з іншої
сторони (надалі «Замовник») уклали авторський договір замовника №1, а далі
договір на розробку проекту оформлення стіни (надалі «Твір»), про наступне:

1. Предмет договору
1.1. Автор зобов’язується, в порядку та на умовах визначених цим
договором, створити твір, що має наступні ознаки:
1. Розробити дизайн мобільного додатку на основі створених
графічних листів.
2. Зробити прототип мобільного додатаку.
1.2. Автор зобов’язується передати Замовнику твір не пізніше 30 днів
після затвердження пошукового макету.
1.3. За Автором зберігається право на використання льотного терміну,
передбаченого національним законодавством, здачі Замовнику твору.
1.4. З моменту затвердження Оригіналу 1 та 2 Автор зобов’язується не
передавати іншим замовникам, зазначений у п.1.1. твір або його частину без
попередньої письмової згоди Замовника.
1.5. Автор передає Замовнику макет проекту оформлення стіни.
1.6. Замовник зобов’язується оплатити Авторові гонорар із
урахуванням наступного:
Загальна сума до виплати за цим Договором становить 4000 грн. (чотири
тисячі гривень) і є акордною.
73

Оплата здійснюється в такі терміни:
а) 25% аванс – після затвердження ескізних варіантів у 10-денний
термін;
б) решта суми – протягом 10 календарних днів з дати передачі твору
від Автора до Замовника. передача твору оформлюється актом прийому-
передачі твору.
1.7. Твір вважається прийнятим, якщо від Замовника протягом 15
календарних днів з дати підписання акту прийому-передачі твору на адресу
Автора не надійде пропозицій, щодо доопрацювання Твору.
1.8. Акт прийому-передачі є необхідною складовою договору.

2. Порядок затвердження ескізу
2.1. Автор передає Замовнику ескіз твору для затвердження протягом
30 календарних днів після підписання цього договору. На копії ескізу
Замовник повинен поставити відмітку про одержання.
2.2. Ескіз вважається затвердженим, якщо протягом 30 календарних днів
від дати передачі його від Замовника не надійшло заперечень.
2.3. Протягом строку, визначеного в п. 2.1. цього договору, Замовник
може вносити свої пропозиції до ескізу з метою його доопрацювання. Відмова
Автора виконати пропозиції призводять до наслідків, визначених у розділі 3
цього договору.

3. Припинення дії договору
3.1. Дія цього договору, окрім загальних підстав, припиняється у
випадках:
а) Порушення Автором обов’язку особисто створити твір;
б) Відмова Автора від доопрацювання ухваленого ескізу;
в) Не представлення в строк виправленого після затвердження ескізу
твору;
74

г) Відмова Замовника від твору.
3.2. При розірванні договору з підстав, визначених п.п. «а,б,в» цього
договору, Автор повинен повернути отриманий гонорар.
3.3. При розірванні договору з, підстав визначених в п.п. «г», Автор не
повертає аванс та має право на відшкодування моральних і матеріальних
збитків.

4. Відповідальність сторін і вирішення спорів
4.1. У випадку порушення своїх зобов’язань за цим договором Автор і
Замовник несуть відповідальність, визначену цим договором та чинним в
Україні законодавством. Порушення зобов’язання є його невиконання або
неналежне виконання, тобто виконання з порушенням умов, визначених
договором.
4.2. Сторони не несуть відповідальність за порушення своїх зобов’язань,
якщо воно сталося не з їх вини. Сторона вважається невинною, якщо вона
доведе, що вжила всіх залежних від неї заходів для належного виконання
зобов’язання.
4.3. Усі спори, що пов’язані із цим договором, його укладанням або такі,
що виникають в процесі виконання умов цього договору, вирішуються
шляхом переговорів між сторонами. У разі неможливості вирішення шляхом
переговорів, спори вирішуються у судовому порядку, визначеному чинним
законодавством.

5. Строк дії договору та інші умови
5.1. Цей договір набуває чинності з моменту його підписання і діє до
повного виконання сторонами своїх зобов’язань за цим договором, з
урахуванням положень п.2.1.
75

5.2. Після підписання цього договору всі попередні переговори за ним,
листування, угоди та протоколи про наміри з питань, що так чи інакше
стосуються цього договору, втрачають юридичну силу.
5.3. Зміни в цей договір можуть бути внесені за взаємною згодою сторін,
що мають бути оформлені додатковою угодою, яка стане невід’ємною
складовою договору.
5.4. Усі правовідносини, що виникають у зв’язку з виконанням умов
цього договору і неврегульовані ним, регламентуються нормами
законодавства України.
5.5. Цей договір складений українською мовою на 4-х сторінках, у 3-х
примірниках, кожний з яких має однакову юридичну силу.

АВТОР ЗАМОВНИК
Погрєбна Христина Едуардівна_____ ЧДТУ___________________________
ЕН 960352 ______________________ Ректор Григор О.О.________________
Виданий Кам’янобрідським РС______ Статут ___________________________
у м. Луганську УДМСУ в Луганській _________________________________
області 10 січня 2014 р. ____________ _________________________________
інд. код. 3577404026_______________ _________________________________
м. Луганськ, пров. Айвазовського, 33_ _________________________________
моб. тел.: (096)6009576_____________

ПІДПИСИ СТОРІН
Автора За Замовника
_____________/___________________/ Керівник ____________/__________/
М.П. М.П.

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