Б.С. Горячкин1, Д.В. Бобров2

1,2 Московский государственный технический университет им. Н.Э. Баумана (Москва, Россия)
 

Постановка проблемы. При разработке пользовательского интерфейса актуальна проблема, связанная с его адаптивностью. Необходимо, чтобы интерфейс отображался корректно при любых размерах пользовательского устройства.

Цель. Повысить эффективность разработки пользовательского интерфейса, используя существующие единицы измерения в веб-дизайне и принципы адаптивной верстки.

Результаты. Рассмотрены существующие единицы измерения. Определено, как и зачем их используют в веб-дизайне. Изучены виды единиц измерения (абсолютные и относительные); обозначены их отличия и сферы применимости. Выделены принципы адаптивной верстки, а также приведены задачи, для решения которых использовались принципы адаптивной верстки и рассмотренные единицы измерения.

Практическая значимость. Единицы измерения, принципы адаптивной верстки и их сочетание на примерах различных задач должны облегчить процесс создания пользовательского интерфейса, что позволяет правильно разбить и проанализировать задачи до написания непосредственно самого программного кода, где и когда нужно использовать определенные принципы и единицы измерения.

Горячкин Б.С., Бобров Д.В. Эффективность принципов адаптивной верстки при разработке пользовательских интерфейсов // Динамика сложных систем. 2023. Т. 17. № 1. С. 55−62. DOI: 10.18127/j19997493-202301-04

1. W3C. URL: https://www.w3.org/TR/CSS (дата обращения: 04.12.2022).
2. CSS. URL: https://yoksel.github.io/size-units (дата обращения: 04.12.2022).
3. Горячкин Б.С., Щукин А.С., Тодосиев Н.Д., Янковский В.И. Анализ современных единиц измерения в веб-дизайне // E-Scio. 2020. № 3 (42). С. 532–545. EDN ZYAFJA.
4. Мир познаний. URL: https://deepcloud.ru/articles/chto-takoe-otnositelnye-edinitsy-izmereniya (дата обращения: 04.12.2022).
5. Горячкин Б.С., Сабиров А.А., Зеленцова Е.В. Эргономический анализ оптимальности шрифтов // Динамика сложных систем – XXI век. 2019. Т. 13. № 4. С. 55–62. DOI: 10.18127/j19997493-201904-08
6. JAVASCRIPT.RU. URL: https://learn.javascript.ru/css-units (дата обращения: 04.12.2022).
7. Кокос.com. URL: https://kokoc.com/blog/chto-takoe-adaptivnaya-vyorstka-sajta-primery (дата обращения: 04.12.2022).
8. Палаш Б.В. Анализ современных видов верстки сайтов // Наука без границ. 2019. № 6 (34). С. 37–40. EDN DRMHBC.
9. Горячкин Б.С., Ханмурзин Т.И. Повышение эффективности работы с веб-ресурсом за счет инструментария системного программиста // Динамика сложных систем – XXI век. 2022. Т. 16. № 3. С. 26–39. DOI 10.18127/j19997493-202203-03.