Використання 3D-графіки в дизайні інтерактивних веб-сторінок

Автор: Петрович Марія Богданівна
Кваліфікаційний рівень: магістр
Спеціальність: Дизайн
Інститут: Інститут архітектури та дизайну
Форма навчання: денна
Навчальний рік: 2023-2024 н.р.
Мова захисту: українська
Анотація: Сучасна веб-розробка постійно змінюється і вдосконалюється, вносячи інновації для покращення користувацького досвіду. Технологічний поступ зумовив появу нових комунікативних концепцій та інновацій у сфері дизайну [1]. Загальновідомо, що сторінки веб-сайтів з інтерактивними елементами значно полегшують сприйняття інформації на веб-ресурсі та уможливлюють більш тісну взаємодію із читачем, оскільки передбачають здатність контенту реагувати на дії користувача [2]. Синергія тексту, образів і звуку в інтерактивних віртуальних середовищах, обумовлена мультимедійними технологіями, стала ефективним інструментом для інформаційно-освітніх і розважальних цілей, що формує нові виклики для дизайнерів. Для досягнення якісного мультимедійного впливу важливо застосовувати комплексний підхід, розглядати сценарії та розуміти технічні аспекти проекту, виходячи за межі візуально-естетичного і функціонального підходів [3]. Усвідомлюючи емоційний вплив на користувачів та застосовуючи принципи Гештальта у своїх проектах [4], дизайнери можуть аналізувати та використовувати інтерактивність для надання динамічного контенту, адаптованого для цільової аудиторії. Важливо знати переваги використання тих чи інших стилів графічного дизайну для створення вдалих рішень [5]. Однією з перспективних технологій є використання тривимірної (3D) графіки в дизайні інтерактивних веб-сторінок. Об’єкт дослідження – дизайн інтерактивних веб-сторінок. Предмет дослідження – використання 3D-графіки у дизайні інтерактивних веб-сторінок. Мета дослідження: зробити внесок у сукупність знань на тему 3D-графіки у веб-дизайні. Вивчити мистецькі та технологічні аспекти використання графіки в дизайні інтерактивних веб-сайтів. Виявити вплив 3D-графіки на взаємодію з користувачем (UX) і дизайн інтерфейсу користувача (UI). Проаналізувати потенційні наслідки використання для ефективності та привабливості взаємодії користувачів на інтерактивних веб-сторінках. Обґрунтувати доцільність її використання для створення вдалого візуального образу бренду. Ця магістерська дипломна робота присвячена дослідженню прикладів та методів інтеграції 3D-графіки в інтерфейси веб-сайтів для досягнення покращеного візуального сприйняття та збільшення залученості користувачів. Дослідження охоплює аналіз поточної наукової літератури, що висвітлює важливі концепції, такі як поняття потоку, вплив інтерактивності на сприйняття веб-сайту, роль тривимірної графіки та анімації в дизайні веб-сторінок. Розглянуто теоретичні аспекти створення інтерактивного дизайну інтерфейсу веб-сторінок з використанням 3D-графіки, зокрема концепцію 5 вимірів інтерактивного дизайну, що включають: 1D – слова, 2D – візуальні представлення, 3D – фізичні об’єкти або простір, 4D – час та 5D – поведінка. Встановлено, що взаємодія графіки з користувачем має важливе значення, оскільки вона спрямована не лише на створення естетичного враження для відвідувачів, але також виконує функцію направлення клієнтів через інтерфейс. Таким чином, успішність графіки на веб-сторінці визначається врахуванням чотирьох ключових критеріїв: образ відправника, функціональність, жанр та цільова аудиторія. Проаналізовано наявні приклади використання 3D-графіки на веб-сайтах з метою забезпечення більшої динамічності та естетичної привабливості інформації. Визначено такі способи використання 3D-графіки: 3D-моделювання та анімація, тривимірні значки та ілюстрації, 3D-карти та просторова навігація, 3D-ефекти та переходи. З огляду на це виведено класифікацію форм використання такої графіки на інтерактивних веб-сторінках. Дослідження також охоплює аналіз сучасних тенденцій у використанні 3D-графіки в веб-дизайні, розглядає художні принципи, технологічні аспекти та методику впровадження тривимірних візуальних ефектів. У цьому контексті робота також вивчає вплив використання 3D-графіки на продуктивність веб-сторінок та оцінює реакції користувачів на новітні дизайнерські рішення. Виявлено, що використання 3D-графіки у дизайні інтерфейсів інтерактивних веб-сторінок має численні переваги, які охоплюють як аспекти естетичного оформлення, так і функціональні покращення. Це викликає революцію у способі взаємодії користувачів із цифровим контентом. На основі результатів проведеного дослідження створено проект дизайну інтерактивної веб-сторінки з використанням 3D-графіки для бренду м’яких дитячих модульних меблів. Ключові слова: 3D-графіка, інтерактивна веб-сторінка, веб-дизайн, анімація, дизайн взаємодії. Список використаних джерел: Мельник О. Я., Штець В. О. (2019). Комунікативні концепції та технологічні інновації у дизайні сучасного плакату. Культура і сучасність. № 1. С. 75-80. doi: https://doi.org/10.32461/2226-0285.1.2019.179674 Мельник О.Я., Штець В.О., Ракочий Я.В. (2021). Інтерактивність у дизайні новинного сайту. Актуальні питання гуманітарних наук: міжвузівський збірник наукових праць молодих вчених Дрогобицького державного педагогічного університету імені Івана Франка [редактори-упорядники М. Пантюк, А. Душний, І. Зимомря]. – Дрогобич: Видавничий дім «Гельветика» – Вип. 35. Том 3. – С.45-50. doi: https://doi.org/10.24919/2308-4863/35-3-6 Мельник О. Я., Штець В. О.(2020). Особливості дизайну мультимедійної презентації для віртуального мистецького середовища. Культура і сучасність : альманах. № 2. С. 123-127. URI: http://elib.nakkkim.edu.ua/handle/123456789/4192 Куртяник І. О., Галишич Р. Я. (2021). Особливості застосування принципів Гештальта у веб-дизайні. Сучасний рух науки: тези доп. XIII міжнародної науково-практичної інтернет-конференції, 18-19 жовтня 2021 р. – Дніпро, Україна – С. 152-154. URI: http://www.wayscience.com/wp-content/uploads/2021/10/Materials-of-conference-18-19.10.2021.pdf#page=152 Кривокульська К. В., Проскуряков О. В. (2022). Використання принципів мінімалізму в графічному дизайні. Вісник Львівської національної академії мистецтв. Вип. 48. – С. 132–141. 0,45 ум.д.ар. [н.к. - Проскуряков О.В.]. URI: https://is.lpnu.ua/ScienceLP/Research/ArticlesEdit.aspx?id=100004