Учитывая, сколько людей выходят в интернет с мобильных устройств, адаптивный дизайн больше не является опцией. Сайты должны хорошо выглядеть на различных устройствах — настольных компьютерах, ноутбуках, планшетах и смартфонах. И создание вайрфреймов — это важнейший этап проектирования адаптивных интерфейсов.
Адаптивные вайрфреймы — это наборы вайрфреймов с разными компоновками (layout) одного и того же дизайна, которые:
- Показывают, как контент адаптируется под разную ширину сетки
- Помогают определить структуру страницы
- Демонстрируют, как контент работает с разными визуальными композициями (layouts)
Адаптивные вайрфреймы закладывают основу для сайтов, которые функционируют на множестве устройств. Чтобы создать такие вайрфреймы, мы начинаем с простых эскизов.
Что такое адаптивный дизайн

Адаптивный дизайн — это решение проблемы, которой до недавнего времени не существовало: как сделать так, чтобы интерфейс хорошо выглядел на разных типах и размерах устройств. В 2021 году пользователи мобильных устройств составляли чуть более половины всех интернет-пользователей в мире. Но при этом большинство людей используют несколько устройств — настольные компьютеры, ноутбуки, планшеты и смартфоны…
Доступ только по подписке
Этот урок доступен только для подписчиков. Оформите подписку, чтобы получить полный доступ к материалам, эксклюзивному контенту и дополнительным бонусам.
Что даёт подписка?
- Доступ ко всем разделам учебника
- Доступ ко всем мастер-классам
- Закрытый чат с ментором
- Обратная связь на проекты
Подключите подписку сейчас и получите неограниченный доступ к этому и другим материалам!