• фреймворки - позволяют ускорить процесс разработки, сохранить возможность браузерной совместимости между различными устройствами. Также в определенных браузерах сами исправляют ошибки;
• точки прерывания - задаются в соответствии с контентом, позволяя улучшать слабые места там, где возникают проблемы; также этот метод является простым и занимает минимум времени.
При изучении этапов планирования web-сайтов студенты должны осознавать основные преимущества адаптивного дизайна перед «отзывчивым» и мобильным:
• оптимизация для отдельных устройств;
• довольно быстрая загрузка;
• оптимизация рекламы;
• возможность адаптации к действующим web-сайтам.
Недостатки адаптивного дизайна перед «отзывчивым» и мобильным:
• дорогой и трудный в реализации;
• для корректной работы сайта нужна команда разработчиков;
• нужно внести изменения в дизайн для всех действующих макетов;
• размеры окон появляются регулярно.
В свою очередь, отметим, что мобильный web-дизайн - это уже нечто другое, это создание сайта для мобильных пользователей. Единственные факторы, от которых он зависит,
- это базовый код и корректная работа браузера. Для него нужно выбрать приоритетные элементы, которые будут отображаться пользователям. Частая проблема в мобильных версиях
- непонятная навигация, из-за меньшего размера экрана панель навигации займет непозволительно много места. «Отзывчивый» дизайн позволяет корректно работать сайтам на десктопных устройствах и, если будут какой-либо сбой или ошибка, позволит устранить ее в кратчайшие сроки, но при этом имеет недочет - медленно работает на мобильных устройствах. Мобильный дизайн позволяет изготавливать проекты для мобильной техники, но его минус в том, что большинство из этих проектов больше нигде не выходят, тем более придется произвести затраты на рекламу своего продукта, так как его могут попросту не заметить.
Подводя итог, можно с уверенностью сказать, что адаптивный дизайн является одним из наиболее универсальных и лучшим из разработанных на сегодняшний день [7].
Преимущества мобильного дизайна перед «отзывчивым» и адаптивным:
• заметно ускоренная загрузка страниц по сравнению с остальными дизайнами;
• сайт будет полноценным контентом, при публикации можно не обращать внимания на десктопную версию;
* при любом недоразумении (зависание, смещение строк и т.д.) можно оперировать на десктопной версии.
Недостаток мобильного дизайна, по сути, один: большие затраты при разработке и при SEO-продвижении, например реклама сайта, чтобы чаще выдавался в поиске.
Вывод
Итак, web-дизайн - это настоящее и будущее любого проекта, без которого невозможен ни один проект. Проведя метрологические исследования и анализ архитектуры web-сайтов, адаптивного, мобильного и «отзывчивого» дизайна, можно отметить, что у каждого из них есть как свои плюсы, так и минусы при использовании. Из вышесказанного можно сделать вывод, что знание видов архитектуры web-сайтов позволит студентам более глубоко и основательно познать возможности и технологические тонкости компьютерной графики.
Данное понимание основных характеристик адаптивного, «отзывчивого» и мобильного дизайна даст студентам возможность овладеть технологиями программирования web-сайтов, а также повысить свою проектную культуру. В то же время багаж знаний, полученных студентами при разработке страниц web-сайтов, повышает эстетическую культуру будущих специалистов графического дизайна, а также художественно-эстетическое восприятие объектов дизайна. Отмечено, что у студентов при изучении этапов проектирования web-сайтов повышается мотивация к обучению, формируются знания, которые соответствуют современным требованиям к специалистам в области графического дизайна, развивается профессиональная самостоятельность.
Список литературы
1. Мамедова И.Ю., Мильчакова Н.Е., Дрюкова А.Э. Концепция юзабилити с позиции универсального дизайна // Russian Technological Journal. 2022. Т. 10. № 3. С. 11-120.
2. Осборн Трэйси. Web-дизайн для недизайнеров. СПб.: издательство «Питер», 2022. 286 с.
3. Дакетт Джон. Html и css. разработка и дизайн Web-сайтов. М.: издательство «Эксмо», 2022. 480 с.
4. Сивухин Д.А., Мамедова И.Ю. Визуальное исследование навигации общественных пространств // Труды академии технической эстетики и дизайна. 2020. № 1. С. 16-18.
5. Фрейн Бен. Отзывчивый дизайн на HTML5 и CSS3 для любых устройств. 3-е изд. СПб.: издательство «Питер», 2022. 336 с.
6. Мильчакова Н.Е., Соколова М.Л., Жигунова А.И. Концепция ответственности как современное мировоззрение дизайнера // Российский технологический журнал. 2020. Т. 8. № 2 (34). С. 109-121.
7. Дрюкова А.Э., Мильчакова Н.Е., Дрюков М.В. Использование нейронных сетей в индустриальном дизайне // Дизайн. Материалы. Технология. 2022. № 2 (66). С. 24-29.