Проектування та створення багатосторінкового сайту-довідника на тему "Використання модульної сітки в веб-дизайні" з використанням технолоій Flexbox та CSS-grids

Abstract

Об’єкт розробки – процес розробки дизайну сайту. Мета роботи – розробка дизайну web-сайту на тему «Використання модульної сітки в веб-дизайні». Методи дослідження – методи розробки дизайну веб-сайтів, використання модульної сітки під час проектування навігації та розміщення контенту на сайті, середовище проектування Figma, тестування продукту за допомогою інтсрументів прототипування. У роботі проведено аналіз сучасних досягненнь та застосуваннь web-документів. Виділені основні переваги та недоліки сучасного дизайну сайтів довідників, що були враховані при розробці нового рішення. Розроблено структуру сайту, що включає теоретичні дані навчання, корисні посилання, а також розроблені варіанти макетів до та після оплати. Велика увага приділена інтерактивності навчального процесу: інтегровані детальні пояснення з простими геометричним ілюстраціями для кращого засвоєння матеріалу. Програмна реалізація сайту забезпечує динамічну взаємодію з користувачем в режимі прототипування. Використання середовища Figma дозволило ефективно розробити сучаний та цікавий дизайн сайту, який надаватиме інформацію про модульну сітку в графічному та веб-дизайні. Тестування макету сайту виявило значне підвищення рівня зрозуміння матеріалу порівняно з сайтами із зістарілим дизайном, що підтверджує високу ефективність розробленого продукту та актуальність подальшого його розвитку та впровадження.